Tüm Web Programlama Dersleri

Konu başlıklarına göre düzenlenmiş derslerimize göz atın.

HTML

Web Tasarım İçin Bilmeniz Gereken Temel HTML Etiketleri

HTML derslerinin ilk videosunda, web tasarımın temelini oluşturan DOCTYPE, HTML, HEAD, LINK, META ve BODY etiketlerin...

6 dk

Metin Biçimlendirme: Başlıklar, Vurgular ve Daha Fazlası

HTML derslerinin ikinci videosunda, metin biçimlendirme etiketlerini detaylı bir şekilde inceliyoruz! Bu videoda, ya...

4 dk

Web Tasarımda İletişim Formu Oluşturma: Form Etiketleri

...

5 dk

Form Tasarımı: Fark Yaratan Input Türleri ve Kullanım Alanları

HTML derslerinin dördüncü videosunda, form tasarımında kullanılan farklı input türlerini detaylı bir şekilde i...

12 dk

Web sitenize bağlantı(link) ve görselleri nasıl yerleştirirsiniz

Web Programlama Html Dersleri 5 Bu derste size bağlantı etiketlerini ve bu etiket içinde kullanabileceğiniz özellik...

14 dk

Veri Görselleştirme için HTML Tablosu ve Yapısı

Web programlama Html Dersleri 6 Tablolar, verileri düzenlemek ve sunmak için güçlü bir araçtır. Bu video, HTML ta...

11 dk

Gezinme menüleri için HTML listeleri

Gezinme menüleri herhangi bir web sitesinin temel bir öğesidir. Bu video, HTML listeleri kullanarak etkili gezinme me...

11 dk

Web siteye ses ve video ekleme

Web sitenize dinamik içerik eklemek için basit bir yöntem keşfediliyor. YouTube videolarını doğrudan web sitenize...

13 dk

Meta Etiketleri ve Açık Grafik Web Sitenizin Görünürlüğünü Artırın

Meta etiketleri ve Open Graph etiketleri, web sitenizin sosyal medya platformlarındaki görünümünü optimize etmek i...

10 dk

Web site düzenini sağlayan Etiketler

Web site tasarlarken kullanılan düzen etiketlerinden bahsettim.

20 dk

CSS

Css Türleri, ŞİMDİ Sıfırdan CSS Öğrenin!

Sıfırdan CSS öğrenin ve bir web geliştirme uzmanı olun! Bu kapsamlı eğitimde, CSS'nin temellerinden gelişmiş t...

5 dk

HTML etiketlerini biçimlendirmek için CSS Seçicileri

HTML etiketlerini biçimlendirmek için CSS seçicilerini nasıl kullanacağınızı öğreneceksiniz. Bu video, web sit...

10 dk

Css Spesifik Seçiciler, Etiketlerin Özelliklerine müdahale etmek

Bir önceki derste gösterdiğim etiketlere stil eklemenin bir sonraki adımı olan etiketlerin özelliklerine stil ekle...

8 dk

Css de Kenarlık verme Etiketleri şekillendirin

Bu videoda Css de kenarlık (border) nasıl verilir ve border ile şekillendirme yapmak için border radius nasıl kulla...

11 dk

Css Arkaplan özelliği nasıl kullanılır

Bu video da Arkapalan (background) nasıl kullanılır özellikleri nelerdir. bunlardan bahsettim. Videonun içerisinde ...

10 dk

Css Font Özellikleri ve ücretsiz font siteleri

Bu videoda css dosyasına font nasıl eklenir ve eklenen fontların özellikleri nasıl kullanılır. Bunlardan bahsetti...

7 dk

Metninizi Renklendirin CSS Metin Dekorasyonu Püf Noktaları

...

7 dk

Css ile Tablo Görselleştirme

Css ile Html tablolarını görselleştirme: Tablolar, verileri düzenlemek ve sunmak için güçlü bir araçtır. Bu ...

5 dk

Css ile Liste Özelliklerine nasıl müdahale edilir?

bu video da Html derslerinde gördüğümüz liste özelliklerine nasıl müdahale edebileceğimizi ve neleri değiştir...

7 dk

Css ile linklere nasıl müdahale edilir?

Bu video da web site veya sayfalarınızda linklere nasıl müdahale edeceğinizi linkleri nasıl düzenleyeceğinizi ö...

4 dk

Görünüm (Display) Özellikleri

...

4 dk

Öğe Konumlandırma position kulanım

Bu video da css ile html etiketlerini nasıl konumlandıracağınızı anlattım. position kulanımı . Bir web sitesine...

8 dk

Öğe Hizalama #webprogramlama

Bu videoda overflow özelliği ile kutu içerisine sığmayan nesneyi nasıl şekillendireceğimizi ve iki nesnenin bir ...

