Full-Stack Web Development For Beginners

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: What is Full -Stack Web Development

Lecture 3: Web Development Tools

Lecture 4: Installing Text Editors

Lecture 5: Installing SublimeText

Lecture 6: Installing Visual Studio Code

Lecture 7: Installing Web Browsers

Lecture 8: What is HTTP

Lecture 9: How the web works

Lecture 10: Planning your web project

Lecture 11: Sketching your web project

Lecture 12: Choosing Assets

Lecture 13: Creating Project Directory

Chapter 2: Learning HTML

Lecture 1: What is HTML

Lecture 2: Anatomy of an HTML Element

Lecture 3: Basic structure of an HTML Document

Lecture 4: Creating a basic HTML Document Structure : Part 1

Lecture 5: Creating a basic HTML Document Structure : Part 2

Lecture 6: Creating a basic HTML Document Structure : Part 3

Lecture 7: HTML Attributes

Lecture 8: Marking Up Text

Lecture 9: Creating Links

Lecture 10: HTML Code Comments

Lecture 11: Viewing HTML Source Code

Chapter 3: Learning CSS

Lecture 1: What is CSS

Lecture 2: Ways to apply CSS

Lecture 3: Styling Multiple Properties

Lecture 4: Styling multiple elements

Lecture 5: Modifying CSS

Lecture 6: CSS Basic Selectors

Lecture 7: Css Comments

Lecture 8: CSS Box Model

Lecture 9: CSS Margin and Padding Property

Lecture 10: Changing Background Color

Lecture 11: CSS Border Property

Lecture 12: CSS Positioning

Lecture 13: CSS Display Property

Lecture 14: CSS Font Property

Lecture 15: Using Google Fonts

Chapter 4: Introduction to Bootstrap

Lecture 1: What is Bootstrap

Lecture 2: Bootstrap Installation Options

Lecture 3: Download Bootstrap

Lecture 4: Bootstrap Dependencies

Lecture 5: Bootstrap Minimum Template

Lecture 6: Basic HTML Document Anatomy

Lecture 7: Create a basic website with Bootstrap

Lecture 8: Create Buttons Using Bootstrap

Lecture 9: Create Progress Bar Using Bootstrap

Chapter 5: Learning JavaScript

Lecture 1: What is JavaScript

Lecture 2: Where to place JavaScript

Lecture 3: JavaScript Variables

Lecture 4: Variable Naming Convention

Lecture 5: JavaScript Arrays

Lecture 6: Data Types

Lecture 7: Mixing Data Types

Lecture 8: JavaScript Operators

Lecture 9: Arithmetic Operators

Lecture 10: Operator Precedence

Lecture 11: String Operators

Lecture 12: Comparison Operators

Lecture 13: Logical Operators

Lecture 14: TypeOf Operators

Lecture 15: Conditional Statements

Lecture 16: Functions

Lecture 17: JavaScript Code Comments

Lecture 18: Linting Tools

Lecture 19: JavaScript Events

Lecture 20: Changing Images on a webpage

Lecture 21: Fixing JS Lint Warnings : Part 1

Lecture 22: Fixing JS Lint Warnings : Part 2

Lecture 23: Adding Welcome Message to Web Page

Chapter 6: Introduction to Chrome Developer Tool

Lecture 1: What is Chrome Developer Tools

Lecture 2: Setting up environment

Lecture 3: What is ATOM

Lecture 4: Installing Atom

Lecture 5: ATOM Live Server

Lecture 6: The DOM

Lecture 7: How to access chrome dev tools

Lecture 8: Resource Files

Lecture 9: DevTools Groups

Lecture 10: Exploring Dev Tools Options

Lecture 11: Simulating Mobile Devices

Lecture 12: Working with Element Panel

Lecture 13: Setting Up Persistence

Lecture 14: Editing The Box Model

Lecture 15: Using The Console

Lecture 16: Exploring Other DevTools Panels

Lecture 17: Debugging JavaScript Using DevTools

Lecture 18: Step 1: Reproducing the bug

Lecture 19: Step 2: Pausing the code with a breakpoint

Lecture 20: Step 3: Stepping through the code

Lecture 21: Step 4: Setting up another breakpoint

Lecture 22: Step 5: Checking variables values

Lecture 23: Step 6: Applying fix to code base