Bootstrap 4 ile Sıfırdan Harika Web Projeleri Oluşturun
4.6 (1,414 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
4,252 students enrolled

Bootstrap 4 ile Sıfırdan Harika Web Projeleri Oluşturun

BOOTSTRAP en son sürümünü öğrenerek Facebook, Onedio, 140Journos gibi BOOTSTRAP 4 premium tasarımlar yapıyoruz.
4.6 (1,414 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
4,252 students enrolled
Last updated 10/2018
Turkish
Current price: $9.99 Original price: $184.99 Discount: 95% off
30-Day Money-Back Guarantee
This course includes
  • 13.5 hours on-demand video
  • 6 articles
  • 1 downloadable resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to Udemy's top 3,000+ courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Sıfırdan yüksek kaliteli Bootstrap 4 temaları ve kullanıcı arayüzleri geliştirmeyi öğreneceksiniz.
  • Her platforma uyumlu (cep Telefonu, tablet, masaüstü) responsive web projeleri oluşturabileceksiniz.

  • Onedio, Facebook, 140Journos gibi sitelerin premium tasarımlarını yapmayı öğreneceksiniz.

  • Seo Uyumlu Semantik Web Projelerinin püf noktalarını öğreneceksiniz.
  • Anlamlı HTML5 ve modern CSS 3 tekniklerini öğreneceksiniz.
  • Web projelerinizde tasarım arama derdinden kurtulacak ve kendi tasarımlarınızı hazırlayıp kullanabileceksiniz.
Course content
Expand all 142 lectures 13:20:44
+ Bootstrap Öncesi Temel CSS Eğitimi
10 lectures 01:00:43
Sublime Text Kod Editörü Kurulumu ve Proje Dosyalarının Çalıştırılması
08:22
Yazı Tipi Özellikleri
07:43
Metin Özellikleri
11:53
Liste Özellikleri
04:48
Fare İşaretçi Özellikleri
02:33
Zemin Özellikleri
05:10
Kutu Modeli Özellikleri
02:57
+ Bootstrap 4 Eğitimine Giriş
15 lectures 01:00:34
Bölüm Tanıtımı
02:44
Bootstrap ile Hazırlanmış Site Örnekleri
04:32
Desteklenen Cihazlar ve Web Tarayıcılar
02:12
Tarayıcı Hatalarını Tespit Etme
02:20
Bootstrap 4 ile Gelen Yenilikler
01:55
Lorem İpsum Nedir Kullanımı Nasıldır?
03:50
Placeholder Nedir Kullanımı Nasıldır?
02:21
Bootstrap Kurulumu ve Projeye Dâhil Edilmesi
12:17
Jquery Dosyalarını Localden Çalıştırma ve Püf Nokta
05:17
Bootstrap 4 ile İlk Projemiz
02:51
Sayfa Yerleşim Dizaynının Oluşturulması
02:17
Projelerimiz Responsive Olarak Nasıl Test Edebiliriz
03:23
+ Grid (Izgara) Sistemi
13 lectures 01:00:00
Bölüm Tanıtımı
01:56
Grid (Izgara) Sistemi Nedir?
02:58
Grid Sistemi Uygulama Örneği
06:41
Ödev – İlk Grid Yapısı Projemiz
05:21
Grid Ekran Modelleri
05:46
Sütun Kaydırma
02:33
Sütun Sıralama
01:32
Sütun Netleştirme Öteleme
03:45
Medya Nesnesi (Media Object) - Yuvalama (Nesting)
04:38
Medya Nesnesi (Media Object) - Hizalama (Alignment)
03:44
Bölüm Sonu Proje Ödevi
04:29
Bölüm Sonu Proje Ödevi Yapımı
09:55
+ Tipografik Stiller (CSS)
37 lectures 02:13:00
Bölüm Tanıtımı
02:26
<h1><h6> Başlıklar (Heading)
04:38
Display Heading
03:28
<small> Küçük Metin
01:54
<u> Altı Çizili Metin
02:13
<strong> Kalın Metin
02:32
<em> İtalik Metin
01:37
<mark> İşaretlenmiş Metin
02:10
<del> Silinmiş Metin
03:02
<s> Üstü Çizili Metin
02:08
<text muted> Pasif Metin
02:09
<cites> Kaynak Belirtme Stili
01:59
<abbr> Kısaltmalar
02:07
<kbd> Klavye Girdisi
02:03
<var> Değişken
01:03
<code> Satır İçi Kod
01:37
Ara Proje Ödevi
01:05
Ara Proje Ödevinin Yapılışı
01:55
Metin Renklendirme Etiketleri
03:27
Arkaplan Renklendirme Etiketleri
02:25
Açıklamalar
01:27
Sıralı ve Sırasız Listeleme
02:03
Metinleri Dönüştürme
02:58
Hizalamalar
03:52
İframe Embed Responsive Video Ekleme
08:20
Kenarlıklar ve Renklendirme (Border)
09:30
Kenarların Yuvarlanması (Border Radius)
03:34
Resimler (Images)
06:27
Figürler
03:11
Breakpoint
04:33
Flexbox
09:23
Tablolar
10:41
Tablo Renklendirme
04:52
Font Awesome İcon Seti Kullanımı
04:45
Tablolar Proje Ödevi
01:23
Tablolar Proje Ödevi Yapılışı
08:19
+ Bileşenler (Components)
31 lectures 03:24:50
Bölüm Tanıtımı
02:56
Bu Bölümde Kullanılan Tüm Eğitim Ders Kodlarını İndirin
00:12
Buton Grupları
04:23
Buton Toolbar
03:15
Açılır Butonlar
10:58
Rozetler (Badge)
06:14
Vitrin (Jumbotron)
05:00
Kartlar (Card)
08:15
Kartvizit Kart ve Kart List Oluşturma
07:31
Kartlar Header, Menu Tab ve Boyutlandırma
07:47
Kart Arkaplan (Overlay)
03:10
Kart Renklendirme Stilleri
06:27
Kart Grupları ve Kart Destesi
03:45
Kart Sütunları
02:51
Giriş Grupları (İnput Grups)
11:23
Formlar (Forms) ve Form Elemanları Özellikleri
15:11
Formlar Grid Yapısı
04:35
Menüler (Navs)
11:12
Menüler (Navs) JS Özellikleri Tab Menü
08:06
Menü Bar (Navs Bar)
13:18
Collapse & Akordion Tab
08:17
İçerik Haritası (BreadCrumb)
03:05
Sayfalama (Pagination)
04:19
İlerleme Çubuğu (Progress Bar)
05:28
Açılır Kutular (Modal Popup)
12:09
ScrollSpy
02:23
Açıklama Metinleri (Popovers)
02:24
Resim Slider (Carousel)
10:52
+ 1.Proje - Kişisel ya da Kurumsal Blog Tasarımı
9 lectures 01:00:46
Menü Bar (Navbar) Oluşturma İşlemleri
10:07
Makale listeleme düzenin oluşturma işlemleri
10:41
Sağ Alan (Right Bar) Arama Kutusu, Kategori Listeleme Düzeni ve Reklam Alanı
14:55
Sayfalama (Pagination) Butonlarının Yapımı
04:03
Sabit Menü ve Responsive Maillist Kayıt Formu Oluşturma
08:56
Makale Sayfası (Single Page) Yapımı
03:11
Makale Sayfası (Single Page) Yazar Bilgisi Medya Nesnesi Oluşturma
02:44
Proje Dosyalarını İndirin
00:01
+ 2.Proje - Onedio.Com Tasarımı
10 lectures 01:44:03
Onedio Tarzında Menü Bar (Navbar) Oluşturma İşlemleri
11:46
Onedio Tarzında Menü Bar (Navbar) Oluşturma İşlemleri - Sağ Taraf
11:52
Onedio Menü Altı Öne Çıkan Haberler Yapımı
22:48
Onedio Üst Reklam Banner Alanı Yapımı
04:05
Onedio Alt Haberler Alanı Yapımı
13:21
Onedio Alt Galeri ve Video Alanı Yapımı
05:56
Onedio Resimlere İcon Ekleme
05:25
Onedio Makale Sayfası (Single Page) Yapımı
26:22
+ 3.Proje 140Journos Haber Sitesi Home Page Tasarımı
5 lectures 49:37
140 Journos Üst Menü ve Logo Alanı Yapımı
12:48
140Journos Üst Yatay İkili Haber Alanı
17:57
140Journos Homage Page Haber Alanlarının Tamamlanması
16:49
+ 4.Proje Facebook (Home Page) Tasarımı
6 lectures 39:43
Facebook Üst Menü ve Giriş Formu Yapımı
14:19
Facebook Home Page Bilgilendirme ve Form Alanı Yapımı
09:04
Facebook Home Page Form Alanı ve Alt Menü Yapımı
12:46
Facebook No Responsive Hakkında Bilgi
01:45
Requirements
  • Başlangıç seviyesinde bilgisayar kullanmayı bilmek ve öğrenme disiplinine sahip olmak yeterlidir.
  • Bootstrap 3 bilmenize gerek yok
  • Sabır ve dikkat en büyük gereksinimizdir.
Description

Unutma! “Kimse senin dalgalarla nasıl boğuştuğuna bakmaz. Gemiyi limana getirip getirmediğine bakar.” Ben kaptanınız Emrah Yüksel olarak bu eğitim serüvenin sonunda gerçekten sana vaad ettiğim ve hayal kurmanı sağladığım her şeyi yapabilmeni sana taahhüt ediyor sadece kursa kayıt oluncaya kadar değil kurs öğrenme süresi boyuncada sana destek olacağım sözünü veriyorum.

Bu Kursta Neler Yapacağız?

Bu kurs tam anlamıyla sizi Bootstrap 3 veya Bootstrap 4 hakkında hiçbir şey bilmeseniz de sıfırdan harika web tasarımları/temalar yapabilmeniz için Bootstrap 4 'ün kullanımını öğretmektedir. Bu kursa başlamak için Bootstrap'ın önceki sürümleri hakkında bilgi sahibi olmanıza gerek yok. Kurs içerisinde Bootstrap 4 için temel CSS bilgisi de sunulduğundan sadece temel bilgisayar kullanım bilginiz olması yeterli

En son versiyon!

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

Gerçek Projeler / Premium Temalar

Tüm kurslarında önce öğretip sonrada gerçek projelerde bu bilgileri harmanlayan eğitmeniniz ile birlikte sıfırdan 4 farklı projeyi yaparak bilgilerinizi pekiştireceksiniz. Bu projelerin tamamının dosyaları şuan kursta hazır ve yüklenmiş şekilde. Dilerseniz eğitmeniniz ile birlikte uygulayarak yada anında indirerek projeleri inceleyebilirsiniz.

  1. Kişisel Kurumsal Blog Tasarımı
  2. Onedio Site Tasarımı
  3. 140Journos Haber Sitesi Tasarımı
  4. Facebook Login Home Page Tasarımı


Who this course is for:
  • Bootstrap 4 konusunda kendini geliştirmek isteyen herkes
  • Facebook, Onedio tarzı veya popüler beğenilen tasarımları yapmak isteyen herkes.
  • Bootstrap 4 kullanımını öğrenerek harika Web Projeleri / Tema yapmak isteyen herkes.
  • Kaptan'ın %98'i memnun öğrencileri arasına katılmak isteyen herkes