Links
Course content
- Lesson 1: Preview Giriş ve Gerekli Uygulamaları Yükleme
- Lesson 2: HTML Nedir?
- Lesson 3: Temel Etiketlerin Anlamı ve Merhaba Dünya
- Lesson 4: Preview Etiketler
- Lesson 5: Preview Stiller ve Text Formating Yazı Formatlama
- Lesson 6: Preview Links
- Lesson 7: Preview MultiMedya Etkiketleri
- Lesson 8: İmages Etiketleri
- Lesson 9: Preview Tablolar
- Lesson 10: Preview Listeler
- Lesson 11: Block ve İnline Elementler
- Lesson 12: Preview ID,Class ve Yazı içinde Gezinme Kavramları
- Lesson 13: CSS Nedir ?
- Lesson 14: Formlar
- Lesson 15: Seçiciler Kavramı
- Lesson 16: Colors Renkler
- Lesson 17: Projeye, CSS kodlarını Ekleme
- Lesson 18: BASİT NAVBAR YAPIMI - DİSPLAY İNLİNE MANTIĞI
- Lesson 19: Background İmages Arka Plana Görüntü Ekleme- Pozisyon Verme
- Lesson 20: Border Radius Çerçeveler - Çerçeve Yumuşatma
- Lesson 21: Width ve Height
- Lesson 22: Margin Değerleri Köşe Değerleri
- Lesson 23: Padding Dolgu Değerleri
- Lesson 24: Text , Font-Family Yazı biçimleri ve Font Aileleri
- Lesson 25: Rem, Em ve % Ölçü Birimleri
- Lesson 26: Hover Özelliği Buton Yapımı
- Lesson 27: PSEUDO Elements
- Lesson 28: Nth-Child Tek Satırda Birden Fazla Elemente Etki Etme
- Lesson 29: Position-Fixed Konum Sabitleme
- Lesson 30: Position-Absolute İç Kutu Konumlandırma
- Lesson 31: Flexbox nedir
- Lesson 32: Flexbox Örnek
- Lesson 33: Responsive Sorguları @Media etiketi
- Lesson 34: Mobil E-Ticaret Sitesi Şablonu
- Lesson 35: Dikey Animasyonlu Nav Bar Yapımı
- Lesson 36: Tablo Stilleme Hover Özelliği ile
- Lesson 37: Avatar - Profil Yapma Yazıları Dikey Ortalama
- Lesson 38: Animasyonlu Yazı Şablonu
- Lesson 39: Sıkça Rastlanana Hatalar
- Lesson 40: Navbar ve Alt Navbar
- Lesson 41: Anasayfa Düzeni ve Kart Eklemeleri
- Lesson 42: Anasayfaya Video Ekleme Anasayfa Arka Plan Görüntüsünü Deği
- Lesson 43: Footer Alanı ve İcon Ekleme
- Lesson 44: Ufak Dokunuşlar
- Lesson 45: Proje Sonu Animasyon Ekleme
- Lesson 46: Mobil Uyumlu Kupalar Sekmesi Yapımı
- Lesson 47: Mobil Uyumlu Navbar Yapımı
- Lesson 48: Mobil Uyumlu Teknik Ekip Sekmesi Yapımı
- Lesson 49: Mobil Uyumlu Tarih Sekmesi Yapımı
- Lesson 50: Mobil Uyumlu Yorumlar Sekmesi
- Lesson 51: Footer Alanı
- Lesson 52: Geri Dön Butonu Yapımı
- Lesson 53: Ufak Dokunuşlar
- Lesson 54: Proje Sonu Animasyon Ekleme
- Lesson 55: Apple Tv Tasarımı
- Lesson 56: Bootstrap Nedir Projeye Bootstrap Ekleme
- Lesson 57: Alternatif Bootstrap Proje Ekleme Yöntemi
- Lesson 58: Container Kavramı
- Lesson 59: Grid Sistemi
- Lesson 60: Justify and Align Position Yatay ve Dikey Konumlandırmalar
- Lesson 61: Renkler ve Butonlar
- Lesson 62: Flex-Box
- Lesson 63: Margin ve Padding
- Lesson 64: E Ticaret Tasarımı
- Lesson 65: Listeler ve Tablolar
- Lesson 66: Form , İnput, OverFlow, Row ve Col Genel Bilgilerle İletişi
- Lesson 67: Animatecss Sitelerinizi Hareketlendirin
- Lesson 68: Align-Self Mantığı Belirli Kutulara-Objelere Hareket Verme
- Lesson 69: Bootstrap ile Navbar Yapımı
- Lesson 70: Bootstrap ile Anasayfa Yapımı Kartlar
- Lesson 71: Bootstrap ile Anasayfa Yapımı Kartlar
- Lesson 72: Bootstrap ile Sitelerinizi Canlandırın
- Lesson 73: Küçük Dokunuşlar
- Lesson 74: Bootstrap ile Footer Alanı Yapımı
- Lesson 75: Bootstrap ile Son Dakika Haberleri Bölümü Ekleme Kayan Yaz
- Lesson 76: Proje Sonu Ufak GeliştirmelerProje Dosyaları
- Lesson 77: JavaScripte Giriş Dosyalarımızı Ekleyelim
- Lesson 78: Consolelog
- Lesson 79: Değişken Tanımlama
- Lesson 80: String Değerler
- Lesson 81: String Metodlar
- Lesson 82: Sayılarla Oynayalım
- Lesson 83: String Template String Kısayolları
- Lesson 84: Arrays Listeler
- Lesson 85: Null ve undifend Ne Demek
- Lesson 86: Booelan Değerler Açıklamalı Anlatım
- Lesson 87: For Döngüleri
- Lesson 88: While Döngüsü
- Lesson 89: İf Koşulları
- Lesson 90: Operatörler
- Lesson 91: Break ve Continue Mantığı
- Lesson 92: Switch Case Not Verme Mantığı
- Lesson 93: Fonksiyonlara Giriş
- Lesson 94: Fonksiyonlara Parametre Ekleme
- Lesson 95: Return MANTIĞI
- Lesson 96: Arrow Function
- Lesson 97: ForEach Hızlı Fonksiyon Oluşturma
- Lesson 98: Kodlayalım - Listeye Otomatik Veri Ekleme
- Lesson 99: Objeler
- Lesson 100: Matematiksel Objeler Math
- Lesson 101: DOM Document Object Model
- Lesson 102: Text Manipülasyon
- Lesson 103: Get ve Set Attribute
- Lesson 104: JavaScript ile CSS müdahalesi
- Lesson 105: Class Ekleme Mini Kodlama
- Lesson 106: AddEventListener Mantığı
- Lesson 107: Liste Eleman Silme Güncel Yöntemler
- Lesson 108: Kodlayalım Pop Up Yazıyoruz
- Lesson 109: JavaScript Form Oluşturma Formdan Veri alma
- Lesson 110: Regex Şifreleme Mantığı
- Lesson 111: Kodlayalım Regex Akıllı Giriş Uygulaması
- Lesson 112: Kodlayalım Key Up Event ile Akıllı Şifreleme
- Lesson 113: Kodlayalım Test Uygulaması Tasarlıyoruz
- Lesson 114: Kodlayalım Test Uygulaması Mantıksal Kodlama
- Lesson 115: Depoloma Alanları Giriş
- Lesson 116: Kodlayalım Ekle Sil Uygulaması
- Lesson 117: Local ve Global Değişkenler
- Lesson 118: Parent Elements
- Lesson 119: Parent Elements Alıştırma
- Lesson 120: Tarih Metodu Date()
- Lesson 121: Kodlayalım Tarih Metodu
- Lesson 122: Jquery Nedir
- Lesson 123: Jquery Dosyalarını Yükleme - İlk Kodlama
- Lesson 124: Jquery Seçiçiler
- Lesson 125: Jquery Events
- Lesson 126: Jquery Açılır Kapanır Pencere Yapımı - Toggle
- Lesson 127: Jquery Fadeİn FadeOut ve FadeToggle Mantığı
- Lesson 128: Slide Up Slide Down ve Slide Toggle -Tıkla Pencereleme
- Lesson 129: Jquery Animate
- Lesson 130: Akıllı Arama Uygulaması
- Lesson 131: Visual Studio Code Eklentileri
- Lesson 132: Olaylar Onclick - Onchange
- Lesson 133: Kullanıcıdan Veri Alma
- Lesson 134: Window Objesi Pencereler
- Lesson 135: Window Objesi Methodlar
Telif Hakkı © 2025 xBowtie.
Course content
- Lesson 1: Preview Giriş ve Gerekli Uygulamaları Yükleme
- Lesson 2: HTML Nedir?
- Lesson 3: Temel Etiketlerin Anlamı ve Merhaba Dünya
- Lesson 4: Preview Etiketler
- Lesson 5: Preview Stiller ve Text Formating Yazı Formatlama
- Lesson 6: Preview Links
- Lesson 7: Preview MultiMedya Etkiketleri
- Lesson 8: İmages Etiketleri
- Lesson 9: Preview Tablolar
- Lesson 10: Preview Listeler
- Lesson 11: Block ve İnline Elementler
- Lesson 12: Preview ID,Class ve Yazı içinde Gezinme Kavramları
- Lesson 13: CSS Nedir ?
- Lesson 14: Formlar
- Lesson 15: Seçiciler Kavramı
- Lesson 16: Colors Renkler
- Lesson 17: Projeye, CSS kodlarını Ekleme
- Lesson 18: BASİT NAVBAR YAPIMI - DİSPLAY İNLİNE MANTIĞI
- Lesson 19: Background İmages Arka Plana Görüntü Ekleme- Pozisyon Verme
- Lesson 20: Border Radius Çerçeveler - Çerçeve Yumuşatma
- Lesson 21: Width ve Height
- Lesson 22: Margin Değerleri Köşe Değerleri
- Lesson 23: Padding Dolgu Değerleri
- Lesson 24: Text , Font-Family Yazı biçimleri ve Font Aileleri
- Lesson 25: Rem, Em ve % Ölçü Birimleri
- Lesson 26: Hover Özelliği Buton Yapımı
- Lesson 27: PSEUDO Elements
- Lesson 28: Nth-Child Tek Satırda Birden Fazla Elemente Etki Etme
- Lesson 29: Position-Fixed Konum Sabitleme
- Lesson 30: Position-Absolute İç Kutu Konumlandırma
- Lesson 31: Flexbox nedir
- Lesson 32: Flexbox Örnek
- Lesson 33: Responsive Sorguları @Media etiketi
- Lesson 34: Mobil E-Ticaret Sitesi Şablonu
- Lesson 35: Dikey Animasyonlu Nav Bar Yapımı
- Lesson 36: Tablo Stilleme Hover Özelliği ile
- Lesson 37: Avatar - Profil Yapma Yazıları Dikey Ortalama
- Lesson 38: Animasyonlu Yazı Şablonu
- Lesson 39: Sıkça Rastlanana Hatalar
- Lesson 40: Navbar ve Alt Navbar
- Lesson 41: Anasayfa Düzeni ve Kart Eklemeleri
- Lesson 42: Anasayfaya Video Ekleme Anasayfa Arka Plan Görüntüsünü Deği
- Lesson 43: Footer Alanı ve İcon Ekleme
- Lesson 44: Ufak Dokunuşlar
- Lesson 45: Proje Sonu Animasyon Ekleme
- Lesson 46: Mobil Uyumlu Kupalar Sekmesi Yapımı
- Lesson 47: Mobil Uyumlu Navbar Yapımı
- Lesson 48: Mobil Uyumlu Teknik Ekip Sekmesi Yapımı
- Lesson 49: Mobil Uyumlu Tarih Sekmesi Yapımı
- Lesson 50: Mobil Uyumlu Yorumlar Sekmesi
- Lesson 51: Footer Alanı
- Lesson 52: Geri Dön Butonu Yapımı
- Lesson 53: Ufak Dokunuşlar
- Lesson 54: Proje Sonu Animasyon Ekleme
- Lesson 55: Apple Tv Tasarımı
- Lesson 56: Bootstrap Nedir Projeye Bootstrap Ekleme
- Lesson 57: Alternatif Bootstrap Proje Ekleme Yöntemi
- Lesson 58: Container Kavramı
- Lesson 59: Grid Sistemi
- Lesson 60: Justify and Align Position Yatay ve Dikey Konumlandırmalar
- Lesson 61: Renkler ve Butonlar
- Lesson 62: Flex-Box
- Lesson 63: Margin ve Padding
- Lesson 64: E Ticaret Tasarımı
- Lesson 65: Listeler ve Tablolar
- Lesson 66: Form , İnput, OverFlow, Row ve Col Genel Bilgilerle İletişi
- Lesson 67: Animatecss Sitelerinizi Hareketlendirin
- Lesson 68: Align-Self Mantığı Belirli Kutulara-Objelere Hareket Verme
- Lesson 69: Bootstrap ile Navbar Yapımı
- Lesson 70: Bootstrap ile Anasayfa Yapımı Kartlar
- Lesson 71: Bootstrap ile Anasayfa Yapımı Kartlar
- Lesson 72: Bootstrap ile Sitelerinizi Canlandırın
- Lesson 73: Küçük Dokunuşlar
- Lesson 74: Bootstrap ile Footer Alanı Yapımı
- Lesson 75: Bootstrap ile Son Dakika Haberleri Bölümü Ekleme Kayan Yaz
- Lesson 76: Proje Sonu Ufak GeliştirmelerProje Dosyaları
- Lesson 77: JavaScripte Giriş Dosyalarımızı Ekleyelim
- Lesson 78: Consolelog
- Lesson 79: Değişken Tanımlama
- Lesson 80: String Değerler
- Lesson 81: String Metodlar
- Lesson 82: Sayılarla Oynayalım
- Lesson 83: String Template String Kısayolları
- Lesson 84: Arrays Listeler
- Lesson 85: Null ve undifend Ne Demek
- Lesson 86: Booelan Değerler Açıklamalı Anlatım
- Lesson 87: For Döngüleri
- Lesson 88: While Döngüsü
- Lesson 89: İf Koşulları
- Lesson 90: Operatörler
- Lesson 91: Break ve Continue Mantığı
- Lesson 92: Switch Case Not Verme Mantığı
- Lesson 93: Fonksiyonlara Giriş
- Lesson 94: Fonksiyonlara Parametre Ekleme
- Lesson 95: Return MANTIĞI
- Lesson 96: Arrow Function
- Lesson 97: ForEach Hızlı Fonksiyon Oluşturma
- Lesson 98: Kodlayalım - Listeye Otomatik Veri Ekleme
- Lesson 99: Objeler
- Lesson 100: Matematiksel Objeler Math
- Lesson 101: DOM Document Object Model
- Lesson 102: Text Manipülasyon
- Lesson 103: Get ve Set Attribute
- Lesson 104: JavaScript ile CSS müdahalesi
- Lesson 105: Class Ekleme Mini Kodlama
- Lesson 106: AddEventListener Mantığı
- Lesson 107: Liste Eleman Silme Güncel Yöntemler
- Lesson 108: Kodlayalım Pop Up Yazıyoruz
- Lesson 109: JavaScript Form Oluşturma Formdan Veri alma
- Lesson 110: Regex Şifreleme Mantığı
- Lesson 111: Kodlayalım Regex Akıllı Giriş Uygulaması
- Lesson 112: Kodlayalım Key Up Event ile Akıllı Şifreleme
- Lesson 113: Kodlayalım Test Uygulaması Tasarlıyoruz
- Lesson 114: Kodlayalım Test Uygulaması Mantıksal Kodlama
- Lesson 115: Depoloma Alanları Giriş
- Lesson 116: Kodlayalım Ekle Sil Uygulaması
- Lesson 117: Local ve Global Değişkenler
- Lesson 118: Parent Elements
- Lesson 119: Parent Elements Alıştırma
- Lesson 120: Tarih Metodu Date()
- Lesson 121: Kodlayalım Tarih Metodu
- Lesson 122: Jquery Nedir
- Lesson 123: Jquery Dosyalarını Yükleme - İlk Kodlama
- Lesson 124: Jquery Seçiçiler
- Lesson 125: Jquery Events
- Lesson 126: Jquery Açılır Kapanır Pencere Yapımı - Toggle
- Lesson 127: Jquery Fadeİn FadeOut ve FadeToggle Mantığı
- Lesson 128: Slide Up Slide Down ve Slide Toggle -Tıkla Pencereleme
- Lesson 129: Jquery Animate
- Lesson 130: Akıllı Arama Uygulaması
- Lesson 131: Visual Studio Code Eklentileri
- Lesson 132: Olaylar Onclick - Onchange
- Lesson 133: Kullanıcıdan Veri Alma
- Lesson 134: Window Objesi Pencereler
- Lesson 135: Window Objesi Methodlar