HTML nedir?
Html yapısı
başlık etiketleri
paragraf etiketleri
biçimlendirme etiketleri
Images
Link
Listeler
Div & Span
Semantic Tags
Tables
Tablo ile tasarım çalışmaları
Forms
Iframes
İlk web sayfamızın internette yayınlanması

CSS Nedir?
Css söz dizimi
Inline Css
Internal Css
External Css
Id & Class Selectors
Browser Default
Css Inheritance
Box model
Margin
Padding
Borders Width & Height
Box-sizing
Display
Display & Visibility
Navigation Bar
Styling List
Combinators
Pseudo Classes
Pseudo Elements
Styling Buttons
Background Image
Fontawesome Icons
Fonts
Google Fonts
Floating
Clear Floating
Floating Images
Helper Classes
Box Shadow:Gölgelendirme
Colors
Positions
Relative & Absoulute Positioning
Fixed Positioning
Sticky Positioning
Background
Background Opacity & Gradients
Parallax Scroolling Efect
Clip Path
Attribute Selectors
Styling Forms
Responsive Tasarım
Media Queries
Rem & Em Units
Responsive Navbar
Flexbox Nedir
Flex Container
Flex Alignments
Flex Item Properties: grow
shrink
basis
Row Alignments: align-content, gaps
Flex & Margin
Css Grid Nedir
Grid Container
Grid Columns & Rows
Grid Gaps & Spanning
Named Template Areas
Responsive Grid & Media Queries
minmax
auto-fill & auto-fit
Grid items Alignment
Css Transition
Css Transform
Css Animation
Css Keyframes
Animate.css
Sass Nedir ?
Variables & Nesting
Mixins & Extends
Node Sass Compiler
Windows için Komut Satırı Uygulaması - Git Bash
Alternatif Sass Compiler

Öğrendiklerimizle her öğrencimiz kendi freelancer sitesini kurup, yayına alıyor. Öğrenirken finansal özgürlük inşasına başlıyoruz.

Bootstrap Kurulumu
Bootstrap Nedir?
Heading & Text
Colors
Buttons
Spacing
Borders & Shadows
Lists & Tables
Cards
Navbar
Forms
Grid System
Collapse & Accordion
Carousel Slider
Modals
Dropdowns
OffCanvas
Scrollspy
Bootstrap Proje Şablonu
Bootstrap Kütüphanesinin Özelleştirilmesi
Uygulama bootstrap kullanarak e-ticaret sitesi tasarlama

Değişkenler
Değişken Türleri
Operatörler
If / Else Koşul İfadeleri
Strings
String Metotları
Numbers
Dates & Times
Diziler
Dizi Metotları
Objects
Döngüler
Fonksiyonlar
Scopes
Dom Nedir
Tekil Element Seçimi
Çoklu Element Seçimi
Dom Elementleri Üzerinde Gezinme
Element Silme ve Güncelleme
Event Listeners Kullanımı
Listeye Eleman Ekle
Listeden Eleman Silme
Liste Elemanının Güncellenmesi
Tamamlanan Görevlerin İşaretlenmesi
Görev Filtrelemesinin Uygulanması
Görev Listesinin Tarayıcıda Saklanması Javascript OOP Nedir?
Nesne Oluşturma : Constructor
Prototype
Modern Javascript Nedir?
Arrow Function
Array ile Çalışma
Spread Operator
Destructuring
Maps
Sets
Class
Getter & Setter
Inheritance
Asynchronous JavaScript Nedir?
Callback Functions
Ajax - Http Requests
JSON ile Çalışma
Promise
Promise & Fetch API
Hata Mesajlarının Yazdırılması
Async & Await

TypeScript Nedir?
Types
Type Assertions
Functions
Interface
Class
Objects
Constructors
Access Modifier
Properties
Modules

React Nedir?
SPA (Single Page Application) Nedir?
Var
Let ve Const Keywords
Arrow Function
Export ve Import
Classları Anlamak
Spread ve Rest Operatörleri
Destructuring Reference ve Primitive Tipler
React Component Yapısının Önemi
React Kurulumu
React Dosya ve Klasör Yapısı
React Çalışma Mantığı
JSX Nedir?
Custom Component,Component Stillendirme React İçerisinde JavaScript Kullanma
React Props
Dinamik Props
React Componentlerinde JavaScript Dosyası Kullanma
props.children Özelliği
Kod Düzenleme
React Eventlerle Çalışmak
React State Mantığı,React useState Hook
useState Uygulama
Form Inputlarını Ekleme
Form Inputlarını Dinleme
Birden Fazla State İle Çalışmak
Çoklu Stateleri Tek State İçinde Yazmak State Update İşleminde Previous State Kullanımı
Form onSubmit İşlemi
Two-way Binding
Componentler Arası İletişim
JavaScript Map Metodunu İyi Anlamak
React Key Özelliği
React Conditional Content
React Conditional State
Ürün Silme İşlemi
İnline Css Kullanımı
Dinamik İnline Css Kullanımı
Dinamik className Ekleme
styled-components Kurulum ve İnceleme
styled-components Dinamik Props
styled-components ile Media Sorguları
Css Modules Kullanımı
Css Modules ile Dinamik Stillendirme
React Hata Mesajlarını Okuyup Anlama
React Projelerimizi Analiz Etmek
React Breakpointlerle Çalışmak
React DevTools Kullanımı
Tailwind CSS Kurulumu
AddWorker Componenti
Tekrar Kullanılabilir Componentler
Button Componenti
State Yönetimi
Stateleri Resetleme ve Validation İşlemleri
WorkerList Componenti
Ekleme ve Silme İşlemleri
ErrorModal Componenti
Error Statelerini Yönetme
JSX Sınırlamaları ve Geçici Çözümler
Wrapper Componenti
React Fragments
React Portals İnceleme
React Refs ve useRef
Controlled ve Uncontrolled Componentler
Side Effects Nedir
useEffect Nedir?
useEffect ve Dependencies
useEffect Cleanup Fonksiyonu Kullanımı
useEffect Özet
useReducer Nedir?
useState ile State Yönetimi
useReducer ile State Yönetimi
Global State Management
Context API ve useContext Kullanımı
Context Klasör Kurulumu
Projeye Context API Kurulumu
Projede useContext Kullanımı
Context API Sınırlamalar ve Dezavantajlar
React Hooks Kuralları
React Çalışma Mantığı
Componentlerin Güncellenmesi
Child Component Re-Evaluation
react.memo() Kullanımı
useCallback Kullanımı
useCallback Dependency Array useMemo Kullanımı
Client - Server İlişkisi
HTTP Get İsteği ile Veri Getirme
Async - Await Kullanımı
Loading State
Error Handling ( Hata Yakalama)
useEffect ile HTTP İstekleri
Form Component Kurulumu
HTTP Post İsteğiyle Yeni Ürün Oluşturma
Custom Hook Oluşturma
Custom Hook Kullanımı
Eksi Sayaç Ayarları
Yeni Custom Hook Örneği
useHttp Hook Oluşturma
useHttp Hook Kullanımı
useHttp Hook Post Method