4 dk

Css Kombinatörler

Bu videomuzda CSS'in temel konularından biri olan CSS Kombinatörlerini öğreneceğiz. CSS kombinatörleri, HTML eleme...

4 dk

CSS Sahte Sınıfları (Pseudo-Classes)

...

7 dk

CSS Sahte Öğeleri (Pseudo-Elements)

Bu videomuzda CSS'in önemli konularından biri olan CSS Sahte Öğelerini (Pseudo-Elements) öğreneceğiz. Sahte öğe...

6 dk

Opaklık Şeffaflık Opacity Nedir? Nasıl Kullanılır?

Bu videomuzda CSS'in önemli konularından biri olan CSS Opaklık/Şeffaflık (Opacity) özelliğini öğreneceğiz. Opa...

11 dk

Gezinme Çubuğu (Navigation Bar) Nasıl Oluşturulur?

Bu videomuzda CSS kullanarak Gezinme Çubuğu (Navigation Bar) nasıl oluşturulur, onu öğreneceğiz. Gezinme çubukla...

8 dk

Açılır Menüler (Dropdown Menus) Nasıl Oluşturulur?

...

7 dk

Resim Galerisi Nasıl oluşturulur?

Bu videomuzda CSS kullanarak Resim Galerisi nasıl oluşturulur, onu öğreneceğiz. Resim galerileri, web sitelerinde f...

12 dk

Formlar Nasıl görselleştirilir?

CSS kullanarak bir form nasıl görselleştirilir? onu öğrendik. Formlar, web sitelerinde kullanıcıların bilgi giri...

9 dk

CSS Sayaçları (Counters) Nedir? Nasıl Kullanılır?

...

4 dk

Website Düzeni (web site layout) Nasıl Oluşturulur?

Bu videomuzda CSS kullanarak Website Layout (Web Sitesi Düzeni) nasıl oluşturulur, onu öğreneceğiz. Web sitesi dü...

10 dk

ölçü Birimleri Nedir? Nasıl Kullanılır?

Bu videomuzda CSS'in temel konularından biri olan CSS Birimlerini öğreneceğiz. CSS birimleri, boyutları, uzunluklar...

4 dk

CSS Matematik Fonksiyonları Nedir? Nasıl Kullanılır?

Bu videomuzda CSS'in güçlü özelliklerinden biri olan CSS Matematik Fonksiyonlarını öğreneceğiz. CSS matematik...

5 dk

CSS 2D Dönüşümleri Nedir? Nasıl Kullanılır?

Bu videomuzda CSS'in etkileyici özelliklerinden biri olan CSS 2D Dönüşümlerini öğreneceğiz. CSS 2D dönüşüml...

6 dk

CSS 3D Dönüşümleri Nedir? Nasıl Kullanılır?

Bu videomuzda CSS'in etkileyici özelliklerinden biri olan CSS 3D Dönüşümlerini öğreneceğiz. CSS 3D dönüşüml...

8 dk

CSS Geçişleri Nedir? Nasıl Kullanılır?

Bu videomuzda CSS'in etkileyici özelliklerinden biri olan CSS Geçişlerini (Transitions) öğreneceğiz. CSS geçiş...

5 dk

CSS Animasyonları Nedir? Nasıl Kullanılır?

Bu videomuzda CSS'in etkileyici özelliklerinden biri olan CSS Animasyonlarını öğreneceğiz. CSS animasyonları, e...

8 dk

CSS ile İpucu balonları (Tooltip) Nasıl Oluşturulur?

Bu videomuzda CSS kullanarak İpucu balonları (Tooltip) nasıl oluşturulur, onu öğreneceğiz. İpucu balonları, k...

8 dk

CSS Görüntü Filtre Efektleri Nedir? Nasıl Kullanılır?

Bu videomuzda CSS'in etkileyici özelliklerinden biri olan CSS Görüntü Filtresi Efektlerini öğreneceğiz. CSS gör...

4 dk

Resme Şekil verme (Image Shapes) Nasıl yapılır?

