https://www.udemy.com/course/the-complete-web-development-bootcamp/

https://www.appbrewery.co/p/web-development-course-resources

[Section 2] Introduction to HTML

• The Anatomy of an HTML Tag
• HTML Lists, Image Elements, Links and Anchor Tags

[Section 3] Intermediate HTML

• Table Layouts, Forms

[Section 4] Introduction to CSS

• Inline, Internal, and External CSS
• Anatomy of CSS Syntax(Selectors, Classes, and Ids)

[Section 5] Intermediate CSS

• Favicons
• Box-modeling, Display property
• CSS Static, Relative, and Absolute Positioning
• Sizing, Float and Clear

[Section 6] Introduction to Bootstrap

• wireframing
• Navigation Bar
• Grid Layout System, Containers
• Buttons & Font Awesome

[Section 7] Intermediate Bootstrap

• Carousel
• Cards
• The CSS Z-index and Stacking border
• Media Query Breakpoints
• Advanced CSS - Combining Selectors, Selector Priority.

[Section 8] Web Design School - Create a Website that People Love

• Color Theory
• Typography and How to Choose a Font
• User Interface(UI)
• User Experience(UX) Design

[Section 9] Introduction to Javascript ES6

• Data Types and Variables, String
• Slicing and Extracting Parts of a String
• Function

[Section 10] Intermediate Javascript

• Random Number
• If-Else Conditionals & Logic, Comparators and Equality
• Array, While-Loops, For Loops

[Section 11] The Document Object Model(DOM)

• Introduction of Document Object Model(DOM)
• Selecting HTML Elements with Javascript
• Manipulaing and Changing Styles of HTML Elements with Javascript
• Text Manipulation and Text Content property
• Manipulating HTML Element Attributes

[Section 12] Boss Level Challenge 1 - The Dicee Game

• Code the Dicee Game

[Section 13] Advanced Javascript and DOM Manipulation

• Adding Event Listeners to a Button
• Higher Order Functions and Passing Functions as Arguments
• How to Play Sounds on a Website
• Switch Statement in Javascript
• Objects, their Methods and Dot Notation
• Using Keyboard Event Listeners to Check for Key Presses
• Callbacks and How to Respond to addEventListener
• Adding Animation to Websites

[Section 14] jQuery

• Selecting Element with jQuery
• Manipulating Styles, Text, Attributes with jQuery
• Adding Event Listeners with jQuery
• Adding and Removing Elements with jQuery
• Website Animations with jQuery

[Section 15] Boss Level Challenge 2 - The Simon Game

[Section 16] The Unix Command Line

• Understanding the Command Line. Long Live the Command Line!
• Command Line Techniques and Directory Navigation
• Creating, Opening, and Removing Files through the Command Line
• Tip from Angela - Sleep is My Secret Weapon

[Section 17] Backend Web development

[Section 18] Node.js

• The Power of the Command Line and How to Use Node
• The Node REPL (Read Evaluation Print Loops)
• How to Use the Native Node Modules
• The NPM Package Manager and Installing External Node Modules

[Section 19] Express.js with Node.js

• Handling Requests and Responses: the GET Request
• Nodemon Installation
• Understanding and Working with Routes
• Responding to Requests with HTML Files
• Processing Post Requests with Body Parser

[Section 20] APIs - Application Programming Interfaces

• API Endpoints, Paths and Parameters
• API Authentication and Postman
• Making GET Requests with Node HTTPS Module
• How to Parse JSON
• Using Express to Render a Website with Live API Data
• Using Body Parser to Parse POST Requests to the Server
• Posting Data to Mailchimp's Servers via their APIs
• Deploying Server with Heroku