Build a Feature Rich, Production Ready, Web Application with Node JS
☑ Intermediate to advanced level web development and programming with Node and Express JS
☑ How to debug errors on the fly
☑ How to pick up new technologies fast
☑ How to build features like pagination, search, filtering, geolocation, clustering, geospatial indexing, authentication, authorization, admin dashboard, user profiles, image upload, payments, and more!
☑ How to build on pre-existing skills learned from courses like The Web Developer Bootcamp or Free Code Camp
Code w/ Node is a web developer course that teaches you how to create production grade features for a robust web app using Node and Express JS. The course is also designed to help you become a self-sufficient developer who can solve complex problems on the fly.
Overview:
Elevate your developer skills in this learn by doing course where we will be building a feature rich, production ready, web application with the NEMO stack (Node Express MongoDB & Other stuff).
In this course you will build a production ready RESTful CRUD application that has:
– Bootstrap 4 styling
– ES6 (and later) syntax
– Maps with Mapbox
– Geospatial indexing
– Search
– Filtering
– Pagination
– Image upload (single and multiple)
– Mailers
– Password reset
– And much more!
Master key skills, including:
– Debugging effectively with locus
– Looking up solutions online
– Problem solving on the fly
Code with Node features a strong Discord community, where you can find help with bugs or make new friends to chat about code with.
This isn’t your average run-of-the-mill follow along course. We’ll be running into real-world bugs and solving them together.
By the end of this course you will not only have what it takes to build a complex web application, but you will likely be a more confident developer who can solve problems and learn new skills on the fly.
Are you ready to become a self-sufficient developer?
Let’s get started! 🙂
English
Language
Intro & Overview
Overview
How to Get Help with a Bug or Issue
Introduction & Trello Setup
Bootstrapping of Express & Database Design
Course Note About Express-generator Update
Setting up Express with Express-generator
Database Design
Source Code: Database Design
Routes
Post Routes
Source Code: Post Routes
Review Routes
Source Code: Review Routes
User Routes
Source code: User Routes
Models
User Model
Post Model
Review Model
Source Code: Models
User Authentication
Set Up Passport
Configure Passport & Create Index Controller
Test postRegister Method
Note about the next lecture
Connect to MongoDB & Test /register POST Route
Add User Email & Profile Image
Source Code: User Authentication (1-5)
Refactor /register Post Route
Refactor postRegister & errorHandler
Source Code: User Authentication (6-7)
/login and /logout Routes
Source Code: User Authentication (8)
Refactor /login and /logout Routes
Source Code: User Authentication (9)
Post Resource
Posts – Index
Source Code: Posts Index
Posts – New
Source Code: Posts New
Posts – Create
Source Code: Posts Create
Posts – Show
Source Code: Posts Show
Posts – Index (Revisited)
Source Code: Posts Index Revisited
Posts – Edit
Source Code: Posts Edit
Posts – Quick Refactor
Source Code: Posts Quick Refactor
Posts – Update
Source Code: Posts Update
Posts – Destroy
Source Code: Posts Destroy
Images Upload with Cloudinary
Posts – Images Upload – Create
Source Code: Posts – Images Upload – Create
Posts – Images Upload – Review
Source Code: Posts – Images Upload – Review
Posts – Images Upload – Client Validation
Source Code: Posts – Images Upload – Client Validation
Posts – Images Upload – Edit/Update
Source Code: Posts – Images – Upload Edit/Update
Posts – Images Upload – Edit/Update – Review
Posts – Images Upload – Delete
Source Code: Posts – Images Upload – Delete
Geolocation with Mapbox
Important note about the following lecture
Posts – Mapbox – Signup and Geocode
Source Code: Posts – Mapbox – Signup and Geocode
Posts – Mapbox – Displaying the Map
Source Code: Posts – Mapbox – Displaying the Map
Posts – Mapbox – Dynamic Map
Source Code: Posts – Mapbox – Dynamic Map
Posts – Mapbox – Update Location
Source Code: Posts – Mapbox – Update Location
EJS Layouts
Layouts – Intro
Layouts – Show
Source Code: Layouts – Intro & Show
Layouts – Navbar
Source Code: Layouts – Navbar
Layouts – Flash Messages – Part 1
Layouts – Flash Messages – Part 2
Source Code: Layouts – Flash Messages
Review Resource
Reviews – Initial Setup
Source Code: Reviews – Initial Setup
Reviews – Create
Source Code: Reviews – Create
Reviews – cURL
Source Code: Reviews – cURL
Reviews – Author
Source Code: Reviews – Author
Reviews – Toggle Edit Form
Reviews – Update
Reviews – Cleanup of Client JS
Source Code: Reviews – Edit/Update
Reviews – Authorization
Source Code: Reviews – Authorization
Reviews – Delete
Source Code: Reviews – Delete
Reviews – Restrict
Source Code: Reviews – Restrict
Reviews – Delete Refs
Source Code: Reviews – Delete Refs
Reviews – Star Rating
Source Code: Reviews – Star Rating
Sublime Text – Markdown Preview Package
Reviews – Clear Rating Button
Source Code: Reviews – Clear Rating Button
Post – Seeds & Pagination
Posts – Seeds & Pagination Pt. 1
Posts – Seeds & Pagination Pt. 2
Source Code: Posts – Seeds & Pagination
Post – Average Rating
Posts – Average Rating Pt. 1
Posts – Average Rating Pt. 2
Source Code: Posts – Average Rating
Cluster Maps
Cluster Maps Pt. 1 – Follow Along
Cluster Maps Pt. 2 – Follow Along
Cluster Maps Pt. 3 – Explanation
Cluster Maps Pt. 4 – Explanation
Cluster Maps Pt. 5 – Explanation
Cluster Maps Pt. 6 – Post Create and Update
Source Code: Cluster Maps
Multer Storage Cloudinary
Multer Storage Cloudinary Pt 1.
Multer Storage Cloudinary Pt 2.
Source Code: Multer Storage Cloudinary
User Authentication and Authorization (Cont.)
Pt. 1 – Add methods to routes
Pt. 2 – Add views and validation middleware
Source Code: User Auth. Continued (Pt.1 & 2)
Pt. 3 – Remove checkIfUserExists and update postLogin
Pt. 4 – Update postRegister, add email validation, and fix Not Found error
Source Code: User Auth. Continued (Pt.3 & 4)
Pt. 5 – Add isAuthor Middleware
Pt. 6 – Update UI and Test Pt. 5 Changes
Source Code: User Auth. Continued (Pt.5 & 6)
Housekeeping – Bug Fixes and Updates
Intro – Skit
Bug Fixes and Updates Pt. 1
Source Code: Bug Fixes and Updates Pt. 1
Bug Fixes and Updates Pt. 2
Source Code: Bug Fixes and Updates Pt. 2
User Profile
Pt. 1 – Create profile and add recent posts
Source Code: User Profile Pt. 1
Pt. 2 – Add update profile form and update navbar
Pt. 3 – Add client JS for form validation
User Profile (4)
Source Code: User Profile (2 – 4)
User Profile (5)
Source Code: User Profile (5)
Profile Image
Feature Overview
Client Setup and User Model Update
Add deleteProfileImage Middleware
Update Index Controller
Update User (Index) Routes
Source Code: Profile Image
Forgot Password / Reset
Pt. 1 – Feature Overview
Pt 2. – Sign Up for SendGrid
Pt. 3 – New Guide Format
Pt. 4 – Add API key, Install SendGrid, & Update User Model
Pt. 5 – Views
Pt. 6 – Index Controller (1)
Pt. 7 – Index Controller (2)
Pt. 8 – Index Controller (3)
Pt. 9 – Routes
Source Code: Forgot Password / Reset
Search and Filter
Pt. 1 – Feature Overview
Pt. 2 – Code Overview
Pt. 3 – Add 2dsphere Index to Post Model
Pt. 4 – Update Seeds File & Re-seed Database
Pt. 5 – Views (boilerplate & paginatePosts)
Pt. 6 – Views (searchFilter)
Pt. 7 – Views (searchFilter cont.)
Pt. 8 – Views (posts/index)
Pt. 9 – Controllers (posts)
Pt. 10 – Views Refactor (1)
Pt. 11 – Views Refactor (2)
Pt. 12 – Middleware (1)
Pt. 13 – Middleware (2)
Pt. 14 – Middleware (3)
Pt. 15 – Middleware (4)
Pt. 16 – Middleware (5)
Pt. 17 – Middleware (6)
Pt. 18 – Routes, Public, and Feature Test
Pt. 19 – Use My Location
Note: Bug Fix
Source Code: Search and Filter
Theming
Pt. 1 – Feature Overview
Pt. 2 – Copy Theme Files and Install Moment
Pt. 3 – Update Seeds, Index Controller, Styles, and Client JS
