14+ YAŞ | SIFIRDAN İLERİ SEVİYEYE UZMANLIK

Web
Yazılım Mühendisliği

HTML5, CSS3 ve Modern JavaScript temellerinden başlayıp; React, Tailwind CSS ve Firebase ile ölçeklenebilir, yüksek performanslı web uygulamaları geliştirmeyi hedefleyen proje odaklı kariyer programı.

Müfredatı İncele Bize Ulaşın

VS Code - Dashboard.jsx

Explorer

src

components

Dashboard.jsx

1
2
3
4
5
6
7
8
9
10
11
12

import { Sidebar, Header, Stats, Chart } from './ui';

export default function Dashboard() {

return (

</div>

</main>

</div>

);

}

https://admin-panel.leader.io

Global Analitik

Canlı Veri Paneli

Ahmet Y.

Çevrimiçi

LeaderCoders Akademi Web Geliştirici Paneli Profil Resmi

Kazanç

₺48.2k

Projeler

124

Üyeler

8.4k

Büyüme Matrisi

Haftalık Sistem Analitiği

ZİRVE

PztÇarCumPaz

Dersler akşam saatlerinde yapılır • MEB sınav takvimine göre molalar verilir

AKADEMİK YOL HARİTASI

Web Yazılım Mühendisliği Uzmanlık Programı

Bu eğitim programı, sadece site tasarlamak isteyenler için değil; modern, ölçeklenebilir ve profesyonel web uygulamaları geliştirmeyi hedefleyenler için tasarlanmıştır.

MÜFREDATI İNCELE

Akademik Program

Yol Haritası

Web'in Temelleri & HTML5

İSKELET VE YAPI (MODÜL 1-2)

Toplam Süre 8 HAFTA

Akademik Kazanımlar

Web'in çalışma mantığını (İstemci-Sunucu) kavrayıp, modern tarayıcıların kodları nasıl okuduğunu anlama.
Arama motorları (SEO) için kritik olan Semantik HTML5 mimarisiyle web sayfalarının iskeletini profesyonelce kurma.
Form yönetimi, modern tablo yapıları ve erişilebilirlik standartlarına tam uyumlu kod yazma becerisi.

Teknik Beceriler

HTML5 Semantic SEO Basics Accessibility

Proje Demo & Önizleme

CSS3 & Tailwind CSS

ESTETİK VE TASARIM (MODÜL 3-5)

Toplam Süre 12 HAFTA

Akademik Kazanımlar

CSS3 Kutu Modeli, tipografi kuralları ve gelişmiş görsel efektlerle (gölge, gradyan) profesyonel stil yönetimi.
Modern layout sistemleri olan Flexbox ve Grid ile her türlü karmaşık arayüzü hatasız kurgulama.
Sektörün en popüler kütüphanesi olan Tailwind CSS ile ultra hızlı, ölçeklenebilir ve %100 Responsive tasarım pratikleri.

Teknik Beceriler

Modern CSS Tailwind CSS Responsive UI

Proje Demo & Önizleme

Profesyonel Uygulama Mimarisi

SÜRDÜRÜLEBİLİR KOD (MODÜL 4-5)

Toplam Süre 8 HAFTA

Akademik Kazanımlar

Spagetti kod yerine; ViewModel ve StateFlow kullanarak, verileri UI'dan ayıran MVVM mimarisiyle profesyonel yapı kurma.
Çok sayfalı uygulamalarda veri taşıma, navigasyon (Navigation Graph) ve yaşam döngüsü (Lifecycle) yönetimini öğrenme.

Teknik Beceriler

MVVM Pattern Navigation Compose State Management

Proje Demo & Önizleme

JavaScript Programlama

DİNAMİK WEB (MODÜL 6-9)

Toplam Süre 16 HAFTA

Akademik Kazanımlar

Değişkenler, döngüler ve koşullu yapılarla algoritmik düşünme ve programlama mantığını web ekosisteminde kurgulama.
Modern JavaScript (ES6+) standartları: Arrow functions, Destructuring, Spread/Rest operatörleri ve Modüler kod yapısı.
DOM Manipülasyonu ile HTML elemanlarına hükmetme, olay dinleyiciler (Events) ve dinamik içerik üretme süreçleri.
Gelişmiş dizi metotları (Map, Filter, Reduce) ve LocalStorage ile tarayıcı tabanlı kalıcı veri yönetimi.

