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