English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 21 Hours | 6.71 GB
Learn How To Build an E-commerce app Using Node, Express, Sequelize, Nunjucks, HTML, CSS, Bootstrap, JavaScript
This is a no holds barred, action packed, Full Stack Flask Web Development Course. To demonstrate My Confidence About This Course, I have created a CV that contains all the Concepts that I covered, and the Projects I have executed in this course. You can Take This Course and Start Looking for Job Immediately using the CV I have prepared.
Your prospective employer wants you to come onboard and start building applications for them straight away. That is what I did in this course. To provide the knowledge that will allow you go straight into the industry and start working immediately. With over 140 Lectures that cover Four Crash Courses, and Two Solid Real-World Projects, I did not leave any stone unturned!!
Basically, the whole course can be grouped into Three Main Themes:
Introduction to web Applications
Where I introduced how web applications work and how Node.js and Express implements web applications
The Crash Courses
Where I provided short but comprehensive mini courses on HTML, CSS, SASS, and JavaScript
Since, the course is a Full Stack (Front End and Back End) development course, the crash courses on HTML, CSS, SASS and JavaScript provide you with the knowledge to work on the Front End, while the JavaScript crash course provides you with the knowledge of the Back End Language.
The Real World Projects
Where I built Two SOLID Real-World Projects. The type of Projects that you will be working on when you get into the industry.
What you’ll learn
- Learn how web applications work
- Learn how NodeJS and Express Implements web applications
- Understand HTML and how to use it to create mark-ups for web pages
- Understand CSS and how to use it to style web pages
- Understand Sass and how to use it to write styles programmatically
- Understand JavaScript and how to use to add interactions to web applications
- Learn how to analyse a customer’s problem and generate the software requirements for the project
- Learn how to structure a large-scale project
- Learn how to implement the all the functionalities of a complete eCommerce application which include: Product catalogue, Shopping
- Cart, Order and Checkout, Customer Management
Table of Contents
Getting Set for The Course
1 Getting Set for The Section
2 What You Will Learn After Completing the Course
3 About Your Instructor
4 Getting the Source Code
5 About the Exercises
6 Getting to Ask Questions
7 Requirements for The Course
8 Npm and Sequelize Commands
9 Summary
Web Application Basics
10 Getting Set for The Section
11 Data Communication Pattern
12 Data Storage Pattern
13 Data Presentation Pattern
14 Summary
How NodeJS and ExpressJS Implements Web Applications
15 Getting Set for The Section
16 Understanding the MVC Pattern
17 Implementing The MVC Pattern In NodeJS and ExpressJS
18 The Basic NodeJS App
19 The Basic NodeJS and ExressJS App
20 Working with Models in NodeJS and ExpressJS
21 Working with Data Storage and ORMs In NodeJS and ExpressJS
22 Working with Controllers In NodeJS and ExpressJS
23 Working with URLs and Routers In NodeJS and ExpressJS
24 Working with Views and Templating Engines In NodeJS and ExpressJS
25 The Structure of a NodeJS and ExpressJS Project
26 Summary
Meet Notely App Our First Fullstack NodeJS and ExpressJS Project
27 Getting Set for The Section
28 Setting Up the Notely App Project
29 Reviewing the Requirements for Notely App
30 Creating the Note Model
31 Creating Database Migrations
32 Creating the Note Controller Part 1
33 Creating the Note Controller Part 2
34 Creating the App’s Router and Url Patterns
35 Creating the Note Views
36 Implementing Validation
37 Summary
HTML Crash Course
38 Getting Set for The Section
39 Basic Structure of HTML Document
40 Understanding the HTML Elements
41 Structure of an HTML Element
42 Working with HTML Attributes
43 Working with HTML Element Content
44 Working with HTML Void Elements
45 Getting to Know the Document Structure
46 Making Sense of The Document Object Model (DOM)
47 Summary
CSS Crash Course
48 Getting Set for The Section
49 CSS Basic Concepts
50 Working with Inline Style
51 Working with Embedded Style
52 Working with External Style
53 Working with CSS Selectors
54 Understanding Cascading styling
55 Working with CSS Units
56 Working with Shorthand Properties and Custom Values
57 Summary
SASS Crash Course
58 Getting Set for The Section
59 Sass Basic Concepts
60 Basic Sass Syntax
61 Working with Variables
62 Working with Operators
63 Working with Flow Controls
64 Working with Functions
65 Working with Partials
66 Working with Mixins
67 Working with Extend Directive
68 Sass Output Style
69 The Body Element Modifier (BEM) Methodology
70 Summary
JavaScript Crash Course
71 Getting Set for The Section
72 Understanding and Working Statements and Expressions
73 Understanding and Working Variables
74 Understanding and Working with Data Types
75 Working with Operators
76 Working with Functions
77 Working with Objects
78 Working with Arrays
79 Understanding and Working with Promises
80 Understanding and Working with Modules
81 Summary
Building Materials E-Store (BMES) Our Real-Life Application
82 Getting Set for The Section
83 Understanding the Building Material Business
84 Defining the Problem
85 Specifying the Design Criteria
86 Creating the Solution
87 Summary
BMES Requirements and Project Set-Up
88 Getting Set for The Section
89 Product Catalogue Specifications
90 Shopping Cart and Checkout Specifications
91 Customer Registration Specifications
92 Customer Authentication Specifications
93 BMES Administration Specifications
94 Setting Up the BMES Project
95 Summary
BMES Implementing the Product Catalogue
96 Getting Set for The Section
97 Structuring The BMES App
98 Creating Product Catalogue Models ( Product, Category, and Brand ) Part 1
99 Creating Product Catalogue Models Part 2
100 Creating Product Catalogue Models Part 3
101 Executing Database Migration for Product Catalogue Models
102 Creating the Catalogue Service Part 1
103 Creating the Catalogue Service Part 2
104 Implementing the Product Catalogue Controller
105 Implementing the Product Catalogue Router and Urls Pattern
106 Implementing the Product Catalogue Views Part 1
107 Implementing the Product Catalogue Views Part 2
108 Implementing BEM Sass Styling for Product Catalogue Function
109 Summary
BMES Implementing The Admin Module
110 Getting Set for The Section
111 Loading Data Into The Product Catalogue Database Tables From CSV Files
112 Summary
BMES Implementing the Shopping Cart
113 Getting Set for The Section
114 Structuring The Cart Section
115 Creating the Shopping Cart Models
116 Executing Database Migration for Shopping Cart Models
117 Implementing the Cart Service Part 1
118 Implementing the Cart Service Part 2
119 Implementing the Cart Controller
120 Implementing The Cart Router and URL Patterns
121 Implementing The Shopping Cart Views
122 Implementing BEM Sass Styling for The Shopping Cart Section
123 Summary
BMES Implementing Locations and Addresses Module
124 Getting Set for The Section
125 Structuring The Location Section
126 Creating Address Model
127 Executing Database Migration for Address Model
128 Summary
BMES Implementing Customer Registration
129 Getting Set for The Section
130 Structuring The User Section
131 Defining The Customer Models (Person and Customer)
132 Executing Database Migration for Customer Models
133 Summary
BMES Implementing Ordering and Checkout
134 Getting Set for The Section
135 Structuring the Order and Checkout Section
136 Creating the Order Models
137 Executing Database Migration for Order Models
138 Understanding The Checkout Workflow
139 Implementing the Checkout Service
140 Implementing The Checkout Controller
141 Implementing the Checkout Router And URL Patterns
142 Creating the Checkout Views
143 Implementing BEM SASS Styling for The Checkout Section
144 Summary
Resolve the captcha to access the links!