Library

Course: Bootstrap 4.2 From Scratch with 3 Project - Bootstrap 4 ile Sıfırdan 3 Proje

Bootstrap 4.2 From Scratch with 3 Project - Bootstrap 4 ile Sıfırdan 3 Proje

  • Life Time Access
  • Certificate on Completion
  • Access on Android and iOS App
  • Self-Paced
About this Course

Bu Kursta Neler Yapacağız?

Bu kurs sayesinde Bootstrap 3, Bootstrap 4 veya Bootstrap 4.2 sürümleri hakkında hiçbir şey bilmeseniz bile sizlere sıfırdan harika responsive yani tüm platformlara duyarlı (telefon, tablet, bilgisayar) Web Tasarımlar / Temalar yapabilmeniz için Bootstrap 4.2 'nin kullanımını öğretmektedir.

Bu kursa başlamak için Bootstrap 'in önceki sürümleri hakkında bilgi sahibi olmanıza gerek yok. Kurs içerisinde Bootstrap 4.2 için temel CSS ve HTML5 bilgisi de sunulduğundan sadece temel bilginiz olması yeterli.

Bu kurs, Bootstrap 4'ün (4.2.1) son sürümünü kullanan en güncel kurstur.

Gerçek Projeler / Tasarımlar Geliştirmeyi Öğrenin

Tüm kurslarında önce öğretip sonrada gerçek projelerde bu bilgileri harmanlayan eğitmeniniz ile birlikte sıfırdan 3 farklı projeyi yaparak bilgilerinizi pekiştireceksiniz. Bu projelerin çoğunluğunun dosyaları şuan kursta hazır ve yüklenmiş durumda diğer eksiklerde hazırlanarak yüklenmeye devam etmektedir. Dilerseniz eğitmeniniz ile birlikte uygulayarak yada anında indirerek projeleri inceleyebilir ve gerçek hayatta kullanmaya başlayabilirsiniz.

Bu Bootstrap 4 kursu html5 css3 vs JS (javascript) frameworklerini içermektedir. Bootstrap 4 Kursu, Yazılım Geliştirme kategorisi içerisinde bulunan Web Geliştirme kategorisinin içerisinde yer almaktadır. Bu kursu satın almanız durumunda frontend olarak da bilinen ön yüz web tasarım geliştirmeyi öğreneceksiniz. İngilice kaynaklarda web design olarak da geçmektedir. 

Basic knowledge

Açıklama:

  • Bu kurs sıfırdan anlatılmaktadır
  • Bootstrap 2 veya Bootstrap3 gibi eski teknolojileri bilmeniz gerekmiyor
  • html ve css bilginizin olması artı katacaktır
  • Kurs anlatırken türkçe dil kullanılmıştır fakat Türkçe bilmeseniz bile benimle birlikte uygulama yapabilirsiniz

Description for English:

  • This course is described from scratch
  • You don't need to know old technologies like Bootstrap 2 or Bootstrap3
  • Having html and css information will add plus
  • Turkish language is used when teaching the course, but you can practice with me even if you don't know Turkish
What you will learn
  • Bootstrap 4.2 ile sıfırdan gerçek hayattaki temaları geliştirmeyi öğreneceksiniz
  • Kendi tasarımlarınızı hazırlayıp yeni tasarımlar yapabileceksiniz
  • HTML 5 ve modern CSS 3 tekniklerini Bootstrap 4 ile kullanmayı öğreneceksiniz
  • Her platforma uyumlu (cep telefonu, tablet, masaüstü veya dizüstü bilgisayar) responsive web projeleri oluşturabileceksiniz
  • A dan Z ye Bootstrap 4 öğreneceksiniz
  • Bir Web Sitesinin Çalışma Mantığını Öğreneceksiniz
  • Sublime Text 3 Kod Yazma Editörü ile Hızlı Kod Yazmanın Püf Noktalarını Keşfedeceksiniz
  • Facebook .com, kişisel veya kurumsal alanlarda kullanmak için animasyonlu web tasarım geliştirmeyi öğreneceksiniz
  • Seo uyumlu tasarımlar geliştirmeyi öğreneceksiniz
Curriculum
Number of Lectures: 109
Total Duration: 14:30:28
Bootstrap Giriş / Introduction
  • Bootstrap Nedir?  
  • Bootstrap Dosyalarını İndirme (Download)  
  • Sublime Text Editörü İndirme (Download Sublimetext)  
  • Sublime Text Yapılandırma Ayarları  
  • İlk Projenin Oluşturulması (Create First Project)  
  • Introduction - Kaynak dosyaları  
Grid (Izgıra) Sistemi
  • Container Yapısı  
  • Grid Yapısı 1  
  • Grid Yapısı 2  
  • Grid Yapısı 3 - Sütun Kaydırma (Offset)  
  • Grid Yapısı 4 - İç içe Grid Kullanımı  
  • Grid Yapısı İçin Alıştırma Ödevi  
  • Container Yapısı Ödev Yapılışı  
  • Grid (Izgıra) Sistemi - Kaynak dosyaları  
