Ön uç geliştirici

HTML ve CSS (yaklaşık 6 gün)

HTML giriş

Temel çerçeve

Metin oluşturma için etiketler (h1-h6, p, br, span)

Metin biçimi komutları

Grafiklerin entegre edilmesi

Bağlantılar (dahili, harici, telefon, mailto bağlantısı)

Faviconlar

Listeler ve tablolar

Doğru sözdizimi yapısı

W3C doğrulama aracı ile kontrol etme

CSS giriş

CSS özellikleri için entegrasyon seçenekleri (dahili, harici, satır içi stil)

Temel komutlar (metin tasarımı, yazı tipi rengi, arka plan rengi)

HTML kapsayıcıları

Konteynerlerin kullanımı ve şekillendirilmesi

YouTube ve Google Haritalar entegrasyonu

Video ve ses oynatıcı

Nesne uyumu

VS Kodu (yaklaşık 1 gün)

VS Code'a Giriş

VS Code için ek uzantılar. (örn. Canlı Sunucu, Emmet Komutları, Kopilot (AI))

VS Code ile birlikte yapay zeka kullanımı

Yerleşim teknikleri (yaklaşık 4 gün)

Sınıflar, ID'ler, seçiciler

Giriş kutusu modeli

Dolgu, kenar boşluğu, kenarlık, kenarlık yarıçapı ve bunların kısaltmaları

Flex-Box tanıtımı

Esnek kutulu düzenler

Flexbox ile Hizalama

Grid Sistemine Giriş

Izgaralı Düzenler

Izgara Sistemi ile Hizalama

Float ve clear ile görüntülerin etrafında kayan metin

Etiketlerin genel görüntüleme özellikleri

Arka plan resimleri

Durum ve değerler (yaklaşık 1 gün)

Sözde sınıfların tanıtımı (hover, active, focus, nth-child, first-child, last-child)

Sözde öğeler (::before, ::after, content)

Özgüllük (kodların değeri)

Konumlandırma (yaklaşık 2 gün)

Pozisyonlara giriş

Statik, mutlak, sabit, yapışkan, göreli

Sol, sağ, üst, alt, z-indeksi

Açılır menüler

:target

:target gezinme menüleri ve modallerle birlikte

Formlar (yaklaşık 2 gün)

Formlara giriş

Alan kümesi, efsane

Girişler, metin alanları, etiketler, değerler, ad, seçimler

Otomatik Tamamlama

CSS ile form tasarımı

Php-script'in yapay zeka ile entegrasyonu

CSS ile efektler ve yazı tipleri (yaklaşık 1 gün)

CSS geçiş efektleri

Geçiş, filtre, dönüşüm

Renk gradyanları, kutu gölgesi, metin gölgesi

font-face ile yazı tipi entegrasyonu

Duyarlı web tasarımı (yaklaşık 2 gün)

Duyarlı tasarıma giriş

Medya sorguları, kesme noktaları

Manzara, portait modu

Resim ve srcsets ile duyarlı görüntüler

Görüntü düzenleme, görüntülerin sıkıştırılması

Yapay zeka ile görüntü oluşturma

Arama motoru optimizasyonu (yaklaşık 1 gün)

SEO'ya Giriş

Sayfa içi optimizasyon ve yapay zeka tarafından oluşturulan metinlerin kullanımı

SEO'yu iyileştirmek için performans optimizasyonu ve uygun araçların sunumu

CSS teknikleri ve etkileşimi (yaklaşık 2 gün)

CSS değişkenleri

Karanlık mod

CSS ile Hesaplama

CSS animasyonlarına giriş

Süre, gecikme, yön, zamanlama işlevi, yineleme sayısı, doldurma modu

Animasyonlu burger düğmesi

Tek sayfa ve çok dillilik (yaklaşık 2 gün)

Tek sayfalara giriş

Düzgün kaydırma

Fontawesome kütüphanesinin entegrasyonu

SVG grafikleriyle çalışma

Katman entegrasyonu ve CSS özelleştirmesi

Çok dilli web siteleri

Uzantılar ve çerçeveler (yaklaşık 1 gün)

Bootstrap'e Giriş

Bootstrap bileşenlerinin kullanımı

Bootstrap ile duyarlı tasarım

JavaScript (yaklaşık 3 gün)

JavaScript'e Giriş

JavaScript/jQuery yöntemleri

jQuery Lightbox Oluşturma

Değişkenler

If-else ifadeleri

Kaydırma, pencere, yeniden boyutlandırma

diziler

