Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Udemy

HTML5+CSS3+Bootstrap + Tailwind CSS v3 Web Geliştirme Kursu

via Udemy

Overview

HTML5, CSS3, Flexbox, Bootstrap 4 ve Tailwind CSS v3(React) ile web tasarım kursu. sıfırdan frontend projeleri geliştir.

What you'll learn:
  • Html ve yeni html5 etiketlerini
  • Css ve css3 tanımlamalarını
  • Frontend tasarım mantığını
  • Web site tasarım mantığını
  • Kişisel veya kurumsal web site tasarım oluşturma mantığını öğreneceksiniz
  • html5 ve Css3 özelliklerini kullanarak sıfırdan web tasarım projeleri gerçekleştirebileceksiniz.
  • Bootstrap Framework
  • Bootstrap ile web site tasarımı geliştirmeyi
  • Flexbox kullanımı
  • Tailwind CSS kullanımı

Html5, Css3, Flexbox, Bootstrap 4 ve Tailwind CSS3(React ile anlatıldı) eğitimi ile sıfırdan ileri düzeye web tasarım (frontend) ve kodlama yaparak gerçek projeler geliştir.


Bu eğitim ile size temelden ileri düzeye Html5, CSS3 ve Bootstrap tanımlamalarını ve kullanımlarını öğreterek sıfırdan ileri düzeye web tasarım (frontend) geliştirmeyi öğreneceksiniz.


Genel tanımlamaları öğrendikten sonra bir web sitesinde en fazla ihtiyaç duyacağınız buton tasarımları, menü tasarımları, iletişim formları, web site genel şablonları ve bunların responsive yapılarını yani mobil uyumlu hale getirmeyi öğreneceksiniz.


Hazırlamış olduğum örnekler ile gerekli pratikleri yapmış olacak ve uyguladığımız web projesi sayesinde bilgilerimizi birleştirerek çalışmalarımızı profesyonel hale getirmiş olacaksınız. Bu çalışmalar ile gerçek profesyonel hayattaki işleyişi öğreneceksiniz.


Nasıl yapılır (Özel Bölüm)

Html5 &Css3 ve ihtiyaç halinde ufak JavaScript kodlamaları kullanarak profesyonel işlemler yapacağız. Bu alanda yapacaklarımız her geçen gün artarak devam edecektir.


Bootstrap v4

Eğitimin sonunda Bootstrap öğrenecek ve web sitede bulunan bileşenleri çok daha kısa yoldan, kolayca nasoıl yapıyoruz bunları öğreneceksiniz.


EXTRA Tailwind CSS v3

Eğitimin sonunda Tailwind CSS3 en güncel sürümünü öğrenerek temel mantığını öğreniyor olacağız. Bu bolümde çok temel react kullanılacak. React bilmeyenler için CDN kullanımı da gösterilecek fakat eğitim devamı için zorlanabilirsiniz. Bu bolüm ekstra olarak çekilmiş olduğu için React.js konuları ayrıca anlatılmayacak fakat kullanırken genel kullanımlarından bahsedilecektir.


Web Site Tasarımları

Çeşitli temalar geliştirerek öğrendiklerimizi pekiştirecek ve işlerin gerçek hayatta nasıl yapıldığını öğreneceğiz.


#html5 #css3 #tailwind #bootstrap #frontend


Syllabus

  • Giriş
  • Html5 Dersleri 1. Bölüm
  • Html5 Dersleri 2. Bölüm
  • Css Dersleri 1. Bölüm - Giriş
  • Css Dersleri 2. Bölüm
  • Css Dersleri 3. Bölüm
  • Css3 Flexbox (Esnek Kutu Modeli) - İleri Seviye
  • Nasıl Yapılır
  • Projeye icon ekleme (fontawesome)
  • Proje1 Basit Web Sitesi (Single Page)
  • Proje2 Kurumsal Proje Örneği - Single Page
  • Proje3 Netflix (Home Page) Tasarımı
  • BONUS: Bootstrap Giriş
  • Grid (Izgıra) Sistemi
  • Bileşenler Components
  • Proje-4 - Bootstrap ile Facebook Tasarımı (HomePage) Responsive
  • Tailwind CSS v3 - Giriş
  • Tailwind CSS proje kurulumu
  • Tailwind css ile Light ve Dark Modu ayarları ve kullanımı
  • Tailwind CSS Apply - Layer Base and Component kullanımı.
  • React ile Tailwind CSS kurulumu, light/dark modu ve daha fazlası. (İsteğe bağlı)
  • Tailwind css breakpoints - Responsive design
  • Tailwind CSS ile Layout
  • Tailwind css flexbox
  • Spacing (Margin,Padding,Space between...)
  • Tailwind css boyutlandırma. (with,height,max-width,max-height...)
  • Tailwind css backgrounds
  • Talwindcss Borders
  • Tailwindcss table - table-layout, caption-side, border-collapse, border-spacing
  • Typography
  • Şimdi ne yapabilirim?

Taught by

Cihan Koç

Reviews

4.6 rating at Udemy based on 297 ratings

Start your review of HTML5+CSS3+Bootstrap + Tailwind CSS v3 Web Geliştirme Kursu

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.