Web Tasarım & Front-End Kursu

Web’in temel bileşenlerini, internet protokollerini ve sunucu-istemci mimarisini tanıyarak modern web'in çalışma prensiplerini öğreneceksiniz.

• Web Sitesi ve Sayfa Yapısı
• Protokoller (HTTPS, FTP, WWW)
• Domain ve Hosting Yönetimi
• Sunucu ve İstemci Kavramları

Web banner’ları ve sosyal medya görselleri tasarlayarak, görselleri web için optimize etmeyi ve profesyonel arayüzler kurgulamayı öğreneceksiniz.

• Arayüz Tanıtımı, Menüler ve Araçlar
• Resim Düzenleme ve Rötuş
• Katman ve Maske Kavramı
• Tipografi ve Metin Araçları
• Düğme ve İnteraktif Öğe Tasarımı
• Banner ve Sosyal Medya Görselleri
• Web Sitesi Arayüz Tasarımı
• Web Optimizasyonu ve Kayıt

HTML’in temel yapısını, semantik etiketleri ve responsive teknikleri kullanarak modern, Web 3.0 uyumlu sayfalar oluşturacaksınız.

• HTML Temelleri ve Biçimlendirme
• Div Yapısı, Class ve ID Kavramları
• Link Yapıları ve Listelerle Çalışma
• Head, Meta Tag ve Multimedya
• HTML5 Yenilikleri ve Web 3.0
• Responsive ve Adaptive Tasarım
• HTML5 API Çalışmaları

CSS3 ile sayfa düzeni, kutu modeli ve animasyonlar kurgulayacak; Bootstrap kullanarak profesyonel, duyarlı tasarımlar geliştireceksiniz.

• CSS3 Temelleri ve Kullanımı
• Metinler ve Gelişmiş Tipografi
• Efektler, Renkler ve Kutu Modeli
• 2D ve 3D Animasyonlar
• İleri CSS ve SEO Kriterleri
• Bootstrap Framework Kullanımı

SCSS ön işlemcisi ile değişkenler, iç içe kurallar ve mixin’ler kullanarak modüler ve bakımı kolay stiller yazmayı öğreneceksiniz.

• Sass Giriş ve Kurulum
• Değişkenler ve İç İçe Kurallar
• @import, @mixin ve @extend
• Fonksiyonlar ve Veri Tipleri
• Selector ve Renk Yönetimi

JavaScript sözdizimi, OOP, asenkron programlama ve AJAX ile etkileşimli web uygulamaları geliştireceksiniz.

• Sözdizimi ve Kodlama Standartları
• Değişkenler ve Veri Türleri
• Operatörler ve Döngü Yapıları
• Diziler ve Nesne Modeli
• OOP Tekniği ve Olay Tabanlı Programlama
• Asenkron Programlama ve AJAX
• MVC Design Pattern ve JSON
• Hata Yönetimi ve Tarih İşlemleri

React ile bileşen tabanlı mimari, JSX ve state/props yönetimini kullanarak modern SPA’lar (Single Page Applications) inşa edeceksiniz.

• React Giriş ve Kurulum
• ES6 ve JSX Standartları
• Bileşen ve Class Kavramı
• Events, Liste ve Form İşlemleri
• React Router ve Navigasyon
• AJAX Metotları ve SCSS Entegrasyonu
• React Projesi Geliştirme

Angular CLI, TypeScript ve kurumsal mimari yapılarını kullanarak yüksek ölçekli tek sayfa uygulamaları geliştireceksiniz.

• Angular CLI ve TypeScript
• Bileşen (Component) Yapısı
• Pipe Mimarisi, NgIf ve NgFor
• Event Binding ve Alertifyjs
• Services, DI ve Observable
• Routing ve Form Yapıları
• Guards ve LocalStorage Yönetimi
• Backend Entegrasyon Projeleri

İlişkisel veritabanı oluşturma, tablo yönetimi ve ileri düzey SQL sorguları ile veri depolama becerisi kazanacaksınız.

• MySQL Giriş ve Tablo Kavramları
• Veritabanı Haritası ve İlişkiler
• Create ve Drop İşlemleri
• Güvenlik (MD5, SHA1)
• CRUD (Select, Insert, vb.)
• İleri SQL ve JOIN Yapıları

Node.js ortamında Express.js, NPM ve ORM yapılarını (Sequelize, Mongoose) kullanarak güçlü backend API’ler geliştireceksiniz.

• Modüller, NPM ve Dosya Sistemi
• Live Server ve E-posta İşlemleri
• MySQL ve Sequelize ORM
• NoSQL ve Mongoose
• Express.js, Pug ve MVC
• Auth, Validation ve Proje Uygulaması

DNS, SSL ve sunucu yapılandırması yaparak sitenizi canlı ortama taşımayı ve yönetim panelini kurmayı öğreneceksiniz.

• Domain, Hosting ve DNS Ayarları
• Sunucu Yapılandırma ve SSL
• Site Taşıma ve Canlıya Alma
• Yönetim Paneli Kurulum ve İzinler

SEO analizi, anahtar kelime stratejisi ve yapılandırılmış veri teknikleri ile sitenizi arama motorlarında üst sıralara taşıyacaksınız.

• SEO Analizi ve Sorun Tespiti
• Anahtar Kelime ve İçerik Analizi
• Dizinleme ve Algoritma Mantığı
• Backlink Faktörleri ve Schema.org
• Yapılandırılmış Veri ve Snippets