Learn Full stack website Development from scratch

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: What is Website Development?

Lecture 3: Static Vs Dynamic Websites

Lecture 4: Frontend Vs Backend

Lecture 5: HTML vs CSS vs JS

Lecture 6: Setup Code Editor

Lecture 7: Setting Up Vscode Extensions

Chapter 2: HTML

Lecture 1: Starting HTML

Lecture 2: Html in browser lookup

Lecture 3: Html file Url in Browser

Lecture 4: Paragraph Tags

Lecture 5: Heading Tags in HTML

Lecture 6: Bold, italics tags in HTML

Lecture 7: Element Attributes in HTML

Lecture 8: Style Attribute in Tags

Lecture 9: Break Tag

Lecture 10: Span tag

Lecture 11: Div Tag

Lecture 12: Exercise #1 with solution included

Lecture 13: Comments in HTML

Lecture 14: Formatting Tags in HTML

Lecture 15: Inline, Internal, External CSS in HTML

Lecture 16: More CSS

Lecture 17: Links in HTML

Lecture 18: More link style options – Hover effect also included

Lecture 19: Images in HTML

Lecture 20: Background Image in HTML CSS

Lecture 21: Picture Tag – Show images according to screen size

Lecture 22: HTML – Exercise #2

Lecture 23: Exercise #2 Solution

Lecture 24: Favicons in HTML

Lecture 25: Tables in HTML

Lecture 26: Spaces in Tables

Lecture 27: Colgroups in Tables

Lecture 28: Lists in HTML

Lecture 29: Classes in HTML CSS

Lecture 30: Id's in HTML CSS

Lecture 31: More CSS for Big Exercise

Lecture 32: HTML – Exercise #3 – Good Practice Exercise

Lecture 33: Exercise #3 – Solution

Lecture 34: Forms with input and label

Lecture 35: Checkbox inputs

Lecture 36: Radio Input in Form

Lecture 37: All inputs in Form

Lecture 38: Few input Attributes

Lecture 39: More input Attributes

Lecture 40: More form elements

Lecture 41: Form Attributes

Lecture 42: Iframe in HTML

Lecture 43: Filepaths

Lecture 44: Tags in Head Element

Lecture 45: Setup Guide for HTML code

Lecture 46: Website Layout Structure

Lecture 47: Custom Tag Names

Lecture 48: Video tag

Lecture 49: Audio tag

Lecture 50: Youtube video attributes

Chapter 3: CSS

Lecture 1: Introduction – css

Lecture 2: Selectors

Lecture 3: Ways to use css

Lecture 4: Comments in css

Lecture 5: colors

Lecture 6: Coming Soon!

Chapter 4: Bootstrap

Lecture 1: Introduction

Lecture 2: Connecting Bootstrap + Emmets in VsCode

Lecture 3: Components in Bootstrap Start

Lecture 4: All Bootstrap Components

Chapter 5: Tailwind CSS

Lecture 1: Introduction + Start Code

Lecture 2: Tailwind CSS extras

Chapter 6: JavaScript

Lecture 1: Introduction

Lecture 2: Comments

Lecture 3: Var Variables

Lecture 4: Datatypes in JS

Lecture 5: Let/Const Variables

Lecture 6: Operators

Lecture 7: Assignments

Lecture 8: Arrays

Lecture 9: Objects

Lecture 10: Object Methods

Lecture 11: Deep Copying Objects/Arrays

Lecture 12: Destructuring Arrays/Objects In JS

Lecture 13: String Templates

Lecture 14: Quiz #1 – Object Quiz + Confirm/prompt functions

Lecture 15: Quiz #1 Solution

Lecture 16: String Prototypes/Methods

Lecture 17: More String Methods

Lecture 18: String Prototypes – Repeat Function

Lecture 19: Quiz #2 – Strings Related

Lecture 20: Quiz #2 – Solution

Lecture 21: Date In JS

Lecture 22: Number Methods

Lecture 23: Inbuilt Number Function in JS

Lecture 24: Conditional Statements – if else

Lecture 25: Conditional Statements – if else one liner