Learn one of the most important Languages in Web Development - from scratch in a fast-paced fashion.
Learn one of the most important Languages in Web Development - from scratch in a fast-paced fashion.
JavaScript is one of the most important parts of every modern, reactive, user-friendly Web Pages or Applications. Despite that fact, you might yourself know many tutorials which leave you with a lot of open questions or are good, but also a couple of years old.
Hands-on, Example-driven Course
Join this course to receive a hands-on, example-driven JavaScript Bootcamp, which will guide you through the amazing language of JavaScript. Beginning at the very basics, we will walk through the various characteristics and features, JavaScript offers.
Experienced Instructor
As a freelance web developer I use JavaScript a lot but I know that using it doesn't necessarily qualify you to teach it well. That's why I'm also proud to host dozens of 5-star rated courses here on Udemy as well as a successful learning YouTube channel.
I not only offer high quality videos and examples, I'm also there to help whenever you're facing problems or do have open questions. Indeed, telling by the reviews of my courses, I offer one of the best support services you will find on Udemy.
Pay once, benefit a Lifetime.
It's best to have a look at the course content, to find out what you will learn - but to give you a quick overview:
All the basics about variables, functions, operators, language features, built-in objects and much more.
In-depth modules on Arrays, Objects & Prototypes, Functions, DOM Interaction, Events, AJAX and all the other core features that make JavaScript so important.
Hundreds of examples, showing all the concepts taught, allowing you to see them in action immediately
A complete project to practice the skills gained throughout this course
Let me give you a brief introduction about this course and what content will be covered throughout this course.
Learning alone is absolutely fine but finding learning partners might be a nice thing, too. Our learning community is a great place to learn and grow together - of course it's 100% free and optional!
Of course, an important question is, where JavaScript actually runs - how is it executed? This lecture will answer this question.
If you dive into JavaScript, you often read about ES5 and ES6. What does this mean? This lecture will provide an answer.
I chose a very hands-on, example-driven approach for this course. Have a look at this lecture, to learn more about it!
Allow me to give an introduction about this module and the language itself.
It's important to understand how to actually execute JavaScript. There are a couple of options, this lecture shows the first one: Executing it inside a HTML document.
Another way to execute JavaScript, is to import a JavaScript file into a HTML document. Learn how this works, in this video.
Variables are a core functionality of pretty much every programming language. JavaScript is no exception. This lectures shows the basics.
Variables in JavaScript can take some special values/ types. Learn more about these types in this lecture.
Like in many languages, objects are a very important data type in JavaScript. Learn more about them in this lecture.
JavaScript allows you to make some "mistakes" or use some sloppy code. You can make it "stricter" by enabling strict mode.
JavaScript is a dynamically typed language. What that means? Learn more in this lecture!
Hoisting is an interesting concept used by JavaScript. This lecture explains what it is and how it works.
Variables alone won't make your application too awesome. Functions are another basic building block, therefore it's time to have a look at them in this lecture.
Often times, your functions need to do something with data you pass to them and return the result of their calculation/ logic. Learn how to implement arguments and how to return values, with this video.
What if you needed to execute some code only under certain circumstances? Well, then you would use an if statement.
It's interesting to have a look at what actually is resolved to true in an if statement and what isn't. We'll do that in this lecture.
Sometimes you need to check many conditions. In this case, a switch statement might be useful. This lecture explains what it is and how it works.
Learn how to control the code execution inside a switch statement with the break keyword.
There are times where you need to execute some code multiple times. No problem, you may use a for loop. Learn how to do this, in this video.
You may, of course, also nest loops within each other. Learn more about this, in this lecture.
You can even control the control structure. Awesome, isn't it? Learn how to work with break and continue.
You may adjust a for loop to your needs and this lecture shows some examples.
Arrays hold multiple values. And loops may execute code multiple times. We should combine that!
There's not only the for loop, you may also use the while loop. Why? Learn more about it, in this video!
In order to really work with variables, we of course need operators. Adding values is one common case. You don't need a lecture for that? Well, see for yourself...
In order to really work with variables, we of course need operators. Subtracting values is one common case. You don't need a lecture for that? Well, see for yourself...
In order to really work with variables, we of course need operators. Multiplying values is one common case. You don't need a lecture for that? Well, see for yourself...
In order to really work with variables, we of course need operators. Dividing values is one common case. You don't need a lecture for that? Well, see for yourself...
Doing math operations is great, but sometimes (especially in if statements), you need to compare values. Learn more about comparison operators in this lecture.
JavaScript comes with some interesting and special rules regarding operators. Have a look at this lecture to learn more.
Comparing values often times requires boolean operators, hence it's time to have a look at these!
A simple if statement can be written shorter. This lecture shows how.
You know that from your math class, don't you? Which operator has precedence over another? Check out this lecture to learn more about it.
A quick wrap up of the concepts taught in this module.
JavaScript knows two type categories: Primitives and reference types. This lecture explains the difference and why this is important.
In this lecture, we'll play around with primitives and reference types.
Scope is another very important concept in JavaScript. This lecture shows which scopes JavaScript knows and how they work.
As with the type categories, we're going to practice the scope a little bit.
Let me give you a brief module introduction.
Learn the basics about arrays and see how to both set and get values/ elements from/ to an array.
One important built-in method, is the forEach() method which allows you to loop through all the items in an array. This lectures shows to work with it.
There are some built-in methods which make adding and removing items at the beginning and end of an array very simple. Learn more about those methods in this lecture.
Sometimes, the position of an item matters or you only want to retrieve parts of an array. This lecture dives into the different methods offered by JavaScript, which may help you with that.
The title speaks for itself. Learn more about those methods in this lecture.
concat() and join() sound very similar but do totally different things. This lecture explores those two methods.
A very powerful, built-in method, is the reduce() method which allows you to reduce the array to only one value. This lecture shows you how to work with that method.
Quick module wrap up.
Let's start with the very basics about objects and see one way to create objects in JavaScript.
An important part of objects are their properties. And in JavaScript, there's something else which is very important: The "this" keyword. Learn more about all those things, in this lecture.
We learned about literal notation, which makes object creation very easy. But there is another way: Using the Object constructor.
Objects are reference types, do you remember? It's important, therefore, here's a quick refresher.
Yet another way of creating objects: Object.create(). Learn more about it and how it differs from the other ways, in this lecture.
Prototypes are an important concept in JavaScript and this lecture will give you an introduction to them.
Theory is nice and important, but it's easier to understand prototypes if you're simply working with them. We'll do that, in this lecture.
Let's review what we learned about prototypes until now.
There's yet another way of creating objects. But if differs substantially from the other ones. Learn more about constructor functions, in this video.
Since constructor functions are, well, functions, you may of course also pass some arguments to them. This lecture explores this possibility.
Time for a short summary of the concepts learned thus far.
The "this" keyword can be tricky in JavaScript. This lecture explains why.
In JavaScript, there are some methods which allow you to control the behavior of "this". Learn more about them, in this lecture.
There's a special way you may use to create properties. Why would you do that? This lectures explains it!
When working with objects, JavaScript has some built-in methods and functions which help you. This lecture gives a brief overview.
A quick wrap up of the module.
Browser like Chrome offer great developer support with their built-in developer tools. This lectures shows how to use the JavaScript debugger.
Well, we're doing this all the time in this course, but you might use console.log() to check certain variables in your application. Using the debugger is better, but it's still good to know about the other possibility as well.
Sometimes you don't know if a certain part of your code will throw an error. With try and catch you can safely execute such code and handle potential errors.
Closures are an interesting form of functions. This lecture dives into this topic and shows how to use them and what's special about them.
Normally, functions don't get executed unless you call them. You may write instantly-executed functions as well. This lecture teaches how and why to do this.
There are some useful built-in helpers, JavaScript offers you when working with functions.
Brief module introduction.
Learn how JavaScript helps you with timers and intervals.
Sometimes you need to transform some value. JavaScript offers some useful built-in functions to do that. This lecture shows some examples.
When working with strings, JavaScript has some nice helpers you may use.
When it comes to mathematical calculations, you might need certain symbols or functionalities. The great thing is, JavaScript offers a lot of them out of the box.
As with math, you also need access to some date functions or helpers. JavaScript offers those helpers and makes working with dates simple.
Regular Expressions are another powerful tool, JavaScript offers. You could create a whole course about them, therefore this lecture simply introduces you to RegEx.
Short module introduction.
Learn more about the Window object, which actually holds your application.
It might be important to know where you are (talking about URLs here). The Location object gives you exactly this information and also allows you to change the location.
An introduction to the Document Object Model (DOM) and how you may work with it.
This lecture explains how you may navigate through the DOM in order to select elements you want to work with.
OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.
Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.
Find this site helpful? Tell a friend about us.
We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.
Your purchases help us maintain our catalog and keep our servers humming without ads.
Thank you for supporting OpenCourser.