DERS İÇERİKLERİ

1. Algoritma
- Algoritma Nedir?
- Akış Şeması
- Örnekler

2. HTML
- HTML nedir?
- Elementler
- Özellikler
- Bağlantılar
- Frame
- Listeleme
- Form Nesneleri
- Resim Ekleme
- Arkaplan Kullanma
- Renkler

3. CSS
- CSS nedir?
- Kod yapısı
- Id ve Class Seçimi
- CSS tanıtma
- Arkaplan
- Yazılar
- Yazı Tipleri
- Bağlantılar
- Listeleme
- Tablolar
- Kutu Modeli
- Kenarlıklar
- Dış Kenarlıklar
- İçen Boşluklar
- Gruplama ve Üzerine Yazma
- Sınırlamalar
- Gösterme/Gizleme
- Pozistonlar
- Kaydırma
- Hizmala
- Transparantlık
- Özellik Seçimi

2 HTML ve CSS PROJESİ yapacağız.

1 HTML ve CSS PROJESİ Yapacaksınız.
4. HTML5
- HTML5 nedir?
- HTML5 yapısı
- Form Elemanları
- İnput Tipleri
- İnput Özellikleri
- Video Ekleme
- Ses Ekleme
- Geçiş
- SVG

3. CSS3

- CSS3 Nedir?
- Kenar Yuvarlama
- Yazıya Gölge Vermek
- Kutuya Gölge Vermek
- Yazı Taşması
- 2B dönüşümler
- 3B dönüşümler
- Geçiş Efektleri
- Animasyon Yapımı
- Yazıyı bölme
- Yeniden boyutlandırma
- Saydamlık
- Kutu boyutlandırma
- Esnek Kutu Kullanımı
- Media Sorguları
- Filtre Efektleri
- Arkaplan Harmanlama
- Değişkenler
- Grid Yapısı

2 HTML5 ve CSS3 PROJESİ yapacağız.

1 HTML5 ve CSS3 PROJESİ Yapacaksınız.

4. Git/Github

- Git/Github nedir?
- Github hesap açma
- Git Kurulumu
- Git ve Github bağlantı sağlama
- Github Proje Oluşturma
 - Temel Komular
- Dallanma
- Uzak Depo Komutları
- Readme.md ayarlamaları ile dökümantasyon
- Diğer Git Komutları

2 HTML5 ve CSS3 PROJESİ yapacağız ve Github a atacağız.

1 HTML5 ve CSS3 PROJESİ Yapacaksınız ve Github a atacaksınız ve önceki projeleri
atacaksınız Gif’li ve Dökümantasyonlu olarak.

5. BOOTSTRAP

- Bootstrap Nedir?
- Konteyner
- Izgara
- Renkler
- Tablolar
- Resımler
- Uyarılar
- Buttonlar
- Button Grupları

2 Bootstrap PROJESİ yapacağız ve Github’a atacağız.

1 Bootstrap PROJESİ Yapacaksınız ve Github a atacaksınız Gif’li ve Dökümantasyonlu
olarak.

6. JAVASCRIPT

- JS nedir?
- JS bağlama
- Kullanım kuralları
- Ekrana yazdırma yöntemleri
- Yorumlar
- Değişkenler
- Aritmetiksel Operatörler
- Atama Operatörleri
- Karşılaştırma Opertörleri
- Mantıksal Operatörler
- Veri Türleri
- Nesneler
- Kapsam
- Olaylar
- String İşlemleri
 - Tarih işlemleri
- Diziler ve İşlemleri
- İf Else
- Switch Case
- For Döngüsü
- While Döngüsü
- Do While Döngüsü
- Break ve continue
- Tip Dönüşümleri
- Try catch
- Use Strict
- Gizle Göster Basit Dom Örneği
- XML ve JSON nedir?
- XML ve JSON örneği
- AJAX nedir?
- AJAX ile XML verisi çekme
- Nesne Yönelimli Programlama Nedir?
- Nesne Prototipi
- Kalıtım Almak
- Private Değişken
- Get ve Set Kullanımı
- Extension
- Chaining Metotlar
- Let
- Defaul Parameters
- Destructuring Atama
- Const
- Arrow functions
- Sınıflar
- Literals
- Spread Operator
- For Of
- Set Map WeekMap WeakSet

