1. Introduction FREE CHAPTER

• What is JavaScript and where can you use it?
• Who Am I?
• What will you know after this course?
• Assumptions in this course

2. Editor

• Downloading and installing editor
• Creating the project / structure of project
• Useful shortcuts that will save you tons of time

3. Basics

• Properly embedding JS scripts on your website reducing website loading speed
• Basics: How is your script executed? Whitespaces/semicolons etc.
• Comments
• Variables

4. Operators

• Arithmetic operators
• Relational operators
• Logical operators

5. Conditions

• Conditional Statements
• Conditional operator ?:
• Switch

6. Functions

• Functions basics
• Scope of Variables within Functions and Outside of Functions
• Function Expressions | Anonymous function

7. Objects

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

8. Arrays

• Arrays
• Useful Array Methods

9. Loops

• What is a loop? while and do while loop
• loop for
• instruction break and continue
• loop for/in - used for processing objects
• EXERCISE: Argument Object in function (unlimited number of arguments)

10. DOM (Document Object Model)

• What is DOM / how to obtain content of your website
• querySelector - fast and easy accessing of elements on the website
• Changing dynamically styles of elements using JS
• Adding and removing elements from document
• EXERCISE: Loop inside another Loop - printing out multiplication table

11. Events

• Basics of Events
• 'this' - accessing the element that invoked the event function
• onload event - VERY IMPORTANT LESSON DO NOT SKIP IT
• Adding and removing event listener
• Event object as an automatically passed argument to function
• Propagating (multiplication of events)
• Preventing browser default action for example blocking context menu
• EXERCISE: onscroll Event - 'jump to the top of website' button
• Mouse events - dragging the image
• setTimeout and setInterval - Timing Events
• EXERCISE: upgrading the code from the last lesson to object oriented way

12. Validating Forms using Events

• How to validate forms? Validating text type input using form related events
• Stopping form from submitting when any data in a form is not correct
• Checkbox
• radio input on terms and condition example
• select (combo box)

13. String

• Manipulating a string using String's methods
• Breaking string in many lines for readability and special characters

14. RegExp

• Regular expressions
• Regexp match vs exec function
• EXERCISE: RegExp on practical example - testing password in input

15. Date

• Time manipulation with Date object
• Exercise: A Clock on your website

16. Cookies

• What are cookies?
• Function for creating cookies
• Function for removing cookies
• Platform as a Service Function for finding value of cookie by keyname(PaaS)
• Properly interpreting special characters - EncodeURIComponent method

17. Dialog Window

• Confirm and prompt box

18. Math

• Rounding numbers and the most useful Math methods
• Randomness
• EXERCISE: Random quotes

19. Location

• How to get and change location (URL) of your user?

20. Images

• Loading Images only when needed - save your bandwidth and improve user experience

21. Exercises

• Slideshow
• Slideshow animated in JS using CSS property transition
• Animation using setInterval that is supported in every web browser
• Image gallery with thumbnails
• Tooltip - how to create a hint box?

22. Closures

• What are closures on practical example?

23. Advanced - Optional Topics

• Bitwise operators

24. BONUS 1: Debugging

• Firebug
• Debugging with console commands
• Great online tools for testing and sharing your code
• strict mode

25. BONUS 2: Best practises

• Code performance
• Keeping one .js file
• Compressing JS files
• 7 most common mistakes you should avoid
• Changing IDE coloristics - keep your eyes healthy

26. Summary

• What after this course?