Full Stack Web Development MASTERY Course – Novice to Expert

Course Curriculum

Chapter 1: What Does The Course Cover?

Lecture 1: What Does The Course Cover

Lecture 2: Asking Great Questions and Debugging your Code

Lecture 3: Get all your free stuff!

Chapter 2: Getting Started

Lecture 1: Introduction to Web Development

Lecture 2: Static vs Dynamic Websites

Lecture 3: Visual Studio Code Installation

Chapter 3: HTML 5 [Zero to Hero]

Lecture 1: Basic Structure of a Website

Lecture 2: Comments and Best Practices

Lecture 3: All Basic HTML tags

Lecture 4: Anchor, image, video, iframe tags in HTML

Lecture 5: Lists and Tables in HTML

Lecture 6: Forms and Input tags in HTML

Lecture 7: Block and Inline elements in HTML

Lecture 8: HTML Entities

Lecture 9: SEO and Semantic Tags in HTML

Chapter 4: CSS 3 [Zero to Hero]

Lecture 1: Introduction to CSS

Lecture 2: Inline, Internal and External

Lecture 3: CSS Selectors

Lecture 4: Web Development Tools

Lecture 5: Fonts in CSS

Lecture 6: Colors in CSS

Lecture 7: Borders and Background Property in CSS

Lecture 8: Understanding Box Model Concept in CSS

Lecture 9: Float & Clear Property in CSS

Lecture 10: Styling Buttons & Links

Lecture 11: Display Property in CSS

Lecture 12: Position Property in CSS

Lecture 13: Visibility & Z-index Property in CSS

Lecture 14: Understanding Flexbox Concept in CSS

Lecture 15: Sizing & Units in CSS

Lecture 16: Responsive & Media Queries in CSS

Lecture 17: Box Shadow & Text Shadow in CSS

Lecture 18: Custom Properties & Variables

Lecture 19: All About Animation in CSS

Lecture 20: Transitions in CSS

Lecture 21: Transformations in CSS

Lecture 22: All About CSS Grids

Chapter 5: Quick Reminder

Lecture 1: Quick Reminder!

Chapter 6: Bootstrap 5 [Zero to Hero]

Lecture 1: Bootstrap 101

Chapter 7: #1 Project: Bootstrap website

Lecture 1: Bootstrap Project

Chapter 8: Tailwind CSS [Zero to Hero]

Lecture 1: Introduction to Tailwind CSS

Lecture 2: Setting up Tailwind CSS for production

Lecture 3: Fonts & Sizing using Tailwind CSS

Lecture 4: Margins, Borders & Padding in Tailwind CSS

Lecture 5: Square Bracket Notation in Tailwind CSS

Lecture 6: Creating Responsive Designs using Tailwind CSS

Lecture 7: Hover, Active & Focus states in Tailwind CSS

Lecture 8: @apply directive in Tailwind CSS

Lecture 9: @layer directive in Tailwind CSS

Lecture 10: Customizing Tailwind CSS

Chapter 9: #2 Project: Facebook Login Page

Lecture 1: Tailwind CSS Project

Chapter 10: JavaScript ES6 [Zero to Hero]

Lecture 1: Introduction to JavaScript

Lecture 2: Basics of JavaScript

Lecture 3: Var, Const, Let in JavaScript

Lecture 4: Data Types in JavaScript

Lecture 5: Conversion & Coercion

Lecture 6: All about JavaScript Strings

Lecture 7: All about arrays

Lecture 8: Conditionals and Switch case

Lecture 9: Loops in JavaScript

Lecture 10: Functions in JavaScript

Lecture 11: Window Object Properties and Functions

Lecture 12: Basics of DOM

Lecture 13: HTML element selectors in JavaScript

Lecture 14: Children Parent and Traversing the DOM

Lecture 15: Creating, Removing and Replacing Elements

Lecture 16: JavaScripts Events and Event Handlers

Lecture 17: More on JavaScript Events

Lecture 18: Local and Session Storage

Lecture 19: Math Object in JavaScript

Lecture 20: Date Object in JavaScript

Lecture 21: Object Oriented Programming [OOPs] in JavaScript

Lecture 22: Object Prototype in JavaScript

Lecture 23: Prototype Inheritance

Lecture 24: ES6 Classes and Inheritance

Lecture 25: Asynchronous Programming in JavaScript

Lecture 26: AJAX tutorial

Lecture 27: Callback functions in JavaScript

Lecture 28: Promises in JavaScript

Lecture 29: Arrow functions

Lecture 30: Fetch API

Lecture 31: Async / Await in JavaScript

Lecture 32: Error Handling in JavaScript

Lecture 33: Regular Expressions in JavaScript

Lecture 34: Metacharacters in JavaScript

Lecture 35: Character Sets in Regular Expressions

Lecture 36: Iterators in JavaScript

Lecture 37: Generators in JavaScript