Learn to Become A Frontend Web Developer: A Beginner Course

Course Curriculum

Chapter 1: Getting Started

Lecture 1: What is frontend web development

Lecture 2: Importance of Frontend web development skills

Lecture 3: Introduction To Html

Lecture 4: Introduction To Css

Lecture 5: Javascript Introduction

Lecture 6: Text Editor

Lecture 7: What is Http

Lecture 8: Http Request Methods

Chapter 2: Creating the scaffolding with HTML

Lecture 1: HTML Document Structure

Lecture 2: Indenting and HTML Document Tree (Parent-Child Relationship)

Lecture 3: Elements | Attributes | Links

Lecture 4: HTML Comments

Lecture 5: Creating paragrapgh

Lecture 6: Creating Headlines with Heading Tags

Lecture 7: Creating Div and Class

Lecture 8: Adding Video and AudiO

Lecture 9: Creating Lists

Lecture 10: Non Breaking Space Entity

Lecture 11: Folder Structure

Lecture 12: Adding Images

Lecture 13: What are Forms

Lecture 14: Creating a dropdown selection list

Lecture 15: Grouping Form Data

Lecture 16: Creating a simple form

Lecture 17: Creating a textarea

Chapter 3: Using CSS To make your website look presentable

Lecture 1: CSS Syntax

Lecture 2: Ways to Apply Css

Lecture 3: Css Padding

Lecture 4: Css Margin Property

Lecture 5: Css Color Property

Lecture 6: CSS BOX Model

Lecture 7: Dealing with Overflow

Lecture 8: css positioning

Lecture 9: Css Display

Chapter 4: Creating Interaction with Javascript

Lecture 1: Javascript Syntax

Lecture 2: Where javascript can be placed

Lecture 3: Javascript Comments

Lecture 4: Javascript Data Types

Lecture 5: Javascript Operators

Lecture 6: Javascript variables

Lecture 7: Javascript Functions

Lecture 8: Javascript Events

Lecture 9: Javascript conditional statements

Lecture 10: Changing webpage content with javascript

Chapter 5: Bootstrap

Lecture 1: What is Bootstrap

Lecture 2: Connecting to Bootstrap

Lecture 3: Creating Image Slider

Lecture 4: Creating buttons made simple

Lecture 5: Checking your progress with a progress bar

Lecture 6: Creating a simple webpage

Chapter 6: jQuery

Lecture 1: What is jQuery

Lecture 2: jQuery Syntax

Lecture 3: jQuery Events

Lecture 4: jQuery Events Handlers

Lecture 5: jQuery Effects and Animations

Lecture 6: jQuery Selectors

Lecture 7: Chaining with jQuery

Lecture 8: jQuery CallBack Functions

Lecture 9: Thank You