JavaScript from Beginner to Expert

Course Curriculum

Chapter 1: Introduction

Lecture 1: Welcome to my JavaScript course

Lecture 2: What is Javascript and where can you use it?

Chapter 2: Editor

Lecture 1: Downloading and installing editor

Lecture 2: Creating the project / structure of project

Chapter 3: EXTRA: Useful Shortcuts

Lecture 1: Useful shortcuts that will save you tons of time

Lecture 2: Useful shortcuts ready to print!

Chapter 4: Basics

Lecture 1: Properly embedding JS scripts on your website reducing website loading speed

Lecture 2: Basics: How is your script executed? Whitespaces/semicolons etc.

Lecture 3: Comments

Lecture 4: Variables

Lecture 5: EXERCISE: Calculating Gross Prices with VAT

Lecture 6: const variables – why and when should you use 'const' keyword?

Chapter 5: Operators

Lecture 1: Arithmetic operators

Lecture 2: Relational operators

Lecture 3: Logical operators

Chapter 6: Conditions

Lecture 1: Conditional Statements

Lecture 2: Conditional operator ?:

Lecture 3: Switch

Chapter 7: Functions

Lecture 1: Functions basics

Lecture 2: Scope of Variables within Functions and Outside of Functions

Lecture 3: Scope of Variables – fast text summary

Lecture 4: let vs var – what is hoisting?

Lecture 5: let vs var – fast text summary

Lecture 6: Function Expressions | Anonymous function

Chapter 8: Objects

Lecture 1: What are and how to create objects?

Lecture 2: If your script is not working watch in Event section about onload event

Lecture 3: Using an Object Constructor Function (class)

Lecture 4: Adding Properties to Objects using Prototype

Chapter 9: Arrays

Lecture 1: Arrays

Lecture 2: Useful Array Methods

Chapter 10: Loops

Lecture 1: What is loop? while and do while loop

Lecture 2: loop for

Lecture 3: instruction break and continue

Lecture 4: loop for/in – used for processing objects

Lecture 5: EXERCISE: Argument Object in function (unlimited number of arguments)

Chapter 11: DOM (Document Object Model)

Lecture 1: What is DOM / how to obtain content of your website

Lecture 2: querySelector – fast and easy accessing of elements on the website

Lecture 3: Changing dynamically styles of elements using JS

Lecture 4: Adding and removing elements from document

Lecture 5: EXERCISE: Loop inside another Loop – printing out multiplication table

Chapter 12: Events

Lecture 1: Basics of Events

Lecture 2: 'this' – accessing the element that invoked the event function

Lecture 3: Why do we use 'this' keyword?

Lecture 4: onload event – VERY IMPORTANT LESSON DO NOT SKIP IT

Lecture 5: Adding and removing event listener

Lecture 6: Event object as an automatically passed argument to function

Lecture 7: Propagating (multiplication of events)

Lecture 8: Preventing browser default action for example blocking context menu

Lecture 9: EXERCISE: onscroll Event – 'jump to the top of website' button

Lecture 10: Mouse events – dragging the image

Lecture 11: setTimeout and setInterval – Timing Events

Lecture 12: EXERCISE: upgrading the code from the last lesson to object oriented way

Chapter 13: Validating Forms using Events

Lecture 1: How to validate forms? Validating text type input using form related events

Lecture 2: Stopping form from submitting when any data in a form is not correct

Lecture 3: checkbox

Lecture 4: radio input on terms and condition example

Lecture 5: select (combo box)

Chapter 14: String

Lecture 1: Manipulating a string using String's methods

Lecture 2: Breaking string in many lines for readability and special characters

Chapter 15: RegExp

Lecture 1: RegExp Object reference

Lecture 2: Regular expressions

Lecture 3: Regexp match vs exec function

Lecture 4: EXERCISE: RegExp on practical example – testing password in input

Chapter 16: Date

Lecture 1: Time manipulation with Date object

Lecture 2: Exercise: A Clock on your website

Chapter 17: Cookies

Lecture 1: What are cookies?

Lecture 2: Function for creating cookies

Lecture 3: Function for removing cookies

Lecture 4: Function for finding value of cookie by keyname

Lecture 5: Properly interpreting special characters – EncodeURIComponent method

Chapter 18: Dialog Window

Lecture 1: Confirm and prompt box