Bu videomuzda CSS kullanarak Resme Şekil nasıl Verilir?, onu öğreneceğiz. CSS ile görüntü şekilleri (Image Sh...

6 dk

CSS Maskeleme (Masking) Nedir? Nasıl Kullanılır?

Bu videomuzda CSS'in etkileyici özelliklerinden biri olan CSS Maskelemeyi öğreneceğiz. Maskeleme, görüntülerin ve...

7 dk

Çoklu Sütunlar (Multiple Columns) Nedir? Nasıl Kullanılır?

Bu videomuzda CSS'in kullanışlı özelliklerinden biri olan CSS Çoklu Sütunları öğreneceğiz. Çoklu sütunlar, m...

3 dk

CSS Değişkenleri (Variables) Nedir? Nasıl Kullanılır?

Bu videomuzda CSS'in modern özelliklerinden biri olan CSS Değişkenlerini öğreneceğiz. CSS değişkenleri, stil kod...

4 dk

En Basit Anlatımla Responsive Tasarım (Media Queries)

Bu videoda, yeni başlayanlar için responsive tasarımın temellerini ve Media Queries'in nasıl kullanıldığını an...

5 dk

Flexbox Nedir? Nasıl Kullanılır?

Bu videoda, CSS Flexbox'a yeni başlayanlar için kapsamlı bir rehber sunuyorum. Flexbox, web sitelerindeki elementleri...

6 dk

JAVASCRİPT

JavaScript'e Giriş

Bugün sizlerle birlikte JavaScript dünyasına ilk adımımızı atıyoruz. JavaScript, web geliştirmenin en önemli y...

2 dk

JavaScript’i Çalıştırma – Tarayıcı konsolu, iç ve dış dosya kullanımı

...

3 dk

Değişkenler ve Veri Türleri

Değişkenler ve Veri Türleri – var, let, const, string, number, boolean, undefined, null

3 dk

JavaScript'te Operatörler Nasıl Kullanılır? 👨‍💻 En Çok Kullanılan Operatörler!

JavaScript Operatörler konusunu sıfırdan ve pratik örneklerle anlatıyorum. Aritmetik, karşılaştırma, mantıksal...

2 dk

JavaScript'te Karar Yapıları | if-else, ternary Operatör | Temelden Anlatım

JavaScript’te koşullu ifadeler yani if, else, else if ve ternary operatörü gibi yapıları sıfırdan ve örneklerl...

2 dk

✅ JavaScript Döngüler | En Basit ve Anlaşılır Şekilde Anlatım

Kod tekrarını azaltmak için kullanılan for, while, do...while, forEach ve for...of döngülerini örneklerle göster...

2 dk

JavaScript'te Fonksiyon Kullanımı

function tanımlamadan, parametre kullanımına, return ifadesinden çağırmaya kadar tüm temel detaylara değiniyoruz...

2 dk

Kapsam (Scope) ve Closure

JavaScript'te değişkenlerin ve fonksiyonların nerede erişilebilir olduğunu belirleyen kurallara kapsam (scope) deni...

60 dk

Diziler ve Dizi Metodları

Programlama yaparken, genellikle birden fazla değeri bir arada tutma ihtiyacı duyarız. Örneğin, bir alışveriş li...

75 dk

Nesneler ve Özellikleri

Gerçek dünyadaki birçok şeyi (bir araba, bir kişi, bir kitap) özellikleriyle tanımlarız. Örneğin, bir arabanı...

75 dk

DOM Manipülasyonu - Giriş

Web sayfalarıyla etkileşim kurmak, JavaScript'in en güçlü kullanım alanlarından biridir. Kullanıcı bir butona t...

30 dk

DOM Manipülasyonu - Nitelikler ve Stiller

Önceki derste DOM'un temellerini ve HTML elemanlarını nasıl seçeceğimizi öğrendik. Artık seçtiğimiz elemanlar...

60 dk

DOM Manipülasyonu - Eleman Ekleme/Silme

Önceki DOM derslerinde, mevcut HTML elemanlarını nasıl seçeceğimizi ve içeriklerini, niteliklerini ve stillerini ...

75 dk

DOM Olayları (Events)

Şimdiye kadar DOM'u kullanarak HTML elemanlarını seçmeyi, içeriklerini, niteliklerini ve stillerini değiştirmeyi ...

90 dk

Eşzamansız JavaScript - Callback'ler

...

60 dk

Eşzamansız JavaScript - Promise'lar

Önceki derste, eşzamansız işlemleri yönetmek için callback fonksiyonlarını öğrendik. Callback'ler basit senary...

90 dk

Eşzamansız JavaScript - Async/Await

...

90 dk

Fetch API ve AJAX

Modern web uygulamaları, kullanıcı deneyimini iyileştirmek için sayfayı tamamen yenilemeden sunucudan veri alabilm...

90 dk

JavaScript Modülleri

Modern JavaScript uygulamaları giderek daha karmaşık hale gelmektedir. Büyük uygulamaları yönetilebilir kılmak i...

90 dk

JavaScript Sınıfları ve OOP

Nesne Yönelimli Programlama (Object-Oriented Programming, OOP), yazılım geliştirmede yaygın olarak kullanılan bir ...

90 dk

Hata Yönetimi ve Debugging

Hata yönetimi ve debugging (hata ayıklama), yazılım geliştirmenin en önemli aşamalarından biridir. Mükemmel bir...

90 dk

FLUTTER

Bu bölümde henüz ders bulunmamaktadır.