mern

MongoDB, Express, React, NodeJs Course Codes

CONTENT

REACT NEDİR?
ECMASCRIPT
LET
CONST
DEFAULT PARAMETER
DESTRUCTURING ASSIGMENT (Çoklu Değer Atama)
ARROW FUNCTION
Object Oriented Programming (Nesne Yönelimli Programlama)
Super Metodları İle Inheritance
Super ile bütün parametreleri yazmak zorunda mıyız?
Bir Class a dışarıdan Ulaşmak (STATIC)
Template
Spread Operator Kullanımı
FOR OF Kullanımı
Generators Kullanımı
Set Nesnesi Kullanımı
Map ve WeakMap Nesnelerinin Kullanımı
Array Map Kullanımı
Array Filter Kullanımı
Object.assing()Kullanımı
Binary(2’li) ve Octal(8’li) Sayılar
number ve string metodları
forEach Kullanımı
JSON Nedir, Nasıl Kullanılır
JSON Data Type (Veri Türleri)
Json Objects - FOR IN Kullanımı
JSON ile Array Kullanımı
ECMA SCRIPT 6 MODUL SİSTEMİ
1-Babel Kurulumu
2-Modul Oluşturma
3-Default Module Oluşturmak
4-AS Keyword ile Yeniden İsimlendirme
5- Çok Fonksiyonlu Modullerde As Kullanımı
VCODE EKLENTİLER
COMPONENTLER
Hello World uygulaması

1. package.json Nedir?
   
2. npm nedir?
   
3. Npm vs npx ?
   
4. NPM vs YARN
   
5. Create-react-app ile Hello World! Uygulaması
   
6. Component oluşturmak ve kullanmak
   
7. Özel tanımlı keywordler
   
8. Componentlerde değişkenleri kullanmak
   
9. Props nedir? Nasıl Kullanılır?
   
10. Döngülerde “KEY” kullanımı
    
11. React Developer Tools
    
12. PropTypes: Nedir? Nasıl kullanılır?
    PropTypes Shape Kavramı
    Default Props Kavramı
    Constructor Metodu
    STYLE DOSYASINI AYRI BİR CSS İÇERİSİNDE DEĞİLDE COMPONENT İÇERSİNDE TANIMALAMAK
    Combining multiple styles in ReactJs
    Events (Eventler)
    Events Oluşturmak ve Data Bind Etmek (Metod İçinde Bind Etmek)
    Constructor İçerisinde Event Bind Etmek (Constructor ile Bind Etmek)
    JSX İçerisinde Function Bind Etmek
    Arrow Function İle Bind Etmek
    State Nedir? Nasıl Oluşturulur?
    Nereden Geliyor?
    State Tanımlama
    State e Veri Atamak: SetState()
    Re-Render Mantığı
    State ile Counter Örneği
    Class Component vs Functional Component (StateFul vs StateLess Component)
    Class Component ile Functional Compenentleri nedir? Farkları nedir?
    Telefon Rehberi Uygulaması
    React Lifecycle (Yaşam döngüsü)
    
13. Initialization
    
14. Mounting
    2.1. ComponentWillMount()
    2.2. ComponentDidMount()
    
15. Updation (Güncelleme)
    3.1. ComponentWillReceiveProps()
    3.2. ShouldComponentUpdate
    3.3. ComponentWillUpdate()
    3.4. ComponentDidUpdate
    
16. Unmounting (Sökme)
    4.1. ComponentWillUnmount
    FETCHING
    JavaScript Native "fetch" Fonksiyonu
    Loading Gösterimi
    Axios
    REACT ROUTER
    BrowserRoute ve Extract Özelliği
    Strict
    Component Özelliği
    Route’ Parametre Göndermek
    Link Objesi
    NavLink Objesi
    Redirect Objesi
    Switch İle Hata Sayfası Yapımı
    Component leri Dışarıda Yazmak
    

İleri Component Konuları
A. Higher Order Components
B. Reusable Higher Order Components
C. Pure Component
Redux
Redux Kullanmalı mısınız?
Redux Data Flow (Action, Reducer, Dispatcher, Store)
Redux taki nesneler
Store Oluşturmak
Store u Dispatch Metodu ile güncellemek
Store Subscribe Metodu
CombineReducer ile Multi Reducer Kullanımı
Reducer’a Initial State Vermek
Redux DevTools
Provider Nedir?
Dizin Yapısının Oluşturulması
Connect ile Component’den Store’a Bağlanmak
mapStateToProps
Action Dispatch Etmek
Action Dispatch Etmenin Daha Kolay Yöntemi: mapDispatchToProps
Component’e Props Geçmek
Connect Nesnesinde 3. Parametre: mergeProps
Redux Thunk Middleware
Async Actions
Then-Catch Blokları İçerisinde Dispatch : Async Action Dispatch İşlemİ
Async/Await Yapısı ile Servis Çağrımı
REDUX COUNTER UYGULAMASI
Immutable (Değişmez)
Mutable (Değişir)
React Redux Immutable vs Mutable
Immutable Array
Redux Logger Middleware
Async Actions Pattern
Pattern İşlemlerini Daha da Kolaylaştıracak Middleware : Async Actions Pattern Promise Middleware
MOVIES APPLICATION WITH REACT REDUX
Semantic.UI Kit: Installing
Publish App
REACT HOOKS

1. React useState kullanımı
   
2. React useEffect kullanımı
   
3. UseContext Kullanımı ve Context API
   
4. UseRef Kullanımı
   
5. React useReducer Hook Kullanımı
   
6. Diğer Hooks Konuları
   
   
   

NodeJS GİRİŞ

1- Giriş
2- IDE ve Eklentiler
3- Node.JS Kurulumu
4- NPM
5- Events & File IO
6- HTTP Server
7- Streams
8- ExpressFramework
9- MongoDB
10- Sample APP with API,Express,MongoDB
11- JWT
12- Unit Test
13- Deploy