Bootstrap 4.0 ile Front-end Web Sitesi Eğitimi

PSD tasarımından yola çıkarak Bootstrap 4.0 ile toplam 5 ana sayfadan oluşan statik web sitemizi oluşturuyoruz.

Ratings: 4.35 / 5.00




Description

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.



What You Will Learn!

  • Photoshop tasarımdan yola çıkarak web ara yüzlerinin oluşturulması
  • Front-end web ara yüzleri hazırlama
  • Bootstrap 4.0 ile uyumlu web sitesi yapımı
  • JQuery kütüphanesi entegrasyonu ve kullanımı
  • CSS3 kodlama ve özellikleri
  • HTML 5 Şema Tagları
  • Youtube Videoların web sayfasına eklenmesi
  • Font Awesome Font Iconları'nın html üzerinde kullanımı
  • Masaüstü Web Sitesi yapımı
  • Mobil Görünüm css kodlama
  • Tablet görünüm css kodlama
  • OWL Carousel Slider entegrasyonu
  • Kurumsal düzeyde web sayfasını tamamlama

Who Should Attend!

  • Web sitesi yapma heyecanı duyan, HTML 5, Bootstrap 4.0 ve JQuery ile Web Sitesi yapabilmeyi isteyen herkes