🇦🇪 React Shopping Cart (Node, Express, React, MongoDB) بالعربية

🇦🇪 React Shopping Cart (Node, Express, React, MongoDB) بالعربية

React Shopping Cart (Node, Express, React, MongoDB) بالعربية

MERN Application [ React Shopping Cart – Redux, Redux Thunk, Node, Express, MongoDB, Hooks, Deployment ] (Arabic)

Language: arabic

Note: 4.8/5 (156 notes) 2,348 students

Instructor(s): Hamza Nabil

Last update: 2021-12-05

What you’ll learn

  • Trello هتتعلم إزاى تنظم التاسكات بتاعتك قبل ما تبدأ فى الكود من خلال موقع
  • هتتعلم فكرة انك تحدد وقت للتاسك وايه هيا الشروط اللى بناءا عليها بتحدد الوقت
  • هتتعلم تقسم الفولدرات ازاى ف الريأكت
  • Git | GitHub | Create Branches | Pull Requests | Merging هتتعلم الـ
  • وهنفهم ازاى هيفيدنا فى المشروع بالتفصيل Gulp JS هتتعلم الـ
  • Gulp JS للفايلات باستخدام ال Compiling وهتقدر تعمل Sass هنتطبق على ال
  • Redux بالتفصيل وماهيه الـ Redux هتتعلم تقسيمه الـ
  • Node JS هتتعلم اساسيات بسيطة عن الـ
  • Express JS هتتعلم اساسيات بسيطة عن الـ
  • MongoDB هتتعلم اساسيات بسيطة عن الـ
  • فى الداتابيز Model , Schema هتتعلم ازاى تعمل إنشاء للـ
  • Postman بإستخدام الـ requests هتتعلم ازاى تبعت
  • مع شرح التحديثات الاخيرة React Router Dom هتطبق على النسخة الجديدة من الـ
  • قابلتنا اخطاء كتيير اثناء التطبيق هنتعلم نحلها سوا وده هيطور منك فى حل الاخطاء
  • لكل الفايلات Config هتعرف إزاى بنقدر نرفع المشروع وتظبط كل الـ
  • Heroku هتتعلم ترفع الموقع إزاى على

 

Requirements

  • HTML – CSS
  • JS Basics
  • React Basics
  • Redux Basics

 

Description

  • Trello هتتعلم إزاى تنظم التاسكات بتاعتك قبل ما تبدأ فى الكود من خلال موقع

  • هتتعلم فكرة انك تحدد وقت للتاسك وايه هيا الشروط اللى بناءا عليها بتحدد الوقت

  • هتتعلم نظام التاسكات بيمشى إزاى فى الشركة

  • هتتعلم تقسم الفولدرات ازاى ف الريأكت

  • Git | GitHub | Create Branches | Pull Requests | Merging هتتعلم الـ

  • وازاى بنسطبـة على الجهاز Gulp JS هتتعلم اساسيات الـ

  • وهنفهم ازاى هيفيدنا فى المشروع بالتفصيل  Gulp JS هتتعلم الـ

  • Gulp JS للفايلات باستخدام ال Compiling وهتقدر تعمل  Sass هنتطبق على ال

  • ف الريأكت Component هنتعلم انشاء الـ

  • اللى فى المشروع فى فايل واحد Static Words هتتعلم ازاى تظبط الـ

  • JSON هتتعلم ازاى تظبط الداتا الخاصه بالمشروع ف فايل

  • وفكرتها وايه المشاكل الخاصه بيها  Props Drilling هتتعلم الـ

  • useState, useEffect زى Hooks هتتعلم الـ

  • Redux بالتفصيل وماهيه الـ  Redux هتتعلم تقسيمه الـ

  • Action , Reducer , Dispatch , GetState, Action Creators, Redux Thunk, Middleware هتتعلم ما هو الـ

  • Node JS هتتعلم اساسيات بسيطة عن الـ

  • Express JS هتتعلم اساسيات بسيطة عن الـ

  • MongoDB هتتعلم اساسيات بسيطة عن الـ

  • فى الداتابيز Model , Schema هتتعلم ازاى تعمل إنشاء للـ

  • Postman بإستخدام الـ requests هتتعلم ازاى تبعت

  • مع شرح التحديثات الاخيرة React Router Dom هتطبق على النسخة الجديدة من الـ

  • قابلتنا اخطاء كتيير اثناء التطبيق هنتعلم نحلها سوا وده هيطور منك فى حل الاخطاء

  • لمشروع الريأكت بتاعنا Build هنتعلم إزاى نعمل

  • عشان نقدر نرفع المشروع Heroku الخاصة بالداتابيز وبموقع  Configuration  هتعرف إزاى بنقدر نرفع المشروع وتظبط  الـ

  • Heroku هتتعلم ترفع الموقع إزاى على

 

Who this course is for

  • Junior – Midlevel – Senior Front End Developer

 

Course content

  • Introduction – Install Require Tools – Trello Setup
    • Introduction – Preview Project
    • Install require Tools
    • Trello Account Setup – Organize Tasks Part 1
    • Organize Trello Tasks Part 2
  • Stater React Project Setup
    • Create React App – Simple description about files
    • Files Structure
    • Install Tools For Client
    • Install Tools For Server
  • Gulp – Sass
    • Introduction About Sass and Gulp JS
    • Gulp Basics
    • Compile Sass Into Css – Intergrate Gulp With React
  • Creating All Components & Logic for Application
    • Estimate Time, Sprints, Meetings
    • Git – Organize Layout Css – Header Component Part 1
    • Header Component Part 2
    • Footer Component – Add Css Style
    • Create Products JSON file – File for Static Words
    • Products Component Part 1 – Add Style
    • Products Component Part 2
    • Product Info Modal
    • Filter Component and Style
    • Filter Component Logic
    • Cart Component – Add Style
    • Cart Component Logic
    • Checkout Form Comp – Add Style
    • Checkout Form Comp Logic
  • Adding Animation To Project
    • Add React Reveal Animation Part 1
    • Add React Reveal Animation Part 2
  • Node – Express – MongoDB – Setup Back End For Project
    • Introduction About NodeJS
    • Introduction About ExpressJS
    • Introduction About MongoDB
    • Server File – Products Model and Schema
    • Try Postman – Products Model, Schema and Routes
  • State Mangement System – Redux Thunk – Add Redux To Whole Project
    • Introduction About Redux
    • Store File and add Redux Thunk
    • Control Products Comp with Redux
    • Control Filter Comp with Redux
    • Control Cart Comp with Redux
  • Create New Component – Back End – Redux – Postman
    • View Order Component
    • Add Model, Schema and Routes for Order
    • Control Order Comp with Redux
    • Refactor Project Code
  • React Router DOM – Create Pages – Navbar
    • Add React Router Dom – Create Navbar
    • Orders Page – Control Redux
  • Deployment
    • MongoDB Account – Heroku Account
    • Install Heroku CLI
    • Add Configration – Env File – Procfile – Build React App
    • Final Deploy Project

 

🇦🇪 React Shopping Cart (Node, Express, React, MongoDB) بالعربية🇦🇪 React Shopping Cart (Node, Express, React, MongoDB) بالعربية

Time remaining or 48 enrolls left

 

Don’t miss any coupons by joining our Telegram group 

Udemy Coupon Code 100% off | Udemy Free Course | Udemy offer | Course with certificate