Teknik Beceriler

ES6+ Logic DOM Events LocalStorage

Proje Demo & Önizleme

API & Asenkron Veri

VERİ YÖNETİMİ (MODÜL 10)

Toplam Süre 4 HAFTA

Akademik Kazanımlar

Fetch API ve Async/Await yapısı ile modern asenkron programlama standartlarını uygulama.
JSON veri formatını işleme, HTTP metotları (GET, POST) ve dinamik URL yönetimi.
Try-Catch ile profesyonel hata yakalama ve kullanıcı dostu Loading States (Yükleme Durumları) kurgusu.

Teknik Beceriler

Fetch API Async / Await JSON Processing Loading States

Proje Demo & Önizleme

Modern React Dünyası

BİLEŞEN TABANLI MİMARİ (MODÜL 11-15)

Toplam Süre 20 HAFTA

Akademik Kazanımlar

İleri seviye JavaScript, modülerlik ve LocalStorage ile kalıcı veri yönetimi prensiplerini kavrama.
React.js ile bileşen tabanlı mimari, JSX dünyası ve yeniden kullanılabilir kod yapıları oluşturma.
React Hooks (useState, useEffect) ile uygulama durumunu ve yan etkileri profesyonelce yönetme.
Fetch API ve Asenkron programlama ile dış sunuculardan veri çekme ve yönetme süreçleri.
React Router ile Single Page Application (SPA) navigasyonu ve dinamik rotalama sistemleri.

Teknik Beceriler

React Hooks Component Architecture API & Fetch React Router SPA State Management

Proje Demo & Önizleme

Bulut & Yayım (Final)

FULL-STACK VE DEPLOY (MODÜL 16)

Toplam Süre 4 HAFTA

Akademik Kazanımlar

Firebase Auth ile güvenli kullanıcı kayıt, giriş ve oturum yönetimi sistemleri kurma.
Firebase Storage ile dosya/resim yükleme ve CDN tabanlı medya yönetimi süreçleri.
Netlify/Vercel üzerinden projeleri dünyaya açma ve profesyonel yayım süreçleri.

Teknik Beceriler

Firebase Firestore Authentication Cloud Storage Deployment

Bitirme Sentezi

UYGULAMA PORTFOLYOSU

Geliştireceğiniz Proje Örnekleri

Anlatılan her konunun çalışan bir ürüne dönüştüğü uygulama odaklı bir yapı. Sektör standartlarında toplam 30'u aşkın proje geliştiriyoruz.

Şehir Rehberi

Semantik HTML5 ve modern CSS3 mimarisiyle kurgulanan, içerik hiyerarşisi ve medya yönetiminin temellerini atan ilk profesyonel çalışma.

HTML5 / CSS3

E-Ticaret Arayüzü

Tailwind CSS ile kurgulanmış; animasyonlu, tamamen mobil uyumlu ve yüksek performanslı modern bir alışveriş platformu sentezi.

Tailwind / UX

Canlı Finans Paneli

Dış sunuculardan (API) anlık veri çekme ve asenkron JavaScript işlemleriyle yönetilen dinamik bir veri takip uygulaması.

JS / Fetch API

Final Capstone Project

Sosyal Medya Platformu

React, Tailwind ve Firebase altyapısının birleştiği; gerçek zamanlı sohbet, içerik paylaşımı ve bulut tabanlı veri depolama özelliklerine sahip tam kapsamlı (Full-Stack) final çalışması.

React.js Firebase Firestore Cloud Auth

Canlı Portfolyo
Avantajı

Geliştirdiğiniz tüm projeler GitHub üzerinde yayınlanır ve iş/staj başvurularınızda en güçlü kanıtınız olur.

TEKNİK DONANIM

Kazanacağınız Teknik Beceriler

Dünya genelindeki büyük teknoloji şirketlerinin standart kabul ettiği modern web araçlarını öğretiyoruz. Bu yetkinlikler, eğitimin sonunda oluşturacağınız profesyonel CV'nizin ana omurgasını oluşturacaktır.

React & Bileşen Mimarisi

Modern web uygulamalarını birer "yapı taşı" (component) gibi hızlı ve ölçeklenebilir şekilde inşa etmenizi sağlar.

Tailwind CSS & Tasarım

Utility-First yaklaşımıyla, doğrudan HTML içinden modern ve şık arayüzler tasarlama becerisidir.