Tipografig Stiller ve Araçlar (CSS)
  • Bölüm Tanıtımı  
  • <h1><h6> Başlık (Heading) Etiketleri  
  • Özelleştirilmiş Başlıklar (Display Headings)  
  • <lead> Öne Çıkan Metin Ayarlama  
  • <mark> İşaretlenmiş Metin ( Metin Vurgulama )  
  • <del> ve <s> Silinmiş - Üzeri Çizili Metin  
  • <ins> veya <u> Altı Çizili Metin  
  • <small> Küçük Metin  
  • <strong> Kalın Metin  
  • <em> İtalik Metin  
  • <abbr> Kısaltmalar  
  • <blockquotes> Alıntı Yapmak  
  • <cite> Kaynak Belirtme  
  • Metin Hizalama  
  • <text muted> Pasif Metin  
  • <code> Satır İçi Kod  
  • <pre> Yazıldığı gibi göster  
  • <kbd> Klavye Girdisi  
  • <ol> ve <ul> Sıralı ve Sırasız Listeleme  
  • Metin Dönüştürme / Büyük - Küçük Metin  
  • Metin Renklendirme Etiketleri  
  • Arkaplan Renklendirme Etiketleri  
  • Float (Konumlandırma)  
  • Clearfix (Sitenin Kaymasını Engelleyin)  
  • Sizing (Boyutlandırma)  
  • Görüntü Özellikleri (d-block , d-inline)  
  • Margin ve Padding (Kenar Boşlukları)  
  • Border Özellikleri (Kenarlıklar ve Renklendirme)  
  • Border Radius (Kenarların Yuvarlanması)  
  • Responsive Images (Duyarlı Resimler)  
  • Iframe Embed (Responsive Video Ekleme)  
  • Figürler  
  • Overflow (Taşma)  
  • Tablolar  
  • Tablolar2 Responsive ve Renklendirme  
  • Tipografig Stiller ve Araçlar (CSS) - Kaynak dosyaları  
Bileşenler (Components)
  • JavaScript Dosyalarının Dahil Edilmesi  
  • Butonlar (Buttons)  
  • Butonlar Grupları  
  • Açılır Butonlar (Dropdowns) Bölüm 1  
  • Açılır Butonlar (Dropdowns) Bölüm 2  
  • Uyarılar (Alerts)  
  • Rozetler (Badges)  
  • Site Haritası (Breadcrumb)  
  • Vitrin Hazırlama (Jumbotron)  
  • Listeleme Grupları (List Groups ) ol, ul  
  • Formlar ve Özelikleri (Forms)  
  • Form-inline ve Kullanıcı Giriş Formu  
  • Form Grid Yapısı  
  • FORM ÖDEV  
  • Form Ödev Yapılışı  
  • Kartlar (Card)  
  • Kartlar (Sizing and Text Alignment)  
  • Kartlar (Header and Footer)  
  • Kartlar (Image Overlay)  
  • Kartlar (Background -Border and Color)  
  • Kartlar (Layout - Group and Deck)  
  • Medya Nesneleri (Media Objects)  
  • Sayfalama (Pagination)  
  • İlerleme Çubuğu (Progress)  
  • Loading (Spinners)  
  • Menüler (Navs)  
  • Açılır Menü (Dropdown Nav)  
  • Menüler JS Özellikleri  
  • MenüBar ( NavBar )  
  • Açılır Kutular (Modal Popup)  
  • Bileşenler (Components) - Kaynak dosyaları  
Animasyon ve İkon Kullanımı
  • Animasyonlar (Animate CSS)  
  • İkon Ekleme (Font Awesome)  
Proje-1 - Facebook (HomePage)
  • Facebook Giriş  
  • Üst Menü ve Giriş Formu Tasarımı  
  • İçerik ve İç Form Tasarımı  
  • Alt Menü Tasarımı  
  • Responsive Ayarları  
  • Proje-1 - Facebook (HomePage) - Kaynak dosyaları  
Proje-2 - Kişisel || Kurumsal Blog Tasarımı (Animasyonlu)
  • Blog Giriş  
  • Giriş2 & Logo Oluşturma  
  • Açılır Menü Tasarımı  
  • Populer Post Tasarımı  
  • Header Tasarımı  
  • Çok Fonksiyonlu Slayt Oluşturma  
  • Son Çalışmalar (Recent Works) Tasarımı  
  • Alt alan (Footer) Tasarımı  
  • Animasyon Ekleme  
  • Proje-2 - Kişisel || Kurumsal Blog Tasarımı (Animasyonlu) - Kaynak dosyaları  
Proje-3 - Kişisel & Kurumsal Web Site Tasarımı (Animasyonlu)
  • Giriş  
  • Menü Tasarımı (Header)  
  • Hizmetler Bölümü (Services)  
  • Galeri (Portfolio)  
  • Hakkımızda (About Us)  
  • Takımımız ve Referanslar ( Our Team & Partners)  
  • İletişim (Contact)  
  • Alt Bilgi (Footer)  
  • Animasyon  
  • Proje-3 - Kişisel & Kurumsal Web Site Tasarımı (Animasyonlu) - Kaynak dosyala  
Reviews (0)