Kapsamlı Web App Geliştirme Kursu (NODEJS-REACT-FIREBASE)
10 Tane Uygulama ile Javascript - NodeJS - Firebase - MongoDB - React - GraphQL - Apollo Öğreniyorum
4.55 (101 reviews)
814
students
42 hours
content
Nov 2021
last update
$19.99
regular price
What you will learn
React öğreneceksiniz
Firebase öğreneceksiniz
NodeJS öğreneceksiniz
Modern Javascript öğreneceksiniz
MongoDB öğreneceksiniz
Json Web Token öğreneceksiniz
GraphQL öğreneceksiniz
ExpressJs öğreneceksiniz
Materialize CSS öğreneceksiniz
Semantic UI öğreneceksiniz
Why take this course?
Bu kurs ile sıfırdan başlayarak ileri seviyeye kadar Modern Javascript, NodeJS, ExpressJS, Firebase, MongoDB, Json Web Token, React, Graphql ve Apollo konularını öğrenebilirsiniz öğrendiğiniz bu konuları 10 tane uygulama ile pekiştirebilirsiniz. Ayrıca bonus bölümleri ile Jquery ve Typescript öğreneceksiniz.
Kursun sonunda web geliştirmenin React kolunda ne bilmeniz gerekiyorsa biliyor olacaksınız.
Geliştireceğimiz uygulamalar:
Todo List Uygulaması [Modern Javascript]
Hava Durumu Uygulaması [Modern Javascript]
Blog Sitesi [Firebase]
Rest API Uygulaması [NodeJs]
İş Takip Uygulaması [NodeJS - ExpressJS -MongoDB-JWT]
Book List Uygulaması [React]
Dünya Saatleri Uygulaması [React]
Galeri Uygulaması [React-Firebase]
Chat Uygulaması [React-Firebase]
Sosyal Medya Uygulaması [React-GraphQL-Apollo]
Content
Başlarken
Kurs İçeriği
Başlamadan Önce
Uygulama Tanıtımlar
Temel Seviye Modern Javascript
Değişken Tanımlama
String Oluşturma
String Fonksiyonlarına Giriş
Sayılarla İşlemler
Template String Kullanımı
Diziler
Boolean Tipleri ve Karşılaştırmalar
Sıkı ve Gevşek Karşılaştırmalar
Tip Dönüştürme
For Döngüsü
While Döngüsü
Do While Döngüsü
If Else Yapısı
Lojik Operatörler
Break ve Continue
Switch Case Yapısı
Fonksiyon Oluşturma
Fonksiyon Parametreleri
Fonksiyon Argümanları
Fonksiyon Dönüş Değerleri
Arrow Fonksiyon
Foreach Metodu Kullanımı
QuerySelector ve InnerHTML Kavramları
QuerySelector ve ForEach Örneği
Orta Seviye Modern Javascript
Nesne Oluşturma
Nesnede Metot Kullanımı
this Anahtar Sözcüğü Kullanımı
Dizi Elemanı Olarak Nesne Kullanımı
Math Kütüphanesi
Primitive Referans Tipleri
Document Object Model Nedir
DOM Nesnelerine Erişme
DOM Nesnelerini Değiştirme
DOM Attribute Erişme ve Değiştirme
Style Özelliği İle CSS Erişimi
ClassList Erişimi
Parent ve Child Elementler
Click Event
Element Ekleme ve Silme İşlemleri
UL ve LI Event Farkları
Mousemove Event
Submit Event
Regular Expression
Regular Expression Test
Basit Validation Oluşturma
Keyup Event
Modern Javascript Dizi Metotları
Filter Metodu
Map Metodu
Reduce Metodu
Find Metodu
Sort Metodu
Reverse Metodu
[APP 1] Todo List Uygulaması
App Tanıtım
HTML ve CSS Dosyalarını Oluşturma
Yapılacak Ekleme İşlemi
Yapılacak Silme İşlemi
Filtreleme İşlemi
Aramaya Göre Listeyi Düzenleme
İleri Seviye Modern Javascript
Tarih Nesnesi
Timestamps Değeri
DateFns Kütüphanesi
HTTP Request
HTTP Request İçin Callback Fonksiyon
Json Verileri İle Çalışmak
Basit Bir Promise Kullanımı
Promise İle Harici Verilere Erişme
Fetch Metodu
Async ve Await
Class (Sınıf) Oluşturma
Constructor Kullanımı
Sınıflarda Metot Kullanımı
Sınıflarda Miras Özelliği
Super Constructor Kullanımı
Fonksiyon İle Class Oluşturma
Fonksiyon Sınıflarında Miras İşlemi
Rest Parametreleri
Spread Syntax
Set
Semboller
Local Storage
Local Storage Temizleme
Stringify ve Parse İşlemleri
Local Storage Set ve Get İşlemleri
[APP 2] Hava Durumu Uygulaması
App Tanıtım
Sayfayı Tasarlama
AccuWeather API
Şehirleri Getirme İşlemi
Hava Durumu Getirme İşlemi
Formu Aktif Etme İşlemi
User Interface Güncelleme İşlemi
Resim ve Iconları Yerleştirme
Son Aranan Şehri Saklama İşlemi
Firebase - Cloud Firestore
Firebase Projesi Oluşturma
Firebase'i Uygulamaya Yükleme
Firestore Verilerine Erişme
Firestore Veri Ekleme
Firestore Veri Silme
Firestore Değişikliklerini Dinleme
[APP 3] Blog Sitesi Uygulaması
Uygulama Tanıtım
Firebase Projesi Oluşturma
Navbar Oluşturma
Modalları Oluşturma
Collapsible Oluşturma
Uygulamaya Firebase'i Bağlama
Yeni Kullanıcı Oluşturma
Çıkış İşlemini Gerçekleştirme
Giriş İşlemini Gerçekleştirme
Auth Durumunu İzleme
Makaleleri Gösterme
Login Durumuna Göre Makaleleri Gösterme
Firestore Güvenlik Ayarları
Yetkiye Göre Menüleri Ayarlama
Makale Ekleme İşlemi
onSnapshot Metodu
Kullanıcı Detaylarını Gösterme
Kullanıcılar Koleksiyonunu Oluşturma
Kullanıcılar İçin Firestore Kuralları
Temel NodeJs
NodeJs Nedir
NodeJs Kurulumu
Global Nesnesi Nedir
Module ve Require Anahtar Sözcükleri
Dosya Sistemi
Stream
Server Oluşturma
Request ve Response Nesneleri
HTML Sayfalar İle Çalışmak
Status Code Nedir
NPM ve package.json
[APP 4] REST API Uygulaması
App Tanıtım
REST API Tanıtım ve Kurulum
HTTP Server Oluşturma
Basit Bir Cevap Gönderme
Basit Bir Routing Oluşturma
MVC Nedir
Bütün Kullancıları Getirme İşlemi
ID'ye Göre Kullanıcı Getirme
Post İşlemi
Post Verisini Dosyaya Yazma
Post Body Verisini Kullanma
Put İşlemi
Delete İşlemi
EXPRESSJS ve MONGODB ile Uygulama Geliştirme
Bölüm Tanıtım
Express App Oluşturma
EJS View Engine
View Sayfalarına Veri Gönderme
Partial View Oluşturma
Middleware Kullanımı
Morgan Middleware Kullanımı
MongoDB ile Veritabanı Oluşturma
Mongoose Paketlerini Kullanma
Mongoose Veri Kaydetme ve Çağırma
Belgeleri Ekranda Gösterme
Post Request Oluşturma
Ders Detay Sayfasını Oluşturma
Delete Request Oluşturma
Express Router Oluşturma
Controller Oluşturma
SOCKETIO İle Web Socket İşlemleri
Web Socket ve SocketIO Nedir
Express ile Server Oluşturma
SocketIO Kurulumu
Socket ile Emit İşlemi
Socket ile Broadcasting İşlemi
Json Web Token İle Temel Authentication İşlemleri
JWT Nedir
Post Metodu için Router Kullanımı
Veritabanı Bağlantısını Gerçekleştirme
Kullanıcı Kaydetme İşlemi
Validation Oluşturma
Email Kontrol ve Parola Şifreleme
Kullanıcı Login İşlemi
Token Oluşturma
Token Doğrulama İşlemi
Token Verilerine Erişim
[APP 5] İş Takip Uygulaması
Uygulama Tanıtım
Express Server ve DB Oluşturma
View Dosyalarını Oluşturma
Auth Controller Oluşturma
Auth Route Oluşturma
Kullanıcı Modelini Oluşturma
Mongoose Validation Oluşturma
Mongoose ile Hata Yakalama İşlemi
Mongoose Hooks ile Kontrol
Parola Şifreleme İşlemi
SignUp ve SignIn Viewlarını Oluşturma
Cookie Oluşturma İşlemleri
SignUp View İle Yeni Kullanıcı Oluşturma
Token Oluşturma İşlemi
SignUp İşlemlerinde Hata Gösterme
Login İşlemini Gerçekleştirme
Login Post Metodunu Oluşturma
Token Kontrol Etme İşlemi
Çıkış İşlemini Gerçekleştirme
Kullanıcı ID ye Erişme İşlemi
Kullanıcı Bilgisine Göre Header View Düzenleme
İş Eklemek İçin View Oluşturma
İş Eklemek İçin Controller Ve View Oluşturma
İş Ekleme İşlemini Tamamlama
Kullanıcıya Göre İşleri Gösterme
Temel React Hooks
Kurulumlar
Fonksiyon Oluşturma
Style Kullanımı
Props Kullanımı
useState Kullanımı
useEffect Kullanımı
Temel React Router
Sayfa Yapısını Oluşturma
BrowserRouter-Switch-Route Componentleri
Link Component
Fetch İşlemi
match Props Oluşturma
Temel React Context
Props ile Veri Aktarımı
Props Karmaşıklığı
Provider Kullanımı
Context Kullanımı
Kitap Ekleme İşlemi
[APP 6] Kitap Listesi Uygulaması
App Tanıtım
Book Context Oluşturma
Navbar Component Oluşturma
Navbar Sitillerini Oluşturma
Book Detay Component Oluşturma
Book List Component Oluşturma
Book List Sitillerini Oluşturma
Yeni Kitap Ekleme Component Oluşturma
Yeni Kitap Ekleme Sitillerini Oluşturma
Book Reducer Oluşturma
Book Reducer Kullanımı
Local Storage Kullanımı
[APP 7] Dünya Saatleri Uygulaması
Bölüm Tanıtım
Şehirlere Erişme İşlemi
Şehirleri Gösterip Listeleme İşlemi
Şehirleri Filtreleme İşlemi
Router Altyapısını Oluşturma
Yönlendirme İşlemi
Saati Gösterme İşlemi
Tarih ve Saati Formatlama İşlemi
REACT ve FIREBASE İle Uygulama Geliştirme
Uygulama Tanıtım
Kurulumlar
Firebase SDK 'yı Projeye Dahil Etme
Componentleri Oluşturma
Contact Form Oluşturma
Verilere Erişme İşlemi
Verileri Contacts Componentine Gönderme
Verileri Firebase'e Yazma İşlemi
Firebase Verilerine Erişme İşlemi
İletişim Bilgileri Listesini Oluşturma
Güncelleme İşlemi İçin Inputları Doldurma
Firebase Güncelleme İşlemi
Firebase Silme İşlemi
[APP 8] Galeri Uygulaması
Uygulama Tanıtım
Kurulum
Projeye Firebase'i Ekleme
Upload Form Oluşturma
useStorage Hooks Oluşturma
Firebase Storage Resim Yükleme
Progress Bar Oluşturma
Firestore'a Veri Ekleme
useFirestore Hooks Oluşturma
Resimleri Gösterme İşlemi
Sitilleri Oluşturma
Modal İle Resimleri Gösterme
Framer Motion İle Animasyon Oluşturma
[APP 9] Chat Uygulaması
Bölüm Tanıtım
Kurulumlar
Uygulamaya Firebase Ekleme
Google Sign In ve Sign Out İşlemleri
Chat Room Component Oluşturma
Mesajları Gösterme İşlemi
Mesaj Oluşturma İşlemi
Uygulamayı Tamamlama İşlemi
Temel GRAPHQL
GraphQL Nedir
GraphQL Server Oluşturma
GraphQLObjectType ve GraphQLSchema Tipleri
Root Query Oluşturma
Resolve Fonksiyonu Kullanımı
GraphQL List
Json Server Kurulumu ve Axios Kullanımı
Mutation Oluşturma
Diğer Mutationları Ayarlama
[APP 10] Sosyal Medya Uygulaması
App Tanıtım
Apollo Server Kurulumu
Veritabanı Modellerini Oluşturma
Veritabanı Bağlantısını Gerçekleştirme
TypeDefs ve Resolvers Oluşturma
Register İşlemi İçin Tipleri Oluşturma
Kullanıcıyı Kaydetme İşlemi
Register İşlemi için Validation Kuralları
Login İşlemini Gerçekleştirme
PostId ye Göre Post Çağırma
Token'ı Kontrol Etme
Post Ekleme İşlemi
Post Silme İşlemi
Yorum Ekleme İşlemi
Yorum Silme İşlemi
Beğenileri Ayarlama İşlemi
Subscription İle Post Takibi
Post Beğeni ve Yorum Sayılarını Hesaplama
Apollo Provider Oluşturma
Menu Bar Oluşturma
Yönlenmeleri Ayarlama
Post Listesini Gösterme İşlemi
Post Card İle Postları Oluşturma
Register Sayfasını Oluşturma
Kayıt Olma İşlemini Gerçekleştirme
Kayıt Olma İşleminde Hataları Yakalama
Login İşlemini Gerçekleştirme
Auth Context Oluşturma
Kullanıcıya Göre Menüleri Düzenleme
Token ile Kullanıcı Bilgilerine Erişme
Giriş Yapan Kullanıcının URL Ayarlaması
Post Eklemek İçin Form Oluşturma
Authorization Headers Oluşturma
Post Mutation Kullanımı
Post Eklenince Cache'den Verileri Getirme
Post Eklenirken Oluşan Hataları Gösterme
Silme Butonunu Oluşturma
Beğen Butonunu Oluşturma
Beğenme İşlemini Gerçekleştirme
Silme İşlemini Gerçekleştirme
Tekil Post Oluşturma
Yorum Ekleme İşlemi
Yorumları Listeleme İşlemi
Yorum Silme İşlemi
BONUS 1 - Jquery Eğitimi
Jquery Giriş
Sözdizimi
Çok Kullanılan Seçiciler
Diğer Seçiciler
Eventler Giriş
Mouse Eventleri
Mouse Event Örneği
Klavye Eventleri
Form Eventleri
Hide ve Show
Fade Efekti
Slide
Animate
Stop
HTML Get
HTML Set
Add Element
Remove Element
CSS Classes
css() Metodu
BONUS 2 - TypeScript Eğitimi
TypeScript Nedir
Değişken Tanımlama
Diğer Değişken Tipleri 1
Diğer Değişken Tipleri 2
Fonksiyon Oluşturma
Interface Oluşturma
Class Oluşturma
Miras Alma İşlemi
Screenshots
Reviews
Yusuf
January 25, 2022
Bu yorumu ciddiye alın ve bu kursu boşuna satın almayın. Bazı derslerde hazır kod kullanıyor ve ben yazdım diyip kodunu da paylaşmıyor ortada kalıyorsunuz. Öğrencilerini takmayan birisi ve beğenmediysen iade et banane diyor sadece. Sadık turan ya da coşkun hocadan alın web kursunu.
munndokone
June 22, 2021
Hocam kurs gerçekten güzel fakat firebase bölümü eski kalmış sadece o kısımı güncellerseniz çok sevinirim. Orda tıkandım kaldım ve ileri gidemiyorum. Güzel kursunuzun puanı düşmemesi için yüksek puan ile yanıtlamak istedim sizde yorumumu görmezden gelmezseniz beni mutlu edersiniz şimdiden çok sağolun
Coupons
| Submit by | Date | Coupon Code | Discount | Emitted/Used | Status |
|---|---|---|---|---|---|
| - | 12/18/2020 | ILKENUYGUN | 94% OFF | expired | |
| budincer | 5/8/2021 | BAYRAM3AL1ODE | 94% OFF | expired |
Charts
Price
Rating
Enrollment distribution
3698660
udemy ID
12/11/2020
course created date
12/18/2020
course indexed date
Bot
course submited by