Autoplay
Autocomplete
Previous Lesson
Complete and Continue
JavaScript from Beginner to Expert
Introduction
What is Javascript and where can you use it? (5:53)
Who am I? (0:51)
Assumptions in this course (2:56)
What you will know after this course? (1:41)
Editor
Downloading and installing editor (5:37)
Creating the project / structure of project (6:05)
Useful shortcuts that will save you tons of time (12:14)
Basics
Properly embedding JS scripts on your website reducing website loading speed (13:43)
Basics: How is your script executed? Whitespaces/semicolons etc. (8:28)
Comments (4:21)
Variables (17:22)
Operators
Arithmetic operators (13:07)
Relational operators (5:58)
Logical operators (7:26)
Bitwise operators (17:17)
Conditions
Conditional Statements (10:58)
Conditional operator ?: (4:47)
Switch (5:25)
Functions
Functions basics (17:31)
Scope of Variables within Functions and Outside of Functions (8:53)
Function Expressions | Anonymous function (12:45)
Objects
What are and how to create objects? (13:36)
Using an Object Constructor Function (class) (10:58)
Adding Properties to Objects using Prototype (5:40)
Arrays
Arrays (14:03)
Useful Array Methods (17:04)
Loops
What is loop? while and do while loop (16:02)
loop for (3:29)
instruction break and continue (6:17)
loop for/in - used for processing objects (7:47)
EXERCISE: Argument Object in function (unlimited number of arguments) (5:48)
DOM (Document Object Model)
What is DOM / how to obtain content of your website (18:34)
querySelector - fast and easy accessing of elements on the website (6:05)
Changing dynamically styles of elements using JS (4:12)
Adding and removing elements from document (10:32)
EXERCISE: Loop inside another Loop - printing out multiplication table (9:57)
Events
Basics of Events (9:10)
'this' - accessing the element that invoked the event function (6:11)
onload event - VERY IMPORTANT LESSON DO NOT SKIP IT (4:00)
Adding and removing event listener (16:29)
Event object as an automatically passed argument to function (18:05)
Propagating (multiplication of events) (5:37)
Preventing browser default action for example blocking context menu (6:05)
EXERCISE: onscroll Event - 'jump to the top of website' button (7:59)
Mouse events - dragging the image (12:29)
setTimeout and setInterval - Timing Events (16:35)
EXERCISE: upgrading the code from the last lesson to object oriented way (14:31)
Validating Forms using Events
How to validate forms? Validating text type input using form related events (19:21)
Stopping form from submitting when any data in a form is not correct (3:38)
checkbox (6:38)
radio input on terms and condition example (6:25)
select (combo box) (7:30)
String
Manipulating a string using String's methods (15:14)
Breaking string in many lines for readability and special characters (5:08)
RegExp
Regular expressions (22:16)
Regexp match vs exec function (4:58)
EXERCISE: RegExp on practical example - testing password in input (9:30)
Date
Time manipulation with Date object (19:33)
Exercise: A Clock on your website (14:33)
Cookies
What are cookies? (15:14)
Function for creating cookies (4:57)
Function for removing cookies (1:37)
Function for finding value of cookie by keyname (5:57)
Properly interpreting special characters - EncodeURIComponent method (1:49)
Dialog Window
Confirm and prompt box (5:59)
Math
Rounding numbers and the most useful Math methods (7:16)
Randomness (4:02)
EXERCISE: Random quotes (3:41)
Location
How to get and change location (URL) of your user? (3:08)
Images
Loading Images only when needed - save your bandwith and improve user experience (9:30)
Exercises
Slideshow (11:11)
Slideshow animated in JS using CSS property transition (4:36)
Animation using setInterval that is supported in every web browser (4:35)
Image gallery with thumbnails (14:13)
Tooltip - how to create a hint box? (16:23)
Closures
What are closures on practical example? (14:49)
BONUS 1: Debugging
Firebug (3:28)
Debugging with console commands (4:06)
Great online tools for testing and sharing your code (4:36)
strict mode (2:06)
BONUS 2: Best practises
Code performance (3:51)
Keeping one .js file (2:30)
Compressing JS files (3:50)
7 most common mistakes you should avoid (7:26)
Changing IDE coloristics - keep your eyes healthy (3:06)
Summary
What after this course? (8:07)
querySelector - fast and easy accessing of elements on the website
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock