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.

3.85 (2333 reviews)
Udemy
platform
Türkçe
language
Web Development
category
instructor
11,825
students
13.5 hours
content
Oct 2018
last update
$19.99
regular price

What you will 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.

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ı


Content

Eğitime Giriş

Web Geliştirme Uzmanlığına Giden Yolda Eğitimleri Hangi Sıra İle İzlemeliyim?
Eğitmen Önerileri (İzlemeden Devam Etmeyin)
Kurs İçeriği, Neler Öğreneceğim?
Kursa Nasıl Çalışmalıyız?

Bootstrap Öncesi Temel CSS Eğitimi

CSS’e Giriş ve Bölüm Tanıtımı
Sublime Text Kod Editörü Kurulumu ve Proje Dosyalarının Çalıştırılması
CSS Stil Dosyalarını Sayfaya Dahil Etme
CSS Seçicileri
Yazı Tipi Özellikleri
Metin Özellikleri
Liste Özellikleri
Fare İşaretçi Özellikleri
Zemin Özellikleri
Kutu Modeli Özellikleri

Bootstrap 4 Eğitimine Giriş

Bölüm Tanıtımı
Bootstrap Nedir?
Neden Bootstrap Kullanmalıyız?
Bootstrap ile Hazırlanmış Site Örnekleri
Desteklenen Cihazlar ve Web Tarayıcılar
Tarayıcı Hatalarını Tespit Etme
Responsive Tasarım ve Adaptive Tasarım Arasında ki Farklar?
Bootstrap 4 ile Gelen Yenilikler
Lorem İpsum Nedir Kullanımı Nasıldır?
Placeholder Nedir Kullanımı Nasıldır?
Bootstrap Kurulumu ve Projeye Dâhil Edilmesi
Jquery Dosyalarını Localden Çalıştırma ve Püf Nokta
Bootstrap 4 ile İlk Projemiz
Sayfa Yerleşim Dizaynının Oluşturulması
Projelerimiz Responsive Olarak Nasıl Test Edebiliriz

Grid (Izgara) Sistemi

Bölüm Tanıtımı
Grid (Izgara) Sistemi Nedir?
Grid Sistemi Uygulama Örneği
Ödev – İlk Grid Yapısı Projemiz
Grid Ekran Modelleri
Sütun Kaydırma
Sütun Sıralama
Sütun Netleştirme Öteleme
Medya Nesnesi (Media Object)
Medya Nesnesi (Media Object) - Yuvalama (Nesting)
Medya Nesnesi (Media Object) - Hizalama (Alignment)
Bölüm Sonu Proje Ödevi
Bölüm Sonu Proje Ödevi Yapımı

Tipografik Stiller (CSS)

Bölüm Tanıtımı
<h1><h6> Başlıklar (Heading)
Display Heading
<small> Küçük Metin
<u> Altı Çizili Metin
<strong> Kalın Metin
<em> İtalik Metin
<mark> İşaretlenmiş Metin
<del> Silinmiş Metin
<s> Üstü Çizili Metin
<text muted> Pasif Metin
.lead Öne Çıkan Metin
<cites> Kaynak Belirtme Stili
<abbr> Kısaltmalar
<kbd> Klavye Girdisi
<var> Değişken
<code> Satır İçi Kod
Ara Proje Ödevi
Ara Proje Ödevinin Yapılışı
Metin Renklendirme Etiketleri
Arkaplan Renklendirme Etiketleri
Açıklamalar
Sıralı ve Sırasız Listeleme
Metinleri Dönüştürme
Hizalamalar
İframe Embed Responsive Video Ekleme
Kenarlıklar ve Renklendirme (Border)
Kenarların Yuvarlanması (Border Radius)
Resimler (Images)
Figürler
Breakpoint
Flexbox
Tablolar
Tablo Renklendirme
Font Awesome İcon Seti Kullanımı
Tablolar Proje Ödevi
Tablolar Proje Ödevi Yapılışı

Bileşenler (Components)

Bölüm Tanıtımı
Bu Bölümde Kullanılan Tüm Eğitim Ders Kodlarını İndirin
Butonlar
Buton Grupları
Buton Toolbar
Açılır Butonlar
Rozetler (Badge)
Uyarılar (Alert)
Vitrin (Jumbotron)
Kartlar (Card)
Kartvizit Kart ve Kart List Oluşturma
Kartlar Header, Menu Tab ve Boyutlandırma
Kart Arkaplan (Overlay)
Kart Renklendirme Stilleri
Kart Grupları ve Kart Destesi
Kart Sütunları
Giriş Grupları (İnput Grups)
Formlar (Forms) ve Form Elemanları Özellikleri
Formlar Grid Yapısı
Menüler (Navs)
Menüler (Navs) JS Özellikleri Tab Menü
Menü Bar (Navs Bar)
Collapse & Akordion Tab
İçerik Haritası (BreadCrumb)
Sayfalama (Pagination)
İlerleme Çubuğu (Progress Bar)
Açılır Kutular (Modal Popup)
ScrollSpy
ToolTips
Açıklama Metinleri (Popovers)
Resim Slider (Carousel)

