Autoplay
Autocomplete
Previous Lesson
Complete and Continue
JavaScript from Beginner to Expert
Introduction
What is Javascript and where can you use it?
Who am I?
Assumptions in this course
What you will know after this course?
Editor
Downloading and installing editor
Creating the project / structure of project
Useful shortcuts that will save you tons of time
Basics
Properly embedding JS scripts on your website reducing website loading speed
Basics: How is your script executed? Whitespaces/semicolons etc.
Comments
Variables
Operators
Arithmetic operators
Relational operators
Logical operators
Bitwise operators
Conditions
Conditional Statements
Conditional operator ?:
Switch
Functions
Functions basics
Scope of Variables within Functions and Outside of Functions
Function Expressions | Anonymous function
Objects
What are and how to create objects?
Using an Object Constructor Function (class)
Adding Properties to Objects using Prototype
Arrays
Arrays
Useful Array Methods
Loops
What is 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)
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
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
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)
String
Manipulating a string using String's methods
Breaking string in many lines for readability and special characters
RegExp
Regular expressions
Regexp match vs exec function
EXERCISE: RegExp on practical example - testing password in input
Date
Time manipulation with Date object
Exercise: A Clock on your website
Cookies
What are cookies?
Function for creating cookies
Function for removing cookies
Function for finding value of cookie by keyname
Properly interpreting special characters - EncodeURIComponent method
Dialog Window
Confirm and prompt box
Math
Rounding numbers and the most useful Math methods
Randomness
EXERCISE: Random quotes
Location
How to get and change location (URL) of your user?
Images
Loading Images only when needed - save your bandwith and improve user experience
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?
Closures
What are closures on practical example?
BONUS 1: Debugging
Firebug
Debugging with console commands
Great online tools for testing and sharing your code
strict mode
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
Summary
What after this course?
Using an Object Constructor Function (class)
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock