Türkiye'de İlk

Yapay Zeka Destekli
Yazılım Eğitimi

Kodlamaya Hazırlık

• Visual Studio Code Kurulumu

• Visual Studio Code Eklenti Paketi Kurulumu

• Klavye Kısayolları ve Üretkenlik

• İnternet Nasıl Çalışır?

Open Source ve Versiyon Kontrol

• Open Source ve Versiyon Kontrol Sistemleri

• Git Kurulumu ve VSCode ile Kullanımı

• Git ve VSCode Konfigürasyonu

RESTful API ve Postman (Burası Sonra İzlenecek)

• RESTful API Nedir?

• Postman Kurulumu

• Postman ile İstek Gönderme

• Postman ile Değişkenler ve Ortamlar

HTML

• HTML Nedir?

• HTML'in Anatomisi

• HTML'de Yazı Biçimleri, Listeler ve Tablolar

• HTML'de Sayfalar, Multimedya ve Bağlantılar

CSS Giriş - Selector'lar - Renkler

• CSS Giriş ve Selector'lar

• Chrome Devtools (Geliştirici Araçları)

• CSS'te Renkler

CSS Boyutlandırma - Inheritance - Specificity

• CSS'te Boyutlandırma Birimleri

• CSS'te Özellik Önceliği ve Özellik Aktarımı

Katman ve Kapsam Ayarlama

• CSS Kutu Modeli ve Overflow

• CSS display

Bootstrap

• Bootstrap Kurulum ve CDN

• Bootstrap Layout

• Bootstrap Responsive

• Bootstrap'te Hizalama

Formlar, İkonlar ve Bootstrap Diğer Özellikler

• HTML Formlar

• İkonlar

• Bootstrap Diğer Özellikler

Pozisyonlama ve Responsive

• CSS float

• CSS Responsive

• CSS position

Pseudo & Combinators

• CSS Pseudo Element'ler

• CSS Pseudo Class'lar

• CSS Combinator'lar

İleri Tipografi

• CSS Yazı Stilleri

• CSS Fontlar

SASS (SCSS) ve Figma

• SASS Giriş

• SASS Nesting

• SASS Variables (Değişkenler)

• SASS Mixins

• SASS Extend

• SASS Proje Düzeni

• Figma Kullanımı

"Eye Candy", Optimizasyonlar ve Uyumluluk

• Gradyanlar ve Gölgeler

• Transitions (Geçişler)

• Animations (Animasyonlar)

• Transitions vs Animations

• Optimizasyonlar ve Uyumluluk

React ve SASS (Burası React an Sonra İzlenecek)

• React'ta SASS Kullanımı

• SASS Modules

JavaScript'e Giriş

• JavaScript Nedir?

• JavaScript'in Tarihi

• JavaScript'i Çalıştırma

• Node.js Kurulumu

• DOM (Document Object Model)

Değişkenler

• Değişkenler

Türler

• Türler

• Tür Dönüşümleri

İfade ve Operatörler

• İfade ve Operatörler

Fonksiyonlar

• Fonksiyonlar

Veri Yapıları ve Döngüler

• Objeler

• Array'ler

• JSON

• Döngü ve İterasyonlar

Dahili Metotlar & Objeler

• Dahili Metotlar

• Tarihler

• Regex

Array & Object Dağıtma

• Array & Object Destructuring

Fonksiyonlar - 2

• Rest Operator

• Arrow Functions

Fonksiyonlar - 2

• Recursive (tekrarlayan) Fonksiyonlar

“this” Kullanımı ve Callback

• “this” kullanımı

• Callback'ler

Asenkron işlemler ve API Bağlama

• Asenkron İşlemler ve API Bağlama

Class’lar, Strict Mode ve Modüller

• Class’lar

• Strict Mode

• Modüller

Third-party (Harici) Paket Kullanımı

• Third-party Paket Kullanımı

Vite

• Vite

React’a Giriş

• React’a Giriş

Component’ler ve Stil Verme

• Component’ler

• JSX

• React’ta CSS Kullanımı

• CSS Modules

• React’ta SASS Kullanımı

• SASS Modules

Hook’lar ve React DevTools

• Hook’lara Giriş ve useState

• React Developer Tools

• useEffect

Conditional Rendering ve react-bootstrap

• Conditional Rendering

• react-bootstrap

CSS-in-JS

• styled-components

TypeScript

• TypeScript Nedir?

• TypeScript’i Çalıştırma

• TypeScript - Temel Türler

• TypeScript - Array’ler ve Objeler

• TypeScript - Explicit Types

• TypeScript - “any” Kullanımı

• TypeScript - Fonksiyonlar

• TypeScript - Type Aliases

• TypeScript - Type Casting

• TypeScript - Class’lar

• TypeScript - Interfaces

• TypeScript - Generics

• TypeScript - Enums

• TypeScript - Tuples

React ile TypeScript

• React ile TypeScript

Component ve Render Konseptleri

• Component Lifecycle

• List’ler ve Key’ler

• “children” prop’u

• Render prop’ları

• Ref’ler

• Higher Order Components

Asenkron İşlemler

• React’ta API Bağlama

Routing

• React Router ile Routing

Global State Yönetimi

• Global state nedir?

• zustand ile global state yönetimi

• localStorage kullanımı

Custom Hooks

• Custom hook yazma (kendi hook’unu oluşturma)

React Hook Form

• React Hook Form ile gelişmiş form yönetimi

Authentication ve Authorization

• Authentication (Giriş yapma - Kayıt Olma) İşlemleri

• Authorization (Yetkilendirme) İşlemleri

Render Etme Yöntemleri

• React'ta Render etme yöntemleri

TypeScript

• TypeScript Nedir?

• TypeScript’i Çalıştırma

• TypeScript - Temel Türler

• TypeScript - Array’ler ve Objeler

• TypeScript - Explicit Types

• TypeScript - “any” Kullanımı

• TypeScript - Fonksiyonlar

• TypeScript - Type Aliases

• TypeScript - Type Casting

• TypeScript - Class’lar

• TypeScript - Interfaces

• TypeScript - Generics

• TypeScript - Enums

• TypeScript - Tuples

Backend Geliştirmeye Giriş

• Backend Nedir?

• API Nedir?

• Temel Backend Beklentileri

HTTP Giriş

• Request ve Response Nedir?

• API Türleri Nelerdir?

• Postman Kullanımı

Node.js’e Giriş

• Node.js Nedir?

• JS Tabanlı Node.js Projesi Ayağa Kaldırma

• Express.js

Veri Tabanlarına Giriş

• Veri Tabanı Nedir?

• SQL Nedir?

• NoSQL Nedir?

• SQL ve NoSQL’in farkları ve avantajları/dezavantajları

• Neden SQL Öğrenerek Başlamalıyız?

Veri Tabanı Kullanmaya Başlama

• Neden PostgreSQL?

• PostgreSQL Kurulumu

• PostgreSQL’de veri tabanı oluşturma

• Veri Tabanı Temelleri

Veri Tabanı Dizaynı

• İlişkiler

• Normalizasyon

• Veri Tabanı Mimarisi Örnekleri

• Dizayn sırasında yapılan yaygın hatalar

SQL Dili Kullanımı - 1

• Temel İfadeler

• Yardımcı İfadeler

PostgreSQL Node.js Bağlantısı

• PostgreSQL Node.js adaptörü kurulumu

• Node.js’de PostgreSQL kullanımı

• CRUD işlemleri

dotenv Yönetimi

• dotenv Kurulum ve Kullanımı

• dotenv Validasyonu

• dotenv ile prod ve dev Ortamlarında Çalışma

Express.js

• Express.js Temel Kullanımı

• Express.js Middleware'leri

SQL Dili Kullanımı - 2

• Diğer Yardımcı İfadeler

• Join'ler

TypeScript ve Node.js

• TypeScript Tabanlı Node.js Projesi Ayağa Kaldırma

ORM

• ORM ve ODM Nedir?

• Prisma ORM Kurulum ve Konfigürasyon

• Prisma ORM ile CRUD işlemleri

MVC

• MVC Nedir?

• Projede MVC Mimarisi Ayarlama

• Template Engine Kullanımı

Authentication (Kimlik Doğrulama) Yapısı

• Authentication Nedir?

• Authentication Kütüphaneleri ve Servisleri

• Passport.js Kurulum ve Kullanımı

Authorization (Yetkilendirme) Yapısı

• Authorization Nedir?

• Temel Authorization Yapısı

• Authorization Kütüphaneleri ve Servisleri

• Authorization Türleri

• Cerbos Kullanımı

Node.js Projesi Deployment (Canlıya Alma)

• Deployment Nedir?

• Temel Deployment Servisleri

NestJS Giriş

• Framework'lerin Avantajları

• NestJS Nedir?

• NestJS Projesi Ayağa Kaldırma

• NestJS'in Modüler Yapısı Temelleri

• Decorator'lar

• HTTP Adaptörü (Express.js) Kurulumu

• dotenv ve Config İmplementasyonu

NestJS'in Modüler Yapısı

• Dependency Injection

• Module Kullanımı

• Provider Kullanımı

• Controller Kullanımı

NestJS Veri Tabanı Bağlantısı

• NestJS ve Prisma ORM Bağlantısı

NestJS Template Engine Kullanımı

• NestJS'te Handlebars Kullanımı

NestJS Request & Response Lifecycle - 1

• Exceptions (İstisnai Durumlar) ve Error Handling (Hata Yönetimi)

• Guards

NestJS ile Authentication

• PassportJS ile JWT Authentication Yapısı

NestJS ile Authorization

• Temel Authorization Yapısı

• NestJS ile Cerbos Kullanımı

NestJS Request & Response Lifecycle - 2

• Pipes

• Middleware

• Interceptors

Yardımcı İşlemler

• Dosya yükleme işlemleri

• Üçüncü parti API'larla iletişim

• CRON jobs

• Queue yapısı

React Native'e Giriş

• React Native nedir?

• Cross Platform Uygulama Geliştirme Nedir?

• Native Code, JS Code ve React Native İlişkisi

React Native'i Çalıştırma

• React Native CLI nedir?

• Expo nedir?

• Metro bundler nedir?

• Çalışma ortamı için gerekli kurulumlar

• Emulator kullanımı

• Expo ile proje kurulumu

Uygulama Kimliği Oluşturma

• Splash Screen Değiştirme

• Launcher Icon Ayarlama

• Uygulama İsmi Değiştirme

Styling

• StyleSheet Kullanımı

• Plain Object Kullanımı

• Styled Components Kullanımı

Componentler

• View ve List türleri

• Core Components (Temel Bileşenler)

• Web ile React Native Arasındaki Styling Farklılıkları

React Native ile debugging

• In-app developer menu

• DevTools

React Navigation ile Routing - 1

• Navigator'lar

• Safe Area Desteği

• Header Kontrolü

Veri Yönetimine Yardımcı Araçlar

• React Hook Form Entegrasyonu

• Async Storage Kullanımı

• react-native-mmkv Kullanımı

• Input Maskeleme

• Dosya ve Resim Inputu Alma

React Navigation ile Routing - 2

• Authentication

• Geri Dönme Butonu Kontrolü

Arayüz Araçları

• Svg Kullanımı

• Font Kullanımı

• İkon Kullanımı

• Lottie Animasyonları Kullanımı

Gelişmiş Arayüz Bileşenleri

• Bottom Sheet Kullanımı

• Harita Kurulumu

Bildirimler

• Local Notification Kullanımı

• Push Notification Kullanımı

OTA Update

• OTA Update Nedir?

• Expo EAS Update Kullanımı

Optimizasyonlar

• Bundle Size Optimizasyonları

Uygulama Yayınlama

• App Store'da Yayınlama

• Play Store'da Yayınlama