For döngüsü

Matematik nesnesi

Yasal gereklilikler ve proje yönetimi (yaklaşık 2 gün)

İnternet hukuku

AI/KI ile ilgili telif hakları

Erişilebilirlik

Proje yönetimi

Proje çalışması (yaklaşık 10 gün)

Öğrenilen içeriği pekiştirmek için

Proje sonuçlarının sunumu

JavaScript Temelleri (yaklaşık 7 gün)

JavaScript'e giriş, tarihçe, uygulama alanları

ECMA komut dosyası sürümleri

JavaScript'in HTML'ye Entegrasyonu

IDE: Kurulum ve WebStorm'a giriş

Dil öğeleri: değişkenler, sabitler, yazım

İlkel veri türleri: Sayı, String, Boolean

Koleksiyon veri türleri: Diziler, nesneler

Referansa göre kopyalama ve değere göre kopyalama

Aritmetik ve mantıksal operatörler

Kontrol yapıları: koşullar, döngüler, fonksiyonlar

Kapsam, küresel kapsam, blok kapsamı

Hata işleme

Yerel depolama: çerezler, web depolama

JSON

ES6 içe/dışa aktarma

Git ile sürüm kontrolü, GitHub'a giriş

JavaScript ile DOM manipülasyonu (yaklaşık 5 gün)

HTML Seçme

İçerik, nitelikler ve stil

Olaylar, olay nesnesi, kabarcıklanma

Kesişim gözlemcisi ve mutasyon gözlemcisi

DOM öğeleri oluşturma, kopyalama, taşıma ve silme

Çerçeveler/Kütüphaneler (yaklaşık 1 gün)

Kendi kütüphanenizi oluşturun

AI (yaklaşık 1 gün)

Profesyonel ortamda belirli yapay zeka teknolojilerinin sunumu

İş sürecinde yapay zeka (AI)

Yapay zekanın IDE'ye entegrasyonu

Kod tamamlama, yeniden düzenleme ve öğrenme desteği için yapay zeka kullanımı

Proje çalışması (yaklaşık 6 gün)

Öğrenilen içeriği pekiştirmek için

Proje sonuçlarının sunumu

JavaScript uzmanlığı (yaklaşık 5 gün)

Tuval, çizim, canlandırma

Yayılmış sözdizimi, yeniden yapılandırma

Yapıcılar, sınıflar, fabrikalar ile nesne oluşturma

Sınıfların kalıtımı

Getiriciler ve ayarlayıcılar, statik yöntemler

Alanlar, özel alanlar

Prototipleme

Harita ve set veri türleri

Promise, birleştirme, async-await sözdizimi

Webworker

IndexedDB ile genişletilmiş veri depolama

Ajax (yaklaşık 1 gün)

Giriş

Nasıl çalışır

HTTP istekleri

Fetch()-API

Web hizmetleri: JSON ve XML

API'ler ile İletişim

NodeJS (yaklaşık 4 gün)

Yapı ve kurulum

Yerleşik modüller, özel modüller, NPM

NPM'ye yükleyin

Dosya türü MD

Web sunucusu oluşturma (Express)

Kendi ara yazılımınız

Ajax istekleri için getirme sözdizimi

Dosyaları sunucuya yükleme

Websockets ile gerçek zamanlı iletişim

NoSQL veritabanı ile iletişim

Express ile kendi REST API'lerinizi oluşturma

API uç noktaları: GET, POST, JSON işleme

Barındırma konusunda içgörü (örn. özel sunucular, yönetilen barındırma, bulut barındırma)

Tek Sayfa Uygulama React JS (yaklaşık 1 gün)

Giriş, teorik değerlendirme, kurulum

Sanal DOM

İfadeler, durum kancası, etki kancası

Bileşenler, yuvalama, parametre geçişi

Kullanıcı girişi, içerik güncellemesi, olay dinleyicisi

Yönlendirme

Tek Sayfa Uygulaması VueJS (yaklaşık 1 gün)

Giriş, teorik değerlendirme

Sanal DOM

Entegrasyon, ifadeler, direktifler

Olay dinleyicileri, veri bağlama, yöntemler

Kendi direktifleri

Bileşenler, yuvalama

Yönlendirme

TypeScript (yaklaşık 2 gün)

Kurulum ve uygulama

Statik yazım

Dinamik veri türleri

Karmaşık veri türleri

Dekoratörler

Proje çalışması (yaklaşık 6 gün)

Öğrenilen içeriği pekiştirmek için

Proje sonuçlarının sunumu