JavaScript from Beginner to Expert

JavaScript from Beginner to Expert



Section 1 - Introduction

Lecture 1: What is Javascript and where can you use it?
05:51
Lecture 2: Who Am I?
00:51
Lecture 3: What you will know after this course?
01:41
Lecture 4: Assumptions in this course
02:55
Section 2 - Editor

Lecture 5: Downloading and installing editor
05:37
Lecture 6: Creating the project / structure of project
06:05
Lecture 7: Useful shortcuts that will save you tons of time
12:12
Lecture 8: Useful shortcuts in text used in lecture 8
Text
Section 3 - Basics

Lecture 9: Properly embedding JS scripts on your website reducing website loading speed
13:41
Lecture 10: Basics: How is your script executed? Whitespaces/semicolons etc.
08:26
Lecture 11: Comments
04:19
Lecture 12: Variables
17:20
Quiz 1: Practise your basic knowledge
6 questions
Section 4 - Operators

Lecture 13: Arithmetic operators
13:05
Lecture 14: Relational operators
05:58
Lecture 15: Logical operators
07:26
Lecture 16: Bitwise operators
17:17
Quiz 2: Practise your knowledge about the operators
9 questions
Section 5 - Conditions

Lecture 17: Conditional Statements
10:58
Lecture 18: Conditional operator ?:
04:45
Lecture 19: Switch
05:25
Quiz 3: Practise your knowledge about the conditional statements
4 questions
Section 6 - Functions

Lecture 20: Functions basics
17:31
Lecture 21: Scope of Variables within Functions and Outside of Functions
08:51
Lecture 22: Scope of Variables - fast text summary
Text
Lecture 23: Function Expressions | Anonymous function
12:43
Quiz 4: Practise your knowledge about the functions
6 questions
Section 7 - Objects

Lecture 24: What are and how to create objects?
13:36
Lecture 25: If your script is not working watch in Event section about onload event
Text
Lecture 26: Using an Object Constructor Function (class)
10:56
Lecture 27: Adding Properties to Objects using Prototype
05:38
Quiz 5: Practise your knowledge about the objects
6 questions
Section 8 - Arrays

Lecture 28: Arrays
14:03
Lecture 29: Useful Array Methods
17:02
Quiz 6: Practise your knowledge about the Arrays
5 questions
Section 9 - Loops

Lecture 30: What is loop? while and do while loop
16:02
Lecture 31: loop for
03:29
Lecture 32: instruction break and continue
06:15
Lecture 33: loop for/in - used for processing objects
07:45
Lecture 34: EXERCISE: Argument Object in function (unlimited number of arguments)
05:48
Quiz 7: Practise your knowledge about the loops
4 questions
Section 10 - DOM (Document Object Model)

Lecture 35: What is DOM / how to obtain content of your website
18:34
Lecture 36: querySelector - fast and easy accessing of elements on the website
06:05
Lecture 37: Changing dynamically styles of elements using JS
04:10
Lecture 38: Adding and removing elements from document
10:30
Lecture 39: EXERCISE: Loop inside another Loop - printing out multiplication table
09:55
Quiz 8: Practise your knowledge about DOM
3 questions
Section 11 - Events

Lecture 40: Basics of Events
09:08
Lecture 41: 'this' - accessing the element that invoked the event function
06:09
Lecture 42: onload event - VERY IMPORTANT LESSON DO NOT SKIP IT
04:00
Lecture 43: Adding and removing event listener
16:27
Lecture 44: Event object as an automatically passed argument to function
18:03
Lecture 45: Propagating (multiplication of events)
05:35
Lecture 46: Preventing browser default action for example blocking context menu
06:05
Lecture 47: EXERCISE: onscroll Event - 'jump to the top of website' button
07:59
Lecture 48: Mouse events - dragging the image
12:29
Lecture 49: setTimeout and setInterval - Timing Events
16:33
Lecture 50: EXERCISE: upgrading the code from the last lesson to object oriented way
14:29
Quiz 9: Practise your knowledge about Events
6 questions
Section 12 - Validating Forms using Events

Lecture 51: How to validate forms? Validating text type input using form related events
19:21
Lecture 52: Stopping form from submitting when any data in a form is not correct
03:38
Lecture 53: checkbox
06:38
Lecture 54: radio input on terms and condition example
06:25
Lecture 55: select (combo box)
07:28
Quiz 10: Practise your knowledge about validating forms
4 questions
Section 13 - String

Lecture 56: Manipulating a string using String's methods
15:12
Lecture 57: Breaking string in many lines for readability and special characters
05:06
Section 14 - RegExp

Lecture 58: RegExp Object reference
Text
Lecture 59: Regular expressions
22:14
Lecture 60: Regexp match vs exec function
04:56
Lecture 61: EXERCISE: RegExp on practical example - testing password in input
09:28
Section 15 - Date

Lecture 62: Time manipulation with Date object
19:31
Lecture 63: Exercise: A Clock on your website
14:31
Section 16 - Cookies

Lecture 64: What are cookies?
15:12
Lecture 65: Function for creating cookies
04:55
Lecture 66: Function for removing cookies
01:37
Lecture 67: Function for finding value of cookie by keyname
05:57
Lecture 68: Properly interpreting special characters - EncodeURIComponent method
01:49
Section 17 - Dialog Window

Lecture 69: Confirm and prompt box
05:59
Section 18 - Math

Lecture 70: Rounding numbers and the most useful Math methods
07:16
Lecture 71: Randomness
04:02
Lecture 72: EXERCISE: Random quotes
03:41
Section 19 - Location

Lecture 73: How to get and change location (URL) of your user?
03:08
Section 20 - Images

Lecture 74: Loading Images only when needed - save your bandwith and improve user experience
09:30
Section 21 - Exercises

Lecture 75: Slideshow
11:11
Lecture 76: Slideshow animated in JS using CSS property transition
04:36
Lecture 77: Animation using setInterval that is supported in every web browser
04:33
Lecture 78: Image gallery with thumbnails
14:11
Lecture 79: Tooltip - how to create a hint box?
16:21
Section 22 - BONUS 1: Debugging

Lecture 80: Firebug
03:28
Lecture 81: Debugging with console commands
04:06
Lecture 82: Great online tools for testing and sharing your code
04:34
Lecture 83: strict mode
02:06
Section 23 - BONUS 2: Best practises

Lecture 84: Code performance
03:50
Lecture 85: Keeping one .js file
02:30
Lecture 86: Compressing JS files
03:50
Lecture 87: 7 most common mistakes you should avoid
07:26
Lecture 88: Changing IDE coloristics - keep your eyes healthy
03:05
Section 24 - Summary

Lecture 89: What after this course?