O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

JavaScript from Beginner to Expert

Video Description

Become a JavaScript expert in 30 days, even if you are a beginner. Become a front-end developer of websites in JS

About This Video

  • You will understand all concepts and create your own applications!
  • You can become a front-end developer.
  • JavaScript is a much-demanded language by employers.

In Detail

The course is designed for people who don't have any knowledge about programming or want to truly understand JavaScript. It doesn't matter if you have never written any programs or you have no idea about programming... After my course, all this will change. You will bust the myth that programming is a difficult thing only for the few! JavaScript will bring life to your website. Learn JavaScript in order to improve the user experience on your website, which will result in more visitors and sales, because happy visitors = a better reputation for your website. JavaScript gives your website additional functionalities that can be executed on the user's computer without re-connecting to the server. This allows you to do things that you cannot do with only HTML. Because of this, the user interface becomes friendlier and more inter-active JavaScript is a programming language used for creating dynamic action on your website. If you want to remove/change/add content to your website dynamically, you must know JavaScript. After this course, you will know JavaScript perfectly. This is the most organized course about JavaScript from Beginner to Expert on the whole Internet. I will take you step by step from theory to practical examples, like image sliders and animation.

Table of Contents

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