Full-Stack Proje React POS Uygulaması - MERN Stack Proje
React, TailwindCSS, Redux-Toolkit, Ant-Design, Express.js, MongoDB, Deployment ile Modern Full-Stack Projeler İnşaa Edin
What you will learn
React ile sıfırdan proje geliştirmeyi öğreneceksin.
React projelerini Back-End ile kullanmayı öğreneceksin.
Sıfırdan Full-Stack proje geliştirme senaryosu kuracabileceksin.
Bu projeyle birlikte Back-End tarafına hakimiyet sağlayabileceksin.
Gittikçe popülerlik kazanan MERN teknolojisinde deneyim kazanacaksın.
Veritabanı olarak MongoDB kullanmayı öğreneceksin.
Bir React projesinde Authentication(Login-Register) işlemlerinin nasıl yapıldığını öğreneceksin.
MERN Stack uygulamalarını canlıya almayı öğreneceksin.
Sıfırdan kendi Api'ni oluşturabileceksin.
Expressjs teknolojisine hakim olacaksın.
Bir React projesinde faturalandırma işleminin nasıl yapıldığını öğreneceksin.
Şu anda en çok kullanılan UI kütüphanelerinden biri olan Ant Design kütüphanesinde tecrübe kazanacaksın.
State yönetiminde Redux-Toolkit kullanmayı öğreneceksin.
Bir React projesinde tüm verileri istatistiklere dökerek verileri görselleştirmeyi öğreneceksin.
Sıfırdan Tailwind CSS ile adım adım proje geliştirmeyi öğreneceksin.
Description
Son zamanlarda en popüler Front-End kütüphanesi olan React'in bir projeyle öğrenmeye ne dersiniz?
Bu kursun asıl amacı; freelance Full Stack proje nasıl geliştirilir ve bundan nasıl gelir elde edilir? Bunu en sade anlatımla POS Application üzerinden öğretmek. Bu projeyle birlikte React tecrübeniz artacak. Tailwind CSS ile sıfırdan proje geliştirerek Tailwind tecrübenizi artıracaksınız. Redux-Toolkit ile state yönetiminizi kolaylaştıracaksınız. Express.js ile authentication işlemlerinin nasıl yapıldığını öğreneceksiniz. Veri tabanı olarak MongoDB kullanmayı öğreneceksiniz. Admin Yönetim Paneli oluşturup içerisinden projenizi yönetebileceksiniz. Kullanıcı profili oluşturup kullanıcının tüm bilgilerini burada tutmayı öğreneceksiniz. Bir gerçek hayat projesinde oluşturulan siparişleri faturalandırmayı öğreneceksiniz. CV'nize Full Stack bir proje ekleyerek işe alımlarda öne çıkabileceksiniz. Bu kurstan öğrendiğiniz bilgilerle freelance işler alabileceksiniz. Proje geliştirirken ortaya çıkabilecek hataların çözümünü hızlı bir şekilde bulmayı öğreneceksiniz. Beğendiğiniz bir temaya bakarak hem Front-End hem Back-End tarafını kodlayabileceksiniz. En sonunda da projeyi canlıya almayı öğreneceksiniz.
Proje içeriği;
React (Single Page Application) ile Proje Geliştirme
Freelance Proje Geliştirme Mantığı
React-Router-Dom Kullanımı
React ike Ant Design ve Tailwind CSS Kullanımı
MERN, Tailwind CSS ve Ant Design ile Full-Stack Proje Geliştirme
Express.js ile Proje Geliştirme
Tailwind CSS ile Responsive Geçişler
MongoDB ile Authentication İşlemleri
Redux-Toolkit ile State Management
Bir Gerçek Hayat Projesinde Ürünleri Faturalandırma
MongoDB ile Veri Tabanı İşlemleri
Sıfırdan API Oluşturma
Oluşturduğumuz Parolaları Hashleme
Projeyi Canlıya Alma (Deployment)
Uzun bir süreç. Disiplinli bir çalışmayla aşılamayacak yol yok. Hata alırsanız kaynaklar kısmında tüm derslerin kodları var oradan ulaşabilirsiniz. İyi çalışmalar, bol kodlu günler.
Content
Giriş
Giriş
Proje Kurulumu
Proje Front-End Başlangıç
Home Sayfası
React Router Dom Kurulumu
Sepet Sayfası
Fatura Sayfası
İstatistik Sayfası
Login-Register Sayfaları
Back-End Kurulum
Veritabanı Kurulumu ve Proje Veritabanı Modellerini Oluşturma
Express Router Kurulumu ve Proje Routerlarını Oluşturma
Category Client-Api Birleştirme
Products Client-Api Birleştirme
Redux-Toolkit ile Sepet İşlemleri
Fatura İşlemleri
Müşteri, İstatistik ve Login-Register Sayfaları Client-Api Birleştirme
Filter ve Search İşlemleri
Kalan Ufak Tefek İşlemler
Deployment (Projeyi Canlıya Alma)
Screenshots
Reviews
Charts
Price
Rating
Enrollment distribution
Want FREE online courses ? Our FIREFOX extension lists Udemy freebies in realtime !