1.Proje - Kişisel ya da Kurumsal Blog Tasarımı

Proje Başlangıç Dosyalarının Hazırlanması
Menü Bar (Navbar) Oluşturma İşlemleri
Makale listeleme düzenin oluşturma işlemleri
Sağ Alan (Right Bar) Arama Kutusu, Kategori Listeleme Düzeni ve Reklam Alanı
Sayfalama (Pagination) Butonlarının Yapımı
Sabit Menü ve Responsive Maillist Kayıt Formu Oluşturma
Makale Sayfası (Single Page) Yapımı
Makale Sayfası (Single Page) Yazar Bilgisi Medya Nesnesi Oluşturma
Proje Dosyalarını İndirin

2.Proje - Onedio.Com Tasarımı

Proje Başlangıç Dosyalarının Hazırlanması
Onedio Tarzında Menü Bar (Navbar) Oluşturma İşlemleri
Onedio Tarzında Menü Bar (Navbar) Oluşturma İşlemleri - Sağ Taraf
Onedio Menü Altı Öne Çıkan Haberler Yapımı
Onedio Üst Reklam Banner Alanı Yapımı
Onedio Alt Haberler Alanı Yapımı
Onedio Alt Galeri ve Video Alanı Yapımı
Onedio Resimlere İcon Ekleme
Onedio Makale Sayfası (Single Page) Yapımı
Proje Dosyalarını İndirin

3.Proje 140Journos Haber Sitesi Home Page Tasarımı

Proje Başlangıç Dosyalarının Hazırlanması
140 Journos Üst Menü ve Logo Alanı Yapımı
140Journos Üst Yatay İkili Haber Alanı
140Journos Homage Page Haber Alanlarının Tamamlanması
Proje Dosyalarını İndirin

4.Proje Facebook (Home Page) Tasarımı

Proje Başlangıç Dosyalarının Hazırlanması
Facebook Üst Menü ve Giriş Formu Yapımı
Facebook Home Page Bilgilendirme ve Form Alanı Yapımı
Facebook Home Page Form Alanı ve Alt Menü Yapımı
Facebook No Responsive Hakkında Bilgi
Proje Dosyalarını İndirin

Bu Kurs Sonrası Neler Yapabilirsiniz?

Eğitmen Önerileri ve Yeni Projelerle Kendimi Nasıl Geliştiririm?

BONUS

Özel Fırsatlar

Screenshots

Bootstrap 4 ile Sıfırdan Harika Web Projeleri Oluşturun - Screenshot_01Bootstrap 4 ile Sıfırdan Harika Web Projeleri Oluşturun - Screenshot_02Bootstrap 4 ile Sıfırdan Harika Web Projeleri Oluşturun - Screenshot_03Bootstrap 4 ile Sıfırdan Harika Web Projeleri Oluşturun - Screenshot_04

Reviews

Ali
June 6, 2023
Kursun güncelliğini korumak çevrimiçi öğretimin önemli bir parçasıdır. Sizden daha önce satin almis oldugum bu kurs artik güncelligini yitirdi. Bootstrap 5 versiyonu icin tekrardan para mi ödemek zorundayim. Bir cok egitmen kendi kurslarini güncelliyor ve insanlari tekrardan güncel olan kursu satin almak zorunda birakmiyor. Herseyi paraya dökmek egitmenlige yakismiyor. Yani 3 ayda bir güncelleme gelecek olsa her üc ayda bir size yine mi para ödemek zorundayiz. O zaman Udemy nin ömür boyu kursalara erisimi sloganini degistirip güncelligini yitirene kadar demesi gerekiyor. Suan bu egitim cöp. Bosuna para vermisim.
Sərxan
December 30, 2021
Ogretmen gercekten de cok guzel anlatiyor. 2 yildir yazilimla mesgulum 15 yasim var. Ve bildiklerimi bu hocayla tekrarlamak cidden zevk verici. Hocam, eger bu notu goruyorsaniz,gercekten adamin dibisiniz. Umarim kariyerinizde daha basarili yerlere gelirsiniz. Seviliyorsunuz <3
Ali
December 10, 2021
Hocamzın hitabı ve anlatış şekli efsane. Kursu zevkle tamamlama isteği doğuruyor insanda. Teşekkürler hocam. Başarılar
GR4Z1L
November 23, 2021
emrah hoca yine harika bir kurs yapmış eline koluna sağlık php den sonra izliyorum bu kursu bundan sonra sıra javascriptte
Erol
October 10, 2021
WW3SCHOOL dan baka baka öğretiyorsunuz. Biz özgün olarak bir şey ekleyeceğinizi ve kesik olmadan bootstrap öğreteceğinizi sanmıştım. Ancak hayır. Almayın.
Ferhat
October 4, 2021
Hali hazırda Angular tarafında proje hazırlıyorum ama tasarım tarafında çok eksiklerim vardı. Bir şeyleri yapmış olmama rağmen neyin ne için yapıldıgını bilmeden ezbere devam ettiğim durumlar söz konusu idi. Ben hocama samimi yaklaşımı olabildiğince net ve sonuç odaklı anlatımları için çok teşekkür ederim.
Mustafa
September 7, 2021
Teşekkürler faydalı bir kurstu. Ufak tefek güncellikle ilgili sorunlar olsa da ana mantığı anlayanlar için çözülemeyecek sorun değildi.Teşekürler Kaptan ...
Can
July 6, 2021
Bol uygulamalarla kavramları pekiştiren faydalı ve akıcı bir kurs. İngilizce telaffuzlar dışında on numara.
Ahmet
July 2, 2021
CSS konusun da fazla ön yargım vardı şuanlık iyi gidiyorum kurs anlaşılır ve net bir şekilde anlatıyor
Beyazıt
May 16, 2021
Daha önce Html ve css kurslarına kaydoldum. Lakin hocamızın anlatış tarzı ve aşırı detaya girmeden konuları anlatması çok hşuma gitti. Teşekkürler
Gökhan
May 11, 2021
Ders anlatımına bişey diyemem ,fakat pazarlama bana göre hüsran. Bana göre Yarım bırakılmış bir kurs içeriği, örnek sitelerin anasayfalarını tam anlamıyla bitirmeden ,kategori sayfalarınıda siz yaparsınız denerek geçiştirilmiş durumda.Geçiştirilme şekli yine bir klasik deyim olan “ben size balık vermiyorum,balık tutmayı öğretiyorum” şeklinde oluyor .”yersen”. 4 adet örnek sayfa tasarımı yarım yapıldıktan sonra veritabanı bağlantıları ve admin panel ayarları gösterilmiyor.İşin Kilit kısmı bu zaten dinamik olmayan siteyi kim ne yapsın.İşin tamda bu kısmına gelince yine parlak bir fikir sunuluyor ! ”Arkadaşlar tasarımlarınızı dinamik hale getirmek isteyenler benim filanca kursumu satın alarak bakabilirler “ deniyor. Nasıl yani kursun başlığında “Bootstrap 4 ile Sıfırdan Harika Web Projeleri Oluşturun” Yazmıyor muydu ? diye böyle , kendi kendinize soruyorsunuz. Pazarlama stratejisi de yanlış, yani kursun başlığındaki gibi “Bootstrap 4 ile Sıfırdan Harika Web Projeleri Oluşturun” söylemi havada kalmayıp A’dan Z’ye ama gerçek anlamda baştan sona gösterilen projeleri sıfırdan canlıya alacak şekilde bitirmiş olsaydı keşke. Projeleri yarım gösterip filanca kursumu satın alın alın ordan devam edin denmeseydi. En başından bu kurs 36,99tl değilde 66,99tl olsaydı ama tastamam olsaydı. Bizde bölüm bölüm , gezmez projelerimizi bitirip işimize bakardık
Samet
March 2, 2021
Başlangıç için yeteri kadar güncel ama bootstrap 5 e güncellenmesi gerekiyor. Ses kalitesi diğer kurslarına göre çok çok daha iyi nadir birkaç derste ses seviyesinde sıkıntı var.
Nail
February 19, 2021
Kaptan "Sıfırdan İleri Seviyeye Komple PHP ile Web Geliştirme" kursunuzun HTML bölümünü tamamladıktan sonra bu kursunuza başladım. Akıcı ve açıklamalı anlatımlarınız için teşekkür ediyorum. Umarım dersleriniz sayesinde bilgisayarda boş boş vakit geçirmek yerine bir hobi edinmiş olurum.
Cezanur
February 16, 2021
hocam +kursu bitirdim ama hala %90 diyor bitti demiyor birde sertfika nasıl oluyor o kısma hakim değilim
Oğuzhan
February 10, 2021
Bazı kodları yazarken çalışmıyor , bunun birçok sebebi var ancak bu 100/1 oluyor , onun dışında Emrah Yükseli anlatmaya gerek yok görüyorsunuz elinize sağlık hocam :)

Coupons

DateDiscountStatus
9/23/2021100% OFF
expired
12/9/2021100% OFF
expired

Charts

Price

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

Rating

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

Enrollment distribution

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

Related Topics

1375375
udemy ID
10/3/2017
course created date
11/16/2019
course indexed date
Bot
course submited by