Complete Front End Web Development Bootcamp 2020

Course Curriculum

Chapter 1: Introduction

Lecture 1: Course Introduction

Chapter 2: HTML5

Lecture 1: Basics of Web design (HTML and CSS)

Lecture 2: Introduction to HTML and its documentation

Lecture 3: Making our very first Website

Lecture 4: Structure of an HTML file

Lecture 5: Heading tag in HTML

Lecture 6: paragraph tags

Lecture 7: Text Formatting in HTML

Lecture 8: Unordered list

Lecture 9: Ordered list

Lecture 10: How to embed images to our website

Lecture 11: Working with Forms in HTML

Lecture 12: Iframes in HTML

Lecture 13: Anchor tags in html

Lecture 14: Tables in HTML

Lecture 15: HTML entities

Lecture 16: Join the student community

Chapter 3: HTML5 project

Lecture 1: portfolio website that we will be making

Lecture 2: Project: Portfolio using HTML

Lecture 3: Uploading our website to Github

Chapter 4: Some fun

Lecture 1: Some fun tricks that you can show to your friends

Chapter 5: CSS 3

Lecture 1: Introduction to CSS

Lecture 2: Inline CSS

Lecture 3: Internal CSS

Lecture 4: CSS syntax

Lecture 5: Classes and id's

Lecture 6: div in css

Lecture 7: colors in css

Lecture 8: floating in css

Lecture 9: positioning in css

Lecture 10: margins in css

Lecture 11: padding in css

Lecture 12: Borders

Lecture 13: fonts

Lecture 14: text styling

Lecture 15: text alignment

Lecture 16: External css

Chapter 6: Facebook login page project

Lecture 1: the website that we will be making

Lecture 2: Facebook project part-1

Lecture 3: Facebook project part-2

Chapter 7: Bootstrap 5

Lecture 1: Introduction to bootstrap 5

Lecture 2: Implementing bootstrap 5 to our website

Lecture 3: breakpoints,containers,grid and columns

Lecture 4: Buttons and Navbar

Lecture 5: forms in bootstrap

Lecture 6: Bootstrap 5 components

Lecture 7: More components

Chapter 8: Landing page

Lecture 1: Landing page that we will make

Lecture 2: Bootstrap landing page

Lecture 3: Uploading our website to webserver

Chapter 9: Javascript Introduction

Lecture 1: What is Javascript

Lecture 2: Interactive Websites

Chapter 10: Javascript Basics

Lecture 1: Where to write

Lecture 2: External Javascript

Lecture 3: Javascript Statements

Lecture 4: Finding Errors

Lecture 5: Helloworld Program

Lecture 6: Datatypes

Lecture 7: Conditional Statements

Lecture 8: Loops

Lecture 9: Functions

Lecture 10: Passing parametres to functions

Lecture 11: Arrays

Lecture 12: Array methods

Lecture 13: Strings

Lecture 14: Object Part-1

Lecture 15: Object Part-2

Lecture 16: This Keyword

Lecture 17: Date and Time

Lecture 18: Sorting of an Array

Lecture 19: Type Casting

Chapter 11: DOM Manipulation

Lecture 1: DOM Introduction

Lecture 2: Accessing HTML Elemements

Lecture 3: CSS Manipulation

Lecture 4: Buttons Onlick

Lecture 5: Event Handling

Lecture 6: Adding / Deleting HTML elements using JS

Lecture 7: Getting Input Values

Lecture 8: Popup Boxes

Lecture 9: Addition Program

Lecture 10: Project 1 – User Authentication

Lecture 11: Radio Buttons

Lecture 12: Selection list

Lecture 13: CheckBoxes

Lecture 14: Student Registration form

Chapter 12: Jquery

Lecture 1: Jquery Introduction

Lecture 2: Jquery CSS

Lecture 3: Jquery Append/Remove