HTML Nedir?
Course content
- Lesson 1: Preview HTML Nedir?
- Lesson 2: WhatsApp grubu
- Lesson 3: Visual Studio Code nedir? kurulumu ve Eklentiler
- Lesson 4: HTML Kod Yapısı ve Yazım Kuralları(SYNTAX)
- Lesson 5: HTML Meta Etiketleri
- Lesson 6: HTML Yorum satırı
- Lesson 7: HTML Links ve Script etiketleri
- Lesson 8: HTML sınıf ve değer elementleri (CLASS ve ID)
- Lesson 9: HTML inline ve block elementler
- Lesson 10: HTML BR ve HR etiketi
- Lesson 11: HTML Div Nedir?
- Lesson 12: HTML Başlık etiketleri, Paragraf etiketleri, link etiketleri
- Lesson 13: HTML Details etiketi
- Lesson 14: HTML Görüntüler(img) Nedir?
- Lesson 15: HTML Listeleme
- Lesson 16: HTML Progress
- Lesson 17: HTML Tablolar
- Lesson 18: HTML Form elemanları
- Lesson 19: HTML Örnek bir form oluşturalım
- Lesson 20: HTML Video etiketi
- Lesson 21: HTML Audio etiketi
- Lesson 22: HTML Object ve param etiketi
- Lesson 23: HTML İframe etiketi ve Youtube video ekleme
- Lesson 24: HTML Gerçek bir site de yapı nasıl olmalı?
- Lesson 25: CSS Nedir?
- Lesson 26: Satır içi, Dahili, Harici CSS nedir?
- Lesson 27: CSS Yapısı ve Seçiciler
- Lesson 28: PSEUDO elementleri (Ön bilgi)
- Lesson 29: CSS Colors-Renkler
- Lesson 30: Width-max-width, Height-max-height değerleri
- Lesson 31: Display değerleri
- Lesson 32: Font aileleri, font büyüklükleri
- Lesson 33: Text-align, Line-height,letter-spacing ve word-spacing,
- Lesson 34: Cursor özelliği
- Lesson 35: Padding ve Margin
- Lesson 36: border-box özelliği
- Lesson 37: Border ve Outline özelliği ve border-radius
- Lesson 38: Background özelliği
- Lesson 39: Position değerleri
- Lesson 40: Eskilerden kalmış Float değeri
- Lesson 41: Opacity değeri
- Lesson 42: z-index değeri
- Lesson 43: visibilty özelliği
- Lesson 44: Overflow özelliği
- Lesson 45: line-clamp , white-space ve text-overflow özelliği
- Lesson 46: Textshadow ve Boxshadow
- Lesson 47: 2D dönüşüm
- Lesson 48: 3D dönüşüm
- Lesson 49: Transition özelliği
- Lesson 50: Aspect-radio nedir, Object Fit ve Object Position özelliği
- Lesson 51: Writing-mode ve User-select özelliği
- Lesson 52: Flex özelliği
- Lesson 53: Responsive sorguları @media
- Lesson 54: Dikey Nav bar yapımı
- Lesson 55: Yatay Nav bar yapımı
- Lesson 56: Footer yapımı
- Lesson 57: Bootstrap Nedir? Dosyalarımıza nasıl entegre ederiz?
- Lesson 58: Bootstrap Grid yapısı
- Lesson 59: Bootstrap Form elemanları
- Lesson 60: Bootstrap Header ve Footer yapısı
- Lesson 61: Bootstrap Modal
- Lesson 62: Bootstrap Accordion ve Breadcrumb
- Lesson 63: Bootstrap Carousel
- Lesson 64: Bootstrap Pagination
- Lesson 65: web sitemizi yapmaya başlayalım. Dosya yapımız nasıl olmalı?
- Lesson 66: Anasayfa yapımı-1
- Lesson 67: Anasayfa yapımı-2
- Lesson 68: Kategori sayfası-1
- Lesson 69: Ürün sayfası-1
- Lesson 70: Ürün sayfası-2
- Lesson 71: Sitemizi mobil uyumlu yapalım - 1
- Lesson 72: Sitemizi mobil uyumlu yapalım - 2
- Lesson 73: Front-end developerlerin işine yarayabilecek siteler
Telif Hakkı © 2025 xBowtie.
Course content
- Lesson 1: Preview HTML Nedir?
- Lesson 2: WhatsApp grubu
- Lesson 3: Visual Studio Code nedir? kurulumu ve Eklentiler
- Lesson 4: HTML Kod Yapısı ve Yazım Kuralları(SYNTAX)
- Lesson 5: HTML Meta Etiketleri
- Lesson 6: HTML Yorum satırı
- Lesson 7: HTML Links ve Script etiketleri
- Lesson 8: HTML sınıf ve değer elementleri (CLASS ve ID)
- Lesson 9: HTML inline ve block elementler
- Lesson 10: HTML BR ve HR etiketi
- Lesson 11: HTML Div Nedir?
- Lesson 12: HTML Başlık etiketleri, Paragraf etiketleri, link etiketleri
- Lesson 13: HTML Details etiketi
- Lesson 14: HTML Görüntüler(img) Nedir?
- Lesson 15: HTML Listeleme
- Lesson 16: HTML Progress
- Lesson 17: HTML Tablolar
- Lesson 18: HTML Form elemanları
- Lesson 19: HTML Örnek bir form oluşturalım
- Lesson 20: HTML Video etiketi
- Lesson 21: HTML Audio etiketi
- Lesson 22: HTML Object ve param etiketi
- Lesson 23: HTML İframe etiketi ve Youtube video ekleme
- Lesson 24: HTML Gerçek bir site de yapı nasıl olmalı?
- Lesson 25: CSS Nedir?
- Lesson 26: Satır içi, Dahili, Harici CSS nedir?
- Lesson 27: CSS Yapısı ve Seçiciler
- Lesson 28: PSEUDO elementleri (Ön bilgi)
- Lesson 29: CSS Colors-Renkler
- Lesson 30: Width-max-width, Height-max-height değerleri
- Lesson 31: Display değerleri
- Lesson 32: Font aileleri, font büyüklükleri
- Lesson 33: Text-align, Line-height,letter-spacing ve word-spacing,
- Lesson 34: Cursor özelliği
- Lesson 35: Padding ve Margin
- Lesson 36: border-box özelliği
- Lesson 37: Border ve Outline özelliği ve border-radius
- Lesson 38: Background özelliği
- Lesson 39: Position değerleri
- Lesson 40: Eskilerden kalmış Float değeri
- Lesson 41: Opacity değeri
- Lesson 42: z-index değeri
- Lesson 43: visibilty özelliği
- Lesson 44: Overflow özelliği
- Lesson 45: line-clamp , white-space ve text-overflow özelliği
- Lesson 46: Textshadow ve Boxshadow
- Lesson 47: 2D dönüşüm
- Lesson 48: 3D dönüşüm
- Lesson 49: Transition özelliği
- Lesson 50: Aspect-radio nedir, Object Fit ve Object Position özelliği
- Lesson 51: Writing-mode ve User-select özelliği
- Lesson 52: Flex özelliği
- Lesson 53: Responsive sorguları @media
- Lesson 54: Dikey Nav bar yapımı
- Lesson 55: Yatay Nav bar yapımı
- Lesson 56: Footer yapımı
- Lesson 57: Bootstrap Nedir? Dosyalarımıza nasıl entegre ederiz?
- Lesson 58: Bootstrap Grid yapısı
- Lesson 59: Bootstrap Form elemanları
- Lesson 60: Bootstrap Header ve Footer yapısı
- Lesson 61: Bootstrap Modal
- Lesson 62: Bootstrap Accordion ve Breadcrumb
- Lesson 63: Bootstrap Carousel
- Lesson 64: Bootstrap Pagination
- Lesson 65: web sitemizi yapmaya başlayalım. Dosya yapımız nasıl olmalı?
- Lesson 66: Anasayfa yapımı-1
- Lesson 67: Anasayfa yapımı-2
- Lesson 68: Kategori sayfası-1
- Lesson 69: Ürün sayfası-1
- Lesson 70: Ürün sayfası-2
- Lesson 71: Sitemizi mobil uyumlu yapalım - 1
- Lesson 72: Sitemizi mobil uyumlu yapalım - 2
- Lesson 73: Front-end developerlerin işine yarayabilecek siteler