Bootstrap 4.0 ile Front-end Web Sitesi Eğitimi
- Description
- Curriculum
- FAQ
- Reviews
Merhaba Arkadaşlar,
Bir önceki eğitimimde anlatmış olduğum Photoshop ile Bootstrap Grid yapısına bağlı kalarak nasıl Web Tasarımı yapılacağını anlatmıştım. Bu eğitim kursunun içeriğinde ise PSD (Photoshop) tasarımından yola çıkarak HTML 5 web sayfalarımızı oluşturuyoruz. Eğitime VS Code ide (Entegre Geliştirme Ortamı) kurulumundan başlayarak ilgili eklentilerini de kurarak bir başlangıç yapıyoruz.
Bu eğitim setinin içerisinde HTML 5, CSS3, Bootstrap 4.0, Font Awesome Icon Fonts entegrasyonu, Google Font entegrasyonu, JQuery Kütüphanesi, OWL Carousel entegrasyonu , Youtube Video Embed gibi hemen hemen bireysel web sitenizi yapmanıza yardımcı olacak her şeyden bahsediyor olacağız.
Genelde Html eğitim kurslarında Html ve Css taglarının ne olduğundan ve nasıl kullanıldıklarından bahsedilir ve çeşitli web konularına değinilerek sonunda ders tamamlanır ve kurs sonunda kendiniz ile baş başa kaldığınızda nasıl web sitesi yapacağınızı düşünürsünüz. İşte benim tasarladığım ve hazırladığım kurs tam da bu ihtiyacınıza cevap veriyor olacak.
Eğitim sonunda Masaüstü görünüm bir Web Sitesinin PSD dosyasından Html Sayfalara nasıl kodlandığını görüyor olmanın yanında Telefon ve Mobil uyumlu hallerinin de nasıl kodlandığını görüyor olacaksınız.
Kur Sonunda Neler Öğreneceksiniz
-
HTML 5 Şema Tagları’nın kullanımını,
-
CSS3 kodlamayı ve özelliklerini,
-
Bootstrap 4.0 ile uyumlu web sitesi yapımını,
-
JQuery Kütüphanesi entegrasyonunu ve kullanımını,
-
Youtube Videoların web sitemize nasıl embed edildiğini,
-
Masaüstü Web Sitesi yapımını,
-
Mobil Görünüm tasarım kodlamayı,
-
Tablet görünüm tasarım kodlamayı, öğrenmiş olacaksınız.
Eğitim takibini kolaylaştırmak adına her ders videolarının başlangıcında geride kalmamanız veya bir yerde takılmış olmanız ihtimaline karşılık olarak, Ders için ihtiyacınız olacak tüm kodları ve dosyalarını ders videoları ekinde paylaştık.
Geride kalacak olursanız veya eğitimin herhangi bir yerinden devam etmek isterseniz dosyaları indirerek devam edebilirsiniz.
Eğitim sonunda web sitesinin tamamen bitmiş halini de indirilebilir halde ders ekinde buluyor olacaksınız.
Eğitim sürecinde çeşitli ayrıntılara ve html yapı ve özelliklerine de değindiğimiz kursumu tamamladığınızda, web sitesi front-end aşaması hakkında bilgi sahibi olacaksınız ve kurumsal statik (admin paneli olmayan) web siteleri yapıyor hale gelebileceksiniz.
Her türlü soru ve önerileriniz için mesajlarınızı bekliyor olacağım.
Başarılar diliyorum.
-
3Html Yapısı ve Web Sitesi Projemizin OluşturulmasıVideo lesson
-
4Bootstrap 4.0 EntegrasyonuVideo lesson
-
5Google Font Entegrasyonu ve KullanımıVideo lesson
-
6Font Awesome (Icon Font) Entegrasyonu ve KullanımıVideo lesson
-
7Tipografi Oluşturulması (Genel font çerçevesinin tanımlanması)Video lesson
-
8Header Yapısının OluşturulmasıVideo lesson
-
9Logomuzu Header'a ekliyoruzVideo lesson
-
10Sosyal Medya Butonlarımızın YerleştirilmesiVideo lesson
-
11Ana Menü'nün Kodlarının YazılmasıVideo lesson
-
12Kod Gruplarının DüzenlemeleriVideo lesson
-
13Site İçi Arama Bölümü 1. DersVideo lesson
-
14Site İçi Arama Bölümü 2. DersVideo lesson
-
15Slider (Kayan Banner) 1. DersVideo lesson
-
16Slider (Kayan Banner) 2. DersVideo lesson
-
17Blog Makale Bölümü 1. DersVideo lesson
-
18Blog Makale Bölümü 2. DersVideo lesson
-
19Son Eklenen Videolar BölümüVideo lesson
-
20Footer BölümüVideo lesson
-
21Kod Grup DüzenlemeleriVideo lesson
External Links May Contain Affiliate Links read more