Essential Web Developer and SQL Skills For Beginners

Course Curriculum

Chapter 1: Introduction and Professional Web Developer Tools

Lecture 1: Introduction

Lecture 2: Core web development languages

Lecture 3: Introduction to Text Editors

Lecture 4: Installing ATOM Text Editor

Lecture 5: Installing Brackets Text Editor

Lecture 6: Installing SublimeText Editor

Lecture 7: Installing Visual studio code

Lecture 8: Installing Web browsers

Chapter 2: Online Web Development Playgrounds

Lecture 1: Introduction

Lecture 2: Codepen

Lecture 3: JSBIN

Lecture 4: JS Fiddle

Lecture 5: Dabblet

Lecture 6: Liveweave

Lecture 7: Plunker

Chapter 3: Planning a web project

Lecture 1: Introduction

Lecture 2: Sketching your design

Lecture 3: Creating files and folders

Lecture 4: Choosing your assets

Chapter 4: Building a webpage content with: HTML

Lecture 1: What is HTML

Lecture 2: Anatomy of an HTML Element

Lecture 3: Basic structure of an HTML document

Lecture 4: Create a basic HTML document structure

Lecture 5: Create a basic HTML document structure- Part 2

Lecture 6: Create a basic HTML document structure -Part 3

Lecture 7: The Source Code

Lecture 8: HTML Attributes

Lecture 9: Marking UP Text

Lecture 10: Creating Links

Lecture 11: HTML Comments

Chapter 5: Styling a webpage with – 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: CSS Comments

Lecture 8: The Box Model

Lecture 9: Margin and Padding Property

Lecture 10: Changing background color

Lecture 11: The border Property

Lecture 12: Positioning and styling page title

Lecture 13: CSS Display Property

Lecture 14: CSS Font Property

Lecture 15: Using Google Fonts

Chapter 6: Adding interaction with – JavaScript

Lecture 1: What is JavaScript

Lecture 2: Where to place JavaScript

Lecture 3: The developer console

Lecture 4: The Syntax

Lecture 5: What are statements

Lecture 6: Expressions

Lecture 7: Executing a program

Lecture 8: The Output

Lecture 9: The Input

Lecture 10: What are variable

Lecture 11: Variable naming convention

Lecture 12: Arrays

Lecture 13: Data Types

Lecture 14: Mixing Data Types

Lecture 15: Operators

Lecture 16: Arithmetic Operators

Lecture 17: Assignment Operators

Lecture 18: Operator Precedence

Lecture 19: String Operators

Lecture 20: Comparison Operators

Lecture 21: Logical Operators

Lecture 22: Conditional statements

Lecture 23: Functions

Lecture 24: Javascript Comments

Lecture 25: Linting Tools

Lecture 26: Events

Lecture 27: Adding image changer to webpage

Lecture 28: Fixing JSLINT error – Part 1

Lecture 29: Fixing JSLINT error – Part 2

Lecture 30: Adding welcome message to webpage

Chapter 7: Web App Project: Build a Calculator

Lecture 1: Overview

Lecture 2: What we will build

Lecture 3: Creating directories and files

Lecture 4: Creating the structure

Lecture 5: Styling the app

Lecture 6: Adding interaction

Chapter 8: Web App Project: Build a Clock

Lecture 1: Overview

Lecture 2: What we will create

Lecture 3: Creating project directory and files

Lecture 4: Creating the structure

Lecture 5: Styling the app

Lecture 6: Adding functionality

Chapter 9: Web App Project: Build TodoList

Lecture 1: Overview

Lecture 2: What we will create

Lecture 3: Creating directory and files

Lecture 4: Creating the project structure