Bootstrap 4 ile Sıfırdan 5 Gerçek Web Tasarım Projesi |2020
4.8 (143 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.
2,455 students enrolled

Bootstrap 4 ile Sıfırdan 5 Gerçek Web Tasarım Projesi |2020

Bootstrap 4 |Html5 ve Css3 Kullanarak Animasyonlu Responsive Web Tasarım Eğitimi | Sıfırdan Frontend Web Tasarım Eğitimi
4.8 (143 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.
2,455 students enrolled
Created by Cihan Koç
Last updated 6/2020
Turkish
Current price: $12.99 Original price: $19.99 Discount: 35% off
1 day left at this price!
30-Day Money-Back Guarantee
This course includes
  • 18.5 hours on-demand video
  • 2 articles
  • 34 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll 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.
Course content
Expand all 127 lectures 18:16:17
+ Grid (Izgıra) Sistemi
7 lectures 56:37
Container Yapısı
05:34
Grid Yapısı 2
10:48
Grid Yapısı 3 - Sütun Kaydırma (Offset)
08:56
Grid Yapısı 4 - İç içe Grid Kullanımı
09:08
Container Yapısı Ödev Yapılışı
06:20
+ Tipografig Stiller ve Araçlar (CSS)
35 lectures 02:18:06
<h1><h6> Başlık (Heading) Etiketleri
03:27
Özelleştirilmiş Başlıklar (Display Headings)
02:28
<lead> Öne Çıkan Metin Ayarlama
02:35
<mark> İşaretlenmiş Metin ( Metin Vurgulama )
02:03
<del> ve <s> Silinmiş - Üzeri Çizili Metin
01:58
<ins> veya <u> Altı Çizili Metin
01:00
<small> Küçük Metin
01:51
<strong> Kalın Metin
01:26
<em> İtalik Metin
02:03
<abbr> Kısaltmalar
01:40
<blockquotes> Alıntı Yapmak
01:33
<cite> Kaynak Belirtme
00:50
Metin Hizalama
02:41
<text muted> Pasif Metin
00:50
<code> Satır İçi Kod
03:55
<pre> Yazıldığı gibi göster
01:38
<kbd> Klavye Girdisi
01:25
<ol> ve <ul> Sıralı ve Sırasız Listeleme
05:35
Metin Dönüştürme
01:31
Metin Renklendirme Etiketleri
04:12
Arkaplan Renklendirme Etiketleri
03:32
Float (Konumlandırma)
03:58
Clearfix (Sitenin Kaymasını Engelleyin)
02:12
Sizing (Boyutlandırma)
06:39
Görüntü Özellikleri (d-block , d-inline)
04:15
Margin ve Padding (Kenar Boşlukları)
09:31
Border Özellikleri (Kenarlıklar ve Renklendirme)
11:13
Border Radius (Kenarların Yuvarlanması)
06:03
Responsive Images (Duyarlı Resimler)
08:39
Iframe Embed (Responsive Video Ekleme)
07:20
Figürler
03:08
Overflow (Taşma)
03:26
Tablolar2 Responsive ve Renklendirme
08:39
+ Bileşenler (Components)
30 lectures 05:08:12
JavaScript Dosyalarının Dahil Edilmesi
03:38
Buton Grupları
06:21
Açılır Butonlar (Dropdowns) Bölüm 1
11:56
Açılır Butonlar (Dropdowns) Bölüm 2
13:46
Uyarılar (Alerts)
10:44
Rozetler (Badges)
09:32
Site Haritası (Breadcrumb)
03:54
Vitrin Hazırlama (Jumbotron)
06:48
Listeleme Grupları (List Groups ) ol, ul
12:34
Formlar ve Özelikleri (Forms)
22:43
Form Grid Yapısı
04:26
Form Ödev Yapılışı
10:12
Kartlar (Card)
11:34
Kartlar (Sizing and Text Alignment)
10:42
Kartlar (Header and Footer)
03:28
Kartlar (Image Overlay)
06:12
Kartlar (Background -Border and Color)
11:44
Kartlar (Layout - Group and Deck)
01:54
Medya Nesneleri (Media Objects)
11:30
Sayfalama (Pagination)
09:55
İlerleme Çubuğu (Progress)
10:25
Loading (Spinners)
12:36
Menüler (Navs)
10:57
Açılır Menü (Dropdown Nav)
04:51
Menüler JS Özellikleri
12:44
MenüBar ( NavBar )
27:19
+ Animasyon ve İkon Kullanımı
2 lectures 23:12
Animasyonlar (Animate CSS)
12:20
İkon Ekleme (Font Awesome)
10:52
+ Sınav
0 lectures 00:00

Bu bölümde Bootstrap 4 eğitiminde öğrenmiş olduğunuz grid sistemi için sorular bulunmaktadır.

Grid (Izgara) Sistemi
4 questions
+ Proje-1 - Facebook (HomePage)
5 lectures 01:23:02
Üst Menü ve Giriş Formu Tasarımı
30:09
İçerik ve İç Form Tasarımı
32:28
Alt Menü Tasarımı
09:13
Responsive Ayarları
07:22
+ Proje-2 - Basit Blog Tasarımı (Animasyonlu)
9 lectures 01:15:11
Açılır Menü Tasarımı
11:42
Populer Post Tasarımı
07:42
Header Tasarımı
07:21
Çok Fonksiyonlu Slayt Oluşturma
16:07
Son Çalışmalar (Recent Works) Tasarımı
09:00
Alt alan (Footer) Tasarımı
04:33
Animasyon Ekleme
08:36
+ Proje-3 - Kurumsal "Single Page" Animasyonlu Tasarım
9 lectures 02:40:02
Menü Tasarımı (Header)
31:19
Hizmetler Bölümü (Services)
21:16
Galeri (Portfolio)
14:21
Hakkımızda (About Us)
15:04
Takımımız ve Referanslar ( Our Team & Partners)
27:07
İletişim (Contact)
18:19
Alt Bilgi (Footer)
12:26
Animasyon Ekleme
14:30
+ Proje-4 - Kurumsal Firma Tasarımı (Multi Page)
12 lectures 01:52:04
Menü Tasarımı
11:50
Slider Oluşturma (Özelleştirilmiş)
14:57
İndex içerik Sayfası
11:26
Footer Tasarımı
12:33
Hakkımızda Sayfası
08:13
Ürun Sayfası
09:33
Ürün Detay Sayfası
04:10
Kalite Sayfası
06:37
Haberler Sayfası
04:50
İletişim Sayfası
14:22
Animasyon Ekleme
04:56
Requirements
  • Web tasarım geliştirmeye ilgi duymak
  • Bootstrap 3 gibi eski teknolojileri bilmenize gerek yoktur.
  • temel html ve css yapısını bilmeniz gerekmektedir. (Bilmiyorsanız sadece ilk başta anlamakta zorlanırsınız, devamında bir sorun yaşamayacaksınız)
Description

İndirim kuponu için:  cihankoc41@gmail.com 

Bootstrap 4 eğitimi sonunda sizlere vadettiğim ve hayal kurmanızı sağladığım her şeyi yapabilmeniz için sadece kursa kayıt oluncaya kadar değil kurs öğrenme süresi boyunca da sizlere destek olmak için buradayım.


Bu Kursta Neler Yapacağız?

   Bu kurs ile Bootstrap 4.2  sürümleri hakkında temel eğitimi alarak Bootstrap'in genel yapısını öğreneceksiniz. Sonrasında ise öğrenmiş olduğumuz Bootstrap 4 Framework'ünü kullanrak sıfırdan başlayıp 5 farklı web tasarım projesi geliştirerek frontend camiasına adım atmış olacaksınız.

Bu bootstrap4 eğitimi, 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ı öğreneceksiniz.

   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 html ve css bilginiz olması yeterli.


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.


html5, css3, JS (Javascript), bootstrap, bootstrap4, web tasarım,  frontend, responsive tasarım eğitimi

Who this course is for:
  • Sıfırdan Bootstrap 4 ile ileri seviye tasarımlar yapmayı öğrenmek isteyenler
  • Kendi tasarımlarını kendi yapmak isteyenler.
  • Frontend yapısını öğrenerek gerçek projeler geliştirmek isteyenler.