JavaScript from Beginner to Expert
4.4 (389 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
5,275 students enrolled
Wishlisted Wishlist

Please confirm that you want to add JavaScript from Beginner to Expert to your Wishlist.

Add to Wishlist

JavaScript from Beginner to Expert

Become a JavaScript expert in 30 days, even if you are a beginner. Become a front-end developer of websites.
4.4 (389 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
5,275 students enrolled
Last updated 4/2017
English
English
Current price: $10 Original price: $70 Discount: 86% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 12.5 hours on-demand video
  • 6 Articles
  • 3 Supplemental Resources
  • 1 Coding exercise
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I 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 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 Beginner to Expert level in Javascript
View Curriculum
Requirements
  • You should already be familiar with basics of HTML and CSS.
Description

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 the 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:

  • tooltips
  • image sliders
  • forms with pre-validation
  • slided panels
  • galleries with thumbnails
  • menus
  • and many more

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 more friendly 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 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 big library of useful JavaScript functions that allows you to write less code while doing much more.

What's more is that JavaScript is required to understand AJAX which lets you 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 practises 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 side without re-connecting to the server. Imagine a situation where the clock would need to reset each second. Your webpage would just 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 19,000 people from around the world have enrolled in my courses
  • My courses are updated if needed


Please check out free lessons before buying! See for yourself the great quality of the course and enjoy it!

Become JavaScript Expert today!

Who is the target audience?
  • 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.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 92 Lectures Collapse All 92 Lectures 12:40:15
+
Introduction
5 Lectures 11:43

Welcoming and motivating lecture to my JavaScript course

Preview 00:25

Javascript is a script language used for creating dynamic action on your website. If you want to remove/change/add content to your website dynamically then you have to know JavaScript. In this lesson I will tell you what is JavaScript and where can you use it.

Preview 05:51

My name is Arkadiusz Włodarczyk and I'll introduce myself in this course so you know if it's worth learning from me.

Preview 00:51

This lesson will tell you what you will you know after this course

Preview 01:41

Assumptions that you should know before taking this course

Preview 02:55
+
Editor
4 Lectures 24:43

What editor will we use? It really doesn't matter at all. You can write Javascript even in notepad. So if you use microsoft visual studio, aptana studio, notepad or whatever any other IDE everything is gonna work the same. The difference is only in how the editor is gonna colour your code or how your editor is gonna give you hints while you are programing etc.

Preview 05:37

After this lesson you will know how to create your first project and how to set up your folders to make them easy to maintain.

Preview 06:05

After this lesson you will know the most useful shortcuts used by web developers and programmers. All these shortcuts are gonna save you tons of time.

Preview 12:12

+
Basics
4 Lectures 43:46

I will teach you how to properly embed JS scripts which will make your website load faster.

Preview 13:41

After this lesson you will

  • understand what is parser
  • how is script executed and how it is interpreted
  • what are instructions
  • why we need semicolons ;
  • what are whitespace and how they are interpreted
Preview 08:26

What are comments are why should you create comments?

Preview 04:19

You will know the answer to the questions:

  • what are variables?
  • how to use variables?
  • why do we even use variables?
  • how to properly create variables?
  • how you should name your variables so everyone understands your code?


Preview 17:20

Practise your basic knowledge (Updated April 17')
6 questions
+
Operators
3 Lectures 26:29

In this lesson you will learn:

  • what are operators and why they are needed
  • basics aritmetic operators for adding/substracting/multiplying/dividing
  • modulo operator - and why do we need it
  • incremental and decremental operators
  • the difference between pre and post incremental/decremental operators
  • shortcuts for increasing values
Arithmetic operators
13:05

Add variable called "a" to variable called "b" and store it in the variable "c"
Create a variable that will hold sum of two other variables
1 question

After this lesson you will know what are relational operators which are sometimes called 'comparison' operators and when it's worth to use them.

Relational operators
05:58

You will know what are and how to use logical operators. You will understand the concept of negation, conjunction and alternative.

Logical operators
07:26

Practise your knowledge about the operators (Updated Sept 16')
8 questions
+
Conditions
3 Lectures 21:08

I will tell you what are, when to use and how to use conditional statements. In addition to this I will tell you why do we need curly bracers {}.

Conditional Statements
10:58

I will show you on practical example why we need short version of conditional operator called operator "?:".

Conditional operator ?:
04:45

What is switch, how to use and when to use it?

Switch
05:25

Practise your knowledge about the conditional statements (updated Feb 17')
4 questions
+
Functions
4 Lectures 39:29

You will find out:

- what are functions?

- how to use functions?

- why do we need functions?

- what does it mean to invoke a function, return the value of function and so on

- how should we call functions?

- why it's worth to use functions?

- how to invoke a function in another function?

Preview 17:31

This lesson will introduce you to the concept of the scope of variables and functions. This can be sometimes problematic for beginners.

Scope of Variables within Functions and Outside of Functions
08:51

A short version of scope of variables lesson that will introduce you to the concept of the scope of variables and functions. This can be sometimes problematic for beginners.

Scope of Variables - fast text summary
00:24

What are anonymous functions and how to pass a function as an argument to another function. How to return the function as a function in another function.

Function Expressions | Anonymous function
12:43

Practise your knowledge about the functions (Updated Jun 15')
5 questions
+
Objects
4 Lectures 30:30

You will find out:

- what are objects?

- how to use from objects that are already created?

- how to get any element from the website by ID?

- how to change its value?

- how to create your own objects with methods and properties?

- and many more

What are and how to create objects?
13:36

If your script is not working please go ahead and watch section about events, you might need onload event.

If your script is not working watch in Event section about onload event
00:20

What is a function constructor? what is a class? how to use them?

Using an Object Constructor Function (class)
10:56

What is prototype and how to use it?

Adding Properties to Objects using Prototype
05:38

Practise your knowledge about the objects (Updated March 16')
6 questions
+
Arrays
2 Lectures 31:05

You will know the answers for the questions:

  • what are arrays in JavaScript?
  • why it's worth to use arrays?
  • how to use arrays?
  • how to add new elements to arrays?
  • what are associative arrays?
Arrays
14:03

Array is an object and it has lots of useful methods that I will show you in this lesson. This will make your work with arrays faster.

Useful Array Methods
17:02

Practise your knowledge about the Arrays
5 questions
+
Loops
5 Lectures 39:19

What are loops? How to use them and when to use them? How to print the content of array or edit the content of array using loops.

What is loop? while and do while loop
16:02

How to use loop called "for"?

loop for
03:29

How to use instruction break and continue in loops?

instruction break and continue
06:15

After this lesson you will understand a great loop that is used for processing objects


loop for/in - used for processing objects
07:45

Exericse where you will train things that you have already learnt + you will find out how to send to the function unlimited number of arguments and then interpret them.

EXERCISE: Argument Object in function (unlimited number of arguments)
05:48

Loops quiz (Updated Feb 16')
5 questions
+
DOM (Document Object Model)
5 Lectures 49:14

What is DOM and how to use it? You will find out what is a node, child, parent, sibling in JavaScript. You will learn many properties and methods for choosing tags/attributes/text from website that you are interested in.

DOM is very important. It's the most important thing in JavaScript that allows you to add/delete/chage dynamically the content of your website without reloading it.


What is DOM / how to obtain content of your website
18:34

After this lesson you will know another method for getting elements from the html document and the difference between querySelector and querySelectorAll.

querySelector - fast and easy accessing of elements on the website
06:05

How to hide and apply styles using only JavaScript to many elements at once using JS.

Changing dynamically styles of elements using JS
04:10

How to add/remove elements in your HTML document. You will learn methods called: createElement, appendChild, removeChild. You wll know when you should use innerHTML and when you should use createElement.

Jak dodawać oraz usuwać elementy z witryny? Poznasz metody createElement, appendChild, removeChild. Dowiesz się kiedy powinieneś stosować innerHTML, a kiedy createElement.

Adding and removing elements from document
10:30

A training lesson where you will leanr on example how to use loop in another loop and how to create a dynamic multiplication table on your website.

Lekcja treningowa w której dowiesz się na przykładzie jak działa pętla w pętli oraz jak dodać dynamicznie tabelkę mnożenia na stronę w postaci tabeli HTML.

EXERCISE: Loop inside another Loop - printing out multiplication table
09:55

Practise your knowledge about DOM
3 questions
16 More Sections
About the Instructor
Arkadiusz Włodarczyk
4.4 Average rating
1,696 Reviews
19,134 Students
7 Courses
Excellent teacher, Expert in Programming

I am the author of 27 very popular video courses about programming, web-development and math in Poland. I've also created 7 video courses in English. Over 19,000 people enrolled in my Udemy courses. I put all my heart into creation of courses. I always try to explain everything the easiest possible way. I'm sure that my courses will help you in the programming and web development adventure :)

I believe that everyone has the ability to develop software if they are taught properly. Including you. I'm going to give you the context of each new concept I teach you. After my course you will finally understand everything that you code.

I've been developing websites for over 15 years and I've been programming for over 10 years. I have enormous experience in that field and today I want to share with you my knowledge.

If you have any questions regarding any of the covered topics in my courses, please feel free to ask.