JavaScript (ES6+) Engine

Web'in beyni. Programlama mantığı ve asenkron işlemler ile statik sayfaları yaşayan sistemlere dönüştürme uzmanlığıdır.

REST API & JSON

Dış sunuculardan canlı veri çekme, hava durumu, borsa gibi dinamik bilgileri uygulamanıza entegre etme becerisidir.

Firebase Bulut Çözümleri

Gerçek zamanlı veritabanı ve kullanıcı kimlik doğrulama süreçlerini yöneterek Full-Stack uygulamalar geliştirme gücüdür.

Git & GitHub

Sektörde ortak çalışma disiplini. Kodlarınızı versiyonlama ve tüm dünyaya profesyonel portfolyo sunma sürecidir.

KARİYER HEDEFİ

Kariyer Yolculuğunuzun Belgesi:
CV ve Portfolyo

Web geliştirme endüstrisinde mesleki yeterlilik; sadece diploma ile değil, karmaşık arayüzleri ve veri yapılarını yönetme kapasitesiyle ölçülür.

Bu doğrultuda CV (Özgeçmiş), teknik yetkinliklerinizin özeti; Portfolyo ise bu yetkinliklerin canlı projelerdeki karşılığıdır.

Eğitim sonunda öğrencilerimiz; modern web teknolojilerine hakimiyetlerini 30'u aşkın projeyle kanıtlayarak, global bir teknoloji şirketinde Junior Frontend Developer olarak görev alabilecek olgunluğa ulaşırlar.

Teknik Beceri

React, Tailwind CSS ve JavaScript (ES6+) gibi endüstri standartları.

Mesleki Unvan

Junior Frontend Developer yetkinlik düzeyi.

Sektöre Hazır

Öğrenci Adı Soyadı

Junior Frontend Developer

Teknik Yetkinlikler

React.js JavaScript (ES6+) Tailwind CSS REST API / Fetch Firebase Firestore Git / GitHub

Tamamlanan Projeler

React Social Hub

Gerçek zamanlı veri akışı ve Firebase tabanlı kullanıcı yönetimi içeren platform.

Modern E-Commerce UI

Tailwind CSS ile kurgulanmış, yüksek performanslı ve %100 mobil uyumlu arayüz.

Finance Dashboard API

Dış sunuculardan çekilen canlı borsa verilerini görselleştiren asenkron uygulama.

leadercoders.com/verify/web-102

Web Yazılım Mühendisliği

Süreç Odaklı Eğitim

1+1 Sentez Modeli

Butik Sınıf Yapısı

Web Yazılım Mühendisliği Uzmanlık Programı

Yol Haritası

Web'in Temelleri & HTML5

Akademik Kazanımlar

Teknik Beceriler

Proje Demo & Önizleme

CSS3 & Tailwind CSS

Akademik Kazanımlar

Teknik Beceriler

Proje Demo & Önizleme

Profesyonel Uygulama Mimarisi

Akademik Kazanımlar

Teknik Beceriler

Proje Demo & Önizleme

JavaScript Programlama

Akademik Kazanımlar

Teknik Beceriler

Proje Demo & Önizleme

API & Asenkron Veri

Akademik Kazanımlar

Teknik Beceriler

Proje Demo & Önizleme

Modern React Dünyası

Akademik Kazanımlar

Teknik Beceriler

Proje Demo & Önizleme

Bulut & Yayım (Final)

Akademik Kazanımlar

Teknik Beceriler

Bitirme Sentezi

Geliştireceğiniz Proje Örnekleri

Şehir Rehberi

E-Ticaret Arayüzü

Canlı Finans Paneli

Sosyal Medya Platformu

Canlı Portfolyo Avantajı

Kazanacağınız Teknik Beceriler

React & Bileşen Mimarisi

Tailwind CSS & Tasarım

JavaScript (ES6+) Engine

REST API & JSON

Firebase Bulut Çözümleri

Git & GitHub

Kariyer Yolculuğunuzun Belgesi: CV ve Portfolyo

Teknik Beceri

Mesleki Unvan

Geleceğini Tasarlamaya Bugün Başla.

Web
Yazılım Mühendisliği

Canlı Portfolyo
Avantajı

Kariyer Yolculuğunuzun Belgesi:
CV ve Portfolyo

Geleceğini Tasarlamaya
Bugün Başla.