JavaScript from Beginner to Expert

Become a JavaScript expert in 30 days, even if you are a JS beginner. Become a front-end developer of websites in JS
JavaScript from Beginner to Expert
File Size :
6.24 GB
Total length :
12h 39m



Arkadiusz Włodarczyk


Last update

Last updated 12/2022



JavaScript from Beginner to Expert

What you’ll learn

You will be able to create tooltips, slideshows, galleries with thumbnails and many more
You will understand events, variables, objects, arrays, functions, loops, conditional statements, DOM, RegExp, Cookies and use that info in your scripts.
You will know how to pre-validate all kind of forms and give users information if something is wrong without reloading the website
You will know how to debug and keep your code performing well
Quizzes and exercises
Support from the author
Organised material taking you from the Beginner to Expert level in Javascript

JavaScript from Beginner to Expert


You should already be familiar with basics of HTML and CSS.


Would you like to learn JavaScript and become a good earning front-end developer?Save your precious time by buying this course. You will learn how to program in JavaScript in a fast and easy way!The total length of the JavaScript course is over 12 hours! You will learn theory and you will also gain lots of practice. During the course, I will explain to you how to write real-life applications, like galleries with thumbnails, image sliders, etc.I will do everything so that you understand JavaScript. After this course, you will always understand the code you are writing. You will understand all concepts and create your own applications!After my course, you can become a front-end developer. JavaScript is a very demanded language by employers.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.By life, I mean inter-active, animated elements like:  tooltipsimage slidersforms with pre-validationslided panelsgalleries with thumbnailsmenusand many moreLearn 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 more friendly and more inter-activeJavascript 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 organised 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. Understanding JavaScript syntax well will allow you to also understand jQuery framework better. jQuery framework is a large library of useful JavaScript functions that allows you to write less code while at the same time accomplishing much more.What’s more, JavaScript is required to understand AJAX which allows you to load content on your website without reloading the whole website.    As a front-end developer you have to know HTML, CSS and JavaScript perfectly.In addition to this, I’m adding two BONUS sections about Debugging and Best practices for developing clean, easy to maintain and well-performing code in JavaScript.JavaScript is necessary for becoming a front-end developer. Imagine a situation where you have a clock on your website. You would need to request a new value from the server every second in order to update this clock. With JavaScript, everything runs on the user’s end without re-connecting to the server. Just imagine what a mess it would be if the clock needed to reset every second. Your webpage would have to constantly reload to update the content, destroying the user experience. With JavaScript you can update the content without reloading the webpage. What’s more is that there are advanced libraries for JavaScript, like AJAX, that allow you to connect to the database and retrieve information without reloading the website. To sum up JavaScript ‘runs’ on the web-browser of the visitor of your website.I give you 100% satisfaction. If you do not like my course, you can request a full refund up to 30 days. Remember that if you have any questions regarding topics covered in the course please feel free to ask. I’m always happy to help!Over 300,000 people from around the world have enrolled in my coursesMy courses are updated if neededPlease check out free lessons before buying! See for yourself the great quality of the course and enjoy it!Become JavaScript Expert today!


Section 1: Introduction

Lecture 1 Welcome to my JavaScript course

Lecture 2 What is Javascript and where can you use it?

Lecture 3 Who Am I?

Lecture 4 What you will know after this course?

Lecture 5 Assumptions in this course

Section 2: Editor

Lecture 6 Downloading and installing editor

Lecture 7 Creating the project / structure of project

Section 3: BONUS: Useful Shortcuts

Lecture 8 Useful shortcuts that will save you tons of time

Lecture 9 Useful shortcuts ready to print!

Section 4: Basics

Lecture 10 Properly embedding JS scripts on your website reducing website loading speed

Lecture 11 Basics: How is your script executed? Whitespaces/semicolons etc.

Lecture 12 Comments

Lecture 13 Variables

Section 5: Operators

Lecture 14 Arithmetic operators

Lecture 15 Relational operators

Lecture 16 Logical operators

Section 6: Conditions

Lecture 17 Conditional Statements

Lecture 18 Conditional operator ?:

Lecture 19 Switch

Section 7: Functions

Lecture 20 Functions basics

Lecture 21 Scope of Variables within Functions and Outside of Functions

Lecture 22 Scope of Variables – fast text summary

Lecture 23 Function Expressions | Anonymous function

Section 8: Objects

Lecture 24 What are and how to create objects?

Lecture 25 If your script is not working watch in Event section about onload event

Lecture 26 Using an Object Constructor Function (class)

Lecture 27 Adding Properties to Objects using Prototype

Section 9: Arrays

Lecture 28 Arrays

Lecture 29 Useful Array Methods

Section 10: Loops

Lecture 30 What is loop? while and do while loop

Lecture 31 loop for

Lecture 32 instruction break and continue

Lecture 33 loop for/in – used for processing objects

Lecture 34 EXERCISE: Argument Object in function (unlimited number of arguments)

Section 11: DOM (Document Object Model)

Lecture 35 What is DOM / how to obtain content of your website

Lecture 36 querySelector – fast and easy accessing of elements on the website

Lecture 37 Changing dynamically styles of elements using JS

Lecture 38 Adding and removing elements from document

Lecture 39 EXERCISE: Loop inside another Loop – printing out multiplication table

Section 12: Events

Lecture 40 Basics of Events

Lecture 41 ‘this’ – accessing the element that invoked the event function

Lecture 42 onload event – VERY IMPORTANT LESSON DO NOT SKIP IT

Lecture 43 Adding and removing event listener

Lecture 44 Event object as an automatically passed argument to function

Lecture 45 Propagating (multiplication of events)

Lecture 46 Preventing browser default action for example blocking context menu

Lecture 47 EXERCISE: onscroll Event – ‘jump to the top of website’ button

Lecture 48 Mouse events – dragging the image

Lecture 49 setTimeout and setInterval – Timing Events

Lecture 50 EXERCISE: upgrading the code from the last lesson to object oriented way

Section 13: Validating Forms using Events

Lecture 51 How to validate forms? Validating text type input using form related events

Lecture 52 Stopping form from submitting when any data in a form is not correct

Lecture 53 checkbox

Lecture 54 radio input on terms and condition example

Lecture 55 select (combo box)

Section 14: String

Lecture 56 Manipulating a string using String’s methods

Lecture 57 Breaking string in many lines for readability and special characters

Section 15: RegExp

Lecture 58 RegExp Object reference

Lecture 59 Regular expressions

Lecture 60 Regexp match vs exec function

Lecture 61 EXERCISE: RegExp on practical example – testing password in input

Section 16: Date

Lecture 62 Time manipulation with Date object

Lecture 63 Exercise: A Clock on your website

Section 17: Cookies

Lecture 64 What are cookies?

Lecture 65 Function for creating cookies

Lecture 66 Function for removing cookies

Lecture 67 Function for finding value of cookie by keyname

Lecture 68 Properly interpreting special characters – EncodeURIComponent method

Section 18: Dialog Window

Lecture 69 Confirm and prompt box

Section 19: Math

Lecture 70 Rounding numbers and the most useful Math methods

Lecture 71 Randomness

Lecture 72 EXERCISE: Random quotes

Section 20: Location

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

Section 21: Images

Lecture 74 Loading Images only when needed – save your bandwith and improve user experience

Section 22: Exercises

Lecture 75 Slideshow

Lecture 76 Slideshow animated in JS using CSS property transition

Lecture 77 Animation using setInterval that is supported in every web browser

Lecture 78 Image gallery with thumbnails

Lecture 79 Tooltip – how to create a hint box?

Section 23: Closures

Lecture 80 What are closures on practical example?

Lecture 81 Discussion on stackoverflow about closures

Section 24: Advanced – Optional Topics

Lecture 82 Bitwise operators

Section 25: BONUS 1: Debugging

Lecture 83 Firebug

Lecture 84 Debugging with console commands

Lecture 85 Great online tools for testing and sharing your code

Lecture 86 strict mode

Section 26: BONUS 2: Best practises

Lecture 87 Code performance

Lecture 88 Keeping one .js file

Lecture 89 Compressing JS files

Lecture 90 7 most common mistakes you should avoid

Lecture 91 Changing IDE coloristics – keep your eyes healthy

Section 27: Summary

Lecture 92 What after this course?

This JavaScript course is meant for people who are familiar with HTML and CSS. No prior knowledge about JavaScript is needed. Everything is described from the beginning to expert level.

Course Information:

Udemy | English | 12h 39m | 6.24 GB
Created by: Arkadiusz Włodarczyk

You Can See More Courses in the Developer >> Greetings from

New Courses

Scroll to Top