Build Full ECommerce Like Amazon By Vanilla JavaScript
šŸ‘‰ Heroku Demo : https://jsamazona.herokuapp.com
šŸ‘‰ AWS Demo : https://jsamazona.webacademy.pro
šŸ‘‰ Github : https://github.com/basir/node-javascript-ecommerce
šŸ‘‰ Questions : https://webacademy.pro/jsamazona
šŸ‘‰ Contact: basir.jafarzadeh@gmail.com

YOU WILL LEARN By JavaScript Tutorial:

  1. HTML5 and CSS3: Semantic Elements, CSS Grid, Flexbox
  2. JavaScript Basics: Functions, Array, Events
  3. JavaScript Intermediate: DOM, Rendering Content, Routing URLs
  4. JavaScript Advanced: ES6 Features, Asynchronous Programming
  5. Nodejs: Web API, Body Parser, File Upload, JWT
  6. MongoDB: Database Modeling, Mongoose, Filter, Aggregation
  7. Development: ESLint, Babel, Git, Github, VS Code
  8. Deployment: Heroku, MongoDB Atlas, Amazon S3 Storage

TABLE OF CONTENT
00:00 Introduction

  • 00:02:26 Part 00- What You Will Build
  • 00:10:02 Part 01- Create Folder Structure
  • 00:16:08 Part 02- Design Website
  • 00:28:00 Part 03- Create Static Home Screen
  • 00:40:30 Part 04- Render Home Screen
  • 00:55:08 Part 05- Build URL Router
  • 01:06:22 Part 06- Create NodeJS Server
  • 01:14:01 Part 07- Load Products From Backend
  • 01:21:33 Part 08- Add Webpack
  • 01:32:05 Part 09- Install and Config Babel
  • 01:39:13 Part 10- Install and Config ESLint
  • 01:47:35 Part 11- Install VS Code Extension
  • 01:53:31 Part 12- Create Rating Component
  • 02:04:53 Part 13- Build Product API
  • 02:18:53 Part 14- Design Product UI
  • 02:32:35 Part 15- Implement Product Actions
  • 02:38:03 Part 16- Build Cart API
  • 02:52:57 Part 17- Design Cart UI
  • 03:11:29 Part 18- Implement Cart Actions
  • 03:25:28 Part 19- Connect To MongoDB
  • 03:44:10 Part 20- Design Signin UI
  • 03:54:08 Part 21- Build Signin Backend
  • 04:09:51 Part 22- Implement SigninActions
  • 04:24:26 Part 23- Create Progress Indicator
  • 04:36:13 Part 24- Create Register Screen
  • 04:46:24 Part 25- Create User Profile Screen
  • 05:08:58 Part 26- Create Checkout Wizard
  • 05:32:35 Part 27- Build Place Order Screen
  • 05:52:55 Part 28- Implement Place Order Actions
  • 06:14:15 Part 29- Create Order Screen
  • 06:27:07 Part 30- Implement PayPal Payment
  • 06:52:11 Part 31- Display Order History
  • 07:05:18 Part 32- Design Admin Dashboard UI

#javascript #web-development #node #mongodb #database

JavaScript Tutorial - Full ECommerce in 7 Hours [2021]
96.45 GEEK