JavaScript from Beginner to Expert

Introduction
1 What is JavaScript and where can you use it
2 Who Am I
3 What will you know after this course
4 Assumptions in this course

Editor
5 Downloading and installing editor
6 Creating the project _ structure of project
7 Useful shortcuts that will save you tons of time

Basics
8 Properly embedding JS scripts on your website reducing website loading speed
9 Basics – How is your script executed Whitespaces_semicolons etc.
10 Comments
11 Variables

Operators
12 Arithmetic operators
13 Relational operators
14 Logical operators

Conditions
15 Conditional Statements
16 Conditional operator –
17 Switch

Functions
18 Functions basics
19 Scope of Variables within Functions and Outside of Functions
20 Function Expressions _ Anonymous function

Objects
21 What are and how to create objects
22 Using an Object Constructor Function (class)
23 Adding Properties to Objects using Prototype

Arrays
24 Arrays
25 Useful Array Methods

Loops
26 What is a loop while and do while loop
27 loop for
28 instruction break and continue
29 loop for_in – used for processing objects
30 EXERCISE – Argument Object in function (unlimited number of arguments)

DOM (Document Object Model)
31 What is DOM _ how to obtain content of your website
32 querySelector – fast and easy accessing of elements on the website
33 Changing dynamically styles of elements using JS
34 Adding and removing elements from document
35 EXERCISE – Loop inside another Loop – printing out multiplication table

Events
36 Basics of Events
37 ‘this’ – accessing the element that invoked the event function
38 onload event – VERY IMPORTANT LESSON DO NOT SKIP IT
39 Adding and removing event listener
40 Event object as an automatically passed argument to function
41 Propagating (multiplication of events)
42 Preventing browser default action for example blocking context menu
43 EXERCISE – onscroll Event – ‘jump to the top of website’ button
44 Mouse events – dragging the image
45 setTimeout and setInterval – Timing Events
46 EXERCISE – upgrading the code from the last lesson to object oriented way

Validating Forms using Events#
47 How to validate forms Validating text type input using form related events
48 Stopping form from submitting when any data in a form is not correct
49 Checkbox
50 radio input on terms and condition example
51 select (combo box)

String
52 Manipulating a string using String’s methods
53 Breaking string in many lines for readability and special characters

RegExp
54 Regular expressions
55 Regexp match vs exec function
56 EXERCISE – RegExp on practical example – testing password in input

Date
57 Time manipulation with Date object
58 Exercise – A Clock on your website

Cookies
59 What are cookies
60 Function for creating cookies
61 Function for removing cookies
62 Platform as a Service Function for finding value of cookie by keyname(PaaS)
63 Properly interpreting special characters – EncodeURIComponent method

Dialog Window#
64 Confirm and prompt box

Math
65 Rounding numbers and the most useful Math methods
66 Randomness
67 EXERCISE – Random quotes

Location
68 How to get and change location (URL) of your user

Images
69 Loading Images only when needed – save your bandwidth and improve user experience

Exercises
70 Slideshow
71 Slideshow animated in JS using CSS property transition
72 Animation using setInterval that is supported in every web browser
73 Image gallery with thumbnails
74 Tooltip – how to create a hint box

Closures
75 What are closures on practical example

Advanced – Optional Topics#
76 Bitwise operators

BONUS 1 – Debugging
77 Firebug
78 Debugging with console commands
79 Great online tools for testing and sharing your code
80 strict mode

BONUS 2 – Best practises#
81 Code performance
82 Keeping one .js file
83 Compressing JS files
84 most common mistakes you should avoid
85 Changing IDE coloristics – keep your eyes healthy

Summary
86 What after this course