Learn Professional Web Development Skills From Scratch

Course Curriculum

Chapter 1: How the Web Works ?

Lecture 1: Introduction

Lecture 2: The web and Internet

Lecture 3: Communication with HTTP

Lecture 4: What is an API ?

Lecture 5: Frontend Web Development

Lecture 6: Backend Web Development

Lecture 7: Core web development languages

Chapter 2: Free Online Web Development Environments

Lecture 1: Codepen

Lecture 2: JSBIN

Lecture 3: JSFiddle

Lecture 4: Plunker

Lecture 5: Dabblet

Lecture 6: Liveweave

Chapter 3: Tools the professionals use

Lecture 1: Computer

Lecture 2: Text editor

Lecture 3: Atom text editor

Lecture 4: Brackets text editor

Lecture 5: SublimeText editor

Lecture 6: Visual studio code editor

Lecture 7: Web browsers

Lecture 8: Version control system

Chapter 4: Planning a web project

Lecture 1: Planning

Lecture 2: Designing your project

Lecture 3: Choosing your assets

Lecture 4: Creating project directory and files

Chapter 5: Introduction to HTML

Lecture 1: What is HTML

Lecture 2: Anatomy of an HTML Element

Lecture 3: HTML Element Hierarchy

Lecture 4: Nesting Elements

Lecture 5: Empty elements

Lecture 6: Basic anatomy of an HTML Document

Lecture 7: Basic structure of an HTML document

Lecture 8: Create HTML document structure – part 1

Lecture 9: Create HTML document structure – part 2

Lecture 10: Create HTML document structure – part 3

Lecture 11: Introduction to HTML Attributes

Lecture 12: Using HTML Attributes

Lecture 13: Marking UP Text

Lecture 14: Creating Links

Lecture 15: Adding comments to your code

Lecture 16: What is a source code

Lecture 17: HTML Images

Lecture 18: Editing yout HTML Document

Lecture 19: Indenting your code

Lecture 20: Viewing source code

Lecture 21: Inspecting Elements

Lecture 22: Headings

Lecture 23: Paragraphs

Lecture 24: Creating Lists

Lecture 25: Creating LInks

Lecture 26: Formatting Text

Lecture 27: Adding an Iframe

Lecture 28: Creating divs

Lecture 29: Code comments

Lecture 30: Using id attribute

Lecture 31: Using class attribute

Lecture 32: The SPAN element

Lecture 33: Block level elements

Lecture 34: Inline elements

Lecture 35: HTML Forms – part 1

Lecture 36: HTML Forms – part 2

Lecture 37: HTML Tables

Lecture 38: HTML entities

Chapter 6: Project: Create a basic website

Lecture 1: What we will create

Lecture 2: Planning and design

Lecture 3: Creating project directory

Lecture 4: Creating HTML document

Lecture 5: Adding content – part 1

Lecture 6: Adding content – part 2

Lecture 7: Adding content – part 3

Lecture 8: Adding a table

Lecture 9: Adding a form – part 1

Lecture 10: Adding a form – part 2

Chapter 7: Introduction to 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: Basic CSS Selectors

Lecture 7: Adding css comments

Lecture 8: The CSS Box Model

Lecture 9: CSS Margin and Padding properties

Lecture 10: Changing background color

Lecture 11: CSS Display Property

Lecture 12: Positioning and styling page title

Lecture 13: CSS Font Property

Lecture 14: Google fonts

Chapter 8: Introduction to Bootstrap

Lecture 1: What is Bootstrap

Lecture 2: Adding bootstrap

Lecture 3: Overview

Lecture 4: Creating a basic website in minutes

Lecture 5: Creating buttons