React & Node Tutorial - Full ECommerce in 5 Hours [2020]
Watch New Version Of This Course: https://youtu.be/TRCDsB9i3bI
Build ECommerce Website Like Amazon For All Levels Developers
👉 Demo : https://node-react-ecommerce-app.herokuapp.com
👉 Code : https://github.com/basir/node-react-ecommerce
👉 Questions : https://webacademy.pro/oldamazona
👉 Contact: basir.jafarzadeh@gmail.com
Need to learn React first?
👉 Watch React The Complete Guide: https://youtu.be/dJc_0bc5ETE
TABLE OF CONTENT
00:00 Introduction
00:02:00 Part 01- What is this course about
00:08:26 Part 02- Install Tools (VS Code, Chrome)
00:12:36 Part 03- Website Template (HTML, CSS)
00:29:47 Part 04- Products List (Grid, Flexbox)
00:41:54 Part 05- Create Sidebar (JavaScript)
00:52:39 Part 06- Create React App (React)
01:01:09 Part 07- Render Products (JSX)
01:06:30 Part 08- Product Details (React Router)
01:30:53 Part 09- Create Node Server (Node.js)
01:39:52 Part 10- Fetch Server Data (React Hooks)
01:47:55 Part 11- Manage State With Redux (Redux)
02:07:11 Part 12- Add Redux To Details (Advanced)
02:29:23 Part 13- Shopping Cart Screen (Advanced)
03:08:11 Part 14- Connect MongoDB (Mongoose)
03:21:35 Part 15- Sign In User (JWT Authentication)
03:56:02 Part 16- Manage Products (React Modal)
04:38:43 Part 17- Checkout Wizard (React Wizard)
YOU WILL LEARN By React & Node Tutorial - Full ECommerce in 5 Hours [2020]:
1. HTML5 and CSS3: Semantic Elements, CSS Grid, Flexbox
2. React: Components, Props, Events, Hooks, Router, Axios
3. Redux: Store, Reducers, Actions
4. Node & Express: Web API, Body Parser, File Upload, JWT
5. MongoDB: Mongoose, Aggregation
6. Development: ESLint, Babel, Git, Github,
7. Deployment: Heroku
🔥Get Complete Course for $14.99 (reg price $99) - LIMITED TIME: https://www.udemy.com/course/build-ecommerce-website-like-amazon-react-node-mongodb/?couponCode=JUNE21
Amazona extra e-commerce features: https://gist.github.com/basir/1ec5008896d19707039c2f12d0699038
#React #Node #Tutorial #MongoDB #ecommerce #Redux
---
Follow me on:
👉 Website: https://codingwithbasir.com
👉 Twitter: https://twitter.com/basrijd
👉 Linkedin: https://www.linkedin.com/in/basir-j
👉 Github: https://github.com/basir
Видео React & Node Tutorial - Full ECommerce in 5 Hours [2020] канала Coding with Basir
Build ECommerce Website Like Amazon For All Levels Developers
👉 Demo : https://node-react-ecommerce-app.herokuapp.com
👉 Code : https://github.com/basir/node-react-ecommerce
👉 Questions : https://webacademy.pro/oldamazona
👉 Contact: basir.jafarzadeh@gmail.com
Need to learn React first?
👉 Watch React The Complete Guide: https://youtu.be/dJc_0bc5ETE
TABLE OF CONTENT
00:00 Introduction
00:02:00 Part 01- What is this course about
00:08:26 Part 02- Install Tools (VS Code, Chrome)
00:12:36 Part 03- Website Template (HTML, CSS)
00:29:47 Part 04- Products List (Grid, Flexbox)
00:41:54 Part 05- Create Sidebar (JavaScript)
00:52:39 Part 06- Create React App (React)
01:01:09 Part 07- Render Products (JSX)
01:06:30 Part 08- Product Details (React Router)
01:30:53 Part 09- Create Node Server (Node.js)
01:39:52 Part 10- Fetch Server Data (React Hooks)
01:47:55 Part 11- Manage State With Redux (Redux)
02:07:11 Part 12- Add Redux To Details (Advanced)
02:29:23 Part 13- Shopping Cart Screen (Advanced)
03:08:11 Part 14- Connect MongoDB (Mongoose)
03:21:35 Part 15- Sign In User (JWT Authentication)
03:56:02 Part 16- Manage Products (React Modal)
04:38:43 Part 17- Checkout Wizard (React Wizard)
YOU WILL LEARN By React & Node Tutorial - Full ECommerce in 5 Hours [2020]:
1. HTML5 and CSS3: Semantic Elements, CSS Grid, Flexbox
2. React: Components, Props, Events, Hooks, Router, Axios
3. Redux: Store, Reducers, Actions
4. Node & Express: Web API, Body Parser, File Upload, JWT
5. MongoDB: Mongoose, Aggregation
6. Development: ESLint, Babel, Git, Github,
7. Deployment: Heroku
🔥Get Complete Course for $14.99 (reg price $99) - LIMITED TIME: https://www.udemy.com/course/build-ecommerce-website-like-amazon-react-node-mongodb/?couponCode=JUNE21
Amazona extra e-commerce features: https://gist.github.com/basir/1ec5008896d19707039c2f12d0699038
#React #Node #Tutorial #MongoDB #ecommerce #Redux
---
Follow me on:
👉 Website: https://codingwithbasir.com
👉 Twitter: https://twitter.com/basrijd
👉 Linkedin: https://www.linkedin.com/in/basir-j
👉 Github: https://github.com/basir
Видео React & Node Tutorial - Full ECommerce in 5 Hours [2020] канала Coding with Basir
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![The Top 5 Programming Languages in 2021 to get a job](https://i.ytimg.com/vi/mxKNH2gmdUc/default.jpg)
![Power BI Beginner Tutorial](https://i.ytimg.com/vi/i3CSD7bMMbg/default.jpg)
![React & Node Tutorial - Full ECommerce in 9 Hours [2021]](https://i.ytimg.com/vi/TRCDsB9i3bI/default.jpg)
![Redux Tutorial - Learn Redux from Scratch](https://i.ytimg.com/vi/poQXNp9ItL4/default.jpg)
![](https://i.ytimg.com/vi/APHe3-PDDcc/default.jpg)
![React Tutorial: Build an e-commerce site from scratch using React and Netlify](https://i.ytimg.com/vi/wPQ1-33teR4/default.jpg)
![How To Make Ecommerce Website Using HTML And CSS Step By Step | Create e-Commerce Website](https://i.ytimg.com/vi/yQimoqo0-7g/default.jpg)
![2021 Peterbilt 38' Renegade Classic Motor Coach RV | IWS Sales](https://i.ytimg.com/vi/IYXpakP0dBI/default.jpg)
![React Complete Guide: 7- React State and LifeCycle Methods](https://i.ytimg.com/vi/ufF5ED0FZtE/default.jpg)
![Software Engineer Salaries... How much do programmers make?](https://i.ytimg.com/vi/Btbvv9kfLqo/default.jpg)
![React Phone E-Commerce Project](https://i.ytimg.com/vi/-edmQKcOW8s/default.jpg)
![In-Depth React Tutorial: Build a Hotel Reservation Site (with Contentful and Netlify)](https://i.ytimg.com/vi/LXJOvkVYQqA/default.jpg)
![Diy Metal Band Saw Using Bicycle Wheels](https://i.ytimg.com/vi/ESfrwA9klpI/default.jpg)
![Node.js Tutorial for Beginners: Learn Node in 1 Hour](https://i.ytimg.com/vi/TlB_eWDSMt4/default.jpg)
![Full Stack React, Node & MongoDB - Build A Sign Up Application (React, Node.js, Express and MongoDB)](https://i.ytimg.com/vi/SQqSMDIzhaE/default.jpg)
![How To Connect React To A Backend (Express.js) - React for beginners #7](https://i.ytimg.com/vi/kJA9rDX7azM/default.jpg)
![Make a React Website with Animations - Responsive React Project Real Estate Design](https://i.ytimg.com/vi/sKs9FiAHSN4/default.jpg)
![Let's Build a Full-Stack AMAZON Clone with REACT JS for Beginners (Full E-Comm Store in 8 Hrs) 2021](https://i.ytimg.com/vi/RDV3Z1KCBvo/default.jpg)
![React Complete Guide: 6- Create Components Props](https://i.ytimg.com/vi/ITB0mKVfxSk/default.jpg)
![JavaScript Tutorial - Full ECommerce in 7 Hours [2021]](https://i.ytimg.com/vi/N3FDyheHVMM/default.jpg)