2 JS PROJESİ yapacağız ve Github’a atacağız.

1 JS PROJESİ Yapacaksınız ve Github a atacaksınız Gif’li ve Dökümantasyonlu olarak.

6.1. JENKINS

- Jenkins nedir? Nasıl kullanılır?

6.2. CLOUDS
- Bulut sistemleri nedir ve nasıl kullanılır?
 - AWS ve Firebase yapısı

6.3. TESTING

- Unit Test nedir? Nasıl kullanılır?

- Diğer Test Ortamları/Tool ları

6.4. Trello/Jira

- Trello/Jira nedir ve nasıl kullanılır?

7. REACT

- React nedir? (Vanilla JS ile karşılaştırılması)

- DOM ve VDOM ilişkisi
- JSX nedir?
- Prop ve State yapısı ve State ile VDOM arasındaki ilişki
- React ile style nasıl yapılır? Farklı yöntemleri
- Component yapısı ve Component çeşitleri (Class based - Function Based)
- Lifecycle Methods
- Hooks nedir? Çok kullanılan Hooklar (useState, useEffect …)
- useEffect ile Lifecycle Methods nasıl gerçekleştirilir?
- Axios kütüphanesi tanıtılması ve API’den veri çekmek.
- Restful API tanıtılması ve methodları (GET,POST,PUT,DELETE)
- JSON Placeholder kütüphanesi tanıtılması ve fake bir Rest API kurarak CRUD işlemleri
yapmak

2 React PROJESİ yapacağız ve Github’a atacağız.

1 React PROJESİ Yapacaksınız ve Github a atacaksınız Gif’li ve Dökümantasyonlu olarak.

7.1 REACT - REDUX

- State management nedir, neden ihtiyaç duyulur.
- Redux kurulumu (Store, initialState, reducer, action)
- useState hook’u ile arasındaki farklar
- Context ile arasındaki farklar
- Redux-toolkit kurulumu
- Redux-toolkit ile Redux arasındaki farklar
- Örnek Redux ve Redux-toolkit projesi

1 Redux-Toolkit PROJESİ yapacağız ve Github’a atacağız.

1 Redux-Toolkit Yapacaksınız ve Github a atacaksınız Gif’li ve Dökümantasyonlu olarak.
8 TYPESCRIPT
- TypeScript Nedir ve Nasıl kurulur?
- Basit Tipler
- Tuple
- Arayüz (Interface)
- Class (constructor, methods, properties)
- Optional
- Abstract Class
- Erişim Belirleyiciler (public, private, protected)
- Salt okunur property (readonly)
- Generics

1 TS PROJESİ yapacağız ve Github’a atacağız.

1 TS PROJESİ Yapacaksınız ve Github a atacaksınız Gif’li ve Dökümantasyonlu olarak.

9. MVC

- MVC nedir?
- MVC patterni izlenerek react projesi nasıl yapılır?

9.1.SWAGGER

- Swagger nedir? Ne işe yarar?

- Swagger’daki request şablonu nasıl kullanılır?
- Swagger’daki şablon kullanılarak örnek bir request oluşturmak.

10. MVVM

- MVVM nedir? Nasıl kullanılır?

14. SASS / SCSS

- Değişken
- İç içe kullanım
- CSS dahil etme
- Fonksiyonlar
- Kalıtım Alma
- Operatörler
- Döngüler
- Karar Yapıları

15. AGILE
 - Agile nedir ve nasil uygulanır?

14.1 PROJE YAYINLAMA

- Proje Yayınlama Yöntemleri

- Bir Örnek Proje Yayınlama

1 PROJE Yayınlayacaksınız

15. CV

- CV nasıl olmalı, Referans ve içerik doldurma

16. Mülakat

- Teknik olarak mülakatlar yapılması