The Full Stack Web Development Bootcamp 2024 – MERN STACK

Course Curriculum

Chapter 1: HOW TO START THIS COURSE | IMPORTANT MUST READ!!!

Lecture 1: How to start this course

Lecture 2: List of Projects we will be building

Lecture 3: Join the Community

Lecture 4: Course UPDATE Change-logs

Lecture 5: Download All Course Slides

Lecture 6: Download all source code files for the entire course

Chapter 2: GETTING STARTED WITH WEB DEVELOPMENT

Lecture 1: Section Introduction

Lecture 2: Overview of Web Development

Lecture 3: What is Full-stack Development

Lecture 4: What's MERN Stack Development?

Lecture 5: Why use the MERN stack?

Lecture 6: Potential Career Outcomes

Lecture 7: Other Career Paths

Lecture 8: Required Background Knowledge

Lecture 9: How Internet works

Chapter 3: MASTERING HTML (HYPERTEXT MARKUP LANGUAGE) – NEW UPDATE

Lecture 1: Welcome to HTML

Lecture 2: Complete Source Code and E-Book

Lecture 3: App Components

Lecture 4: HTML – CSS- JS -Relationships

Lecture 5: Download Course PDF Files

Lecture 6: Setting Up The Environment

Lecture 7: My First Website

Lecture 8: HTML Tags and Syntax

Lecture 9: Types of HTML Tags

Lecture 10: Common HTML Tags

Lecture 11: Common HTML Tags

Lecture 12: Text Formatting Tags

Lecture 13: Inline VS Block Level Elements

Lecture 14: HTML Forms

Lecture 15: 13.Tables in HTML

Lecture 16: 14.HTML Rules

Lecture 17: HTML Media | Video, MP3 and Youtube Videos

Lecture 18: 17.Emojis and HTML Entities

Lecture 19: Internal and External Navigation

Lecture 20: Favicon and Icons

Lecture 21: Download-Email and Phone Call

Lecture 22: Customising VS-CODE

Lecture 23: Deployment Explained

Lecture 24: Deploying HTML Website

Lecture 25: Practice Project: Portfolio Website | HTML ONLY

Lecture 26: Reference materials

Chapter 4: CSS BASICS: GETTING STARTED

Lecture 1: Section Introduction

Lecture 2: Download PDF Guide for this Section

Lecture 3: Learning Objectives

Lecture 4: Brief History Of CSS

Lecture 5: The Relationship Between HTML-CSS-JS

Lecture 6: Importance Of CSS

Lecture 7: Understanding Default Browser Default

Lecture 8: How CSS Works

Lecture 9: How Browsers Renders CSS

Lecture 10: CSS Syntax

Lecture 11: Ways of including CSS to HTML

Lecture 12: Customise VSCODE – OPTIONAL

Lecture 13: Linking CSS Using Inline Method

Lecture 14: Linking CSS using Internal Method

Lecture 15: Linking CSS Using External Method

Chapter 5: UNDERSTANDING CSS BOX MODEL

Lecture 1: Section Introduction

Lecture 2: Learning Objectives

Lecture 3: Box Model Explanation

Lecture 4: Box Model Components

Lecture 5: Width and Height Property

Lecture 6: Padding Usage

Lecture 7: Border Property

Lecture 8: Margin Property

Lecture 9: Understanding Content Area of box Model

Lecture 10: Content Area Demo Code

Lecture 11: Inline vs Block Elements Explained

Lecture 12: Behaviour of CSS on Inline and Block Elements

Chapter 6: CSS ADVANCED: SELECTORS

Lecture 1: Introducing The Section

Lecture 2: CSS Selectors Overview

Lecture 3: Type Selectors

Lecture 4: Class Selector

Lecture 5: ID Selector

Lecture 6: Descendant Selector

Lecture 7: Child Combinator Selector

Lecture 8: Adjacent Selector

Lecture 9: General Sibling Selector

Lecture 10: Link Pseudo Classes Selector

Lecture 11: User action Pseudo-class Selector

Lecture 12: Child Pseudo Class Selector

Lecture 13: Type Pseudo Class Selector

Lecture 14: Content insertion Selector

Lecture 15: Typographical Pseudo element Selector

Lecture 16: Fragment Selection using selection Selector