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:
- HTML5 and CSS3: Semantic Elements, CSS Grid, Flexbox
- JavaScript Basics: Functions, Array, Events
- JavaScript Intermediate: DOM, Rendering Content, Routing URLs
- JavaScript Advanced: ES6 Features, Asynchronous Programming
- Nodejs: Web API, Body Parser, File Upload, JWT
- MongoDB: Database Modeling, Mongoose, Filter, Aggregation
- Development: ESLint, Babel, Git, Github, VS Code
- 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