Modern JavaScript (from Novice to Ninja)
4.8 (3,655 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
11,816 students enrolled

Modern JavaScript (from Novice to Ninja)

Create awesome JavaScript driven web apps with modern JavaScript from the very beginning right through to ninja-level.
4.8 (3,655 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
11,816 students enrolled
Last updated 4/2019
English
English [Auto-generated]
Current price: $69.99 Original price: $99.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 19 hours on-demand video
  • 1 downloadable resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Learn how to program with modern JavaScript, from the very beginning to more advanced topics
  • Learn all about OOP (object-oriented programming) with JavaScript, working with prototypes & classes
  • Learn how to create real-world front-end applications with JavaScript (quizes, weather apps, chat rooms etc)
  • Learn how to make useful JavaScript driven UI components like popups, drop-downs, tabs, tool-tips & more.
  • Learn how to use modern, cutting-edge JavaScript features today by using a modern workflow (Babel & Webpack)
  • Learn how to use real-time databases to store, retrieve and update application data
  • Explore API's to make the most of third-party data (such as weather information)
Course content
Expand all 173 lectures 18:59:32
+ Introduction
4 lectures 14:23
Why JavaScript is Amazing
02:23
Setting up Your Environment
07:26
Course Files
01:34
+ JavaScript Basics
13 lectures 01:24:12
Adding JavaScript to a Web Page
05:02
The Browser Console
02:47
Variables, Constants & Comments
08:29
Data Types at a Glance
04:19
Strings
10:24
Common String Methods
05:14
Numbers
09:59
Template Strings
06:09
Arrays
09:14
Null & Undefined
03:17
Booleans & Comparisons
09:41
Loose vs Strict Comparison
04:04
Type Conversion
05:33
+ Control Flow Basics
11 lectures 52:54
What is Control Flow?
01:28
For Loops
09:16
While Loops
04:12
Do While Loops
02:34
If Statements
04:55
Else & Else If
04:13
Logical Operators
05:03
Logical NOT
03:17
Break & Continue
04:03
Switch Statements
05:26
Variables & Block Scope
08:27
+ Functions & Methods
8 lectures 43:30
What are Functions?
02:47
Function Declarations & Expressions
06:08
Arguments & Parameters
04:46
Returning Values
04:28
Arrow Functions
09:00
Functions vs Methods
03:31
Foreach Method & Callbacks
08:30
Callback Functions in Action
04:20
+ Object Literals
7 lectures 37:33
Objects at a Glance
02:25
Creating an Object Literal
06:53
Adding Methods
03:02
'this' Keyword
06:14
Objects in Arrays
03:46
Math Object
05:26
Primitive vs Reference Types
09:47
+ The Document Object Model
14 lectures 01:50:29
Interacting with the Browser
02:04
The DOM Explained
04:54
The Query Selector
08:20
Other Ways to Query the DOM
05:46
Adding & Changing Page Content
09:42
Getting & Setting Attributes
05:40
Changing CSS Styles
05:49
Adding & Removing Classes
10:23
Parents, Children & Siblings
10:43
Event Basics (click events)
09:59
Creating & Removing Elements
07:35
Event Bubbling (and delegation)
10:01
More DOM Events
09:38
Building a Popup
09:55
+ Forms & Form Events
6 lectures 39:21
Events Inside Forms
01:44
Submit Events
07:57
Regular Expressions
08:06
Testing RegEx Patterns
07:34
Basic Form Validation
05:08
Keyboard Events
08:52
+ Project - Interactive Ninja Quiz
7 lectures 46:08
Bootstrap Basics
05:50
HTML Template
10:51
Checking Answers
09:13
Showing the Score
05:11
The Window Object
06:40
Intervals & Animating the Score
06:45
+ Array Methods
6 lectures 44:31
Filter Method
08:18
Map Method
08:08
Reduce Method
07:35
Find Method
03:04
Sort Method
10:45
Chaining Array Methods
06:41
+ Project - Todo List
5 lectures 41:45
HTML & CSS Template
06:49
Adding Todos
09:12
Deleting Todos
05:01
Searching & Filtering Todos
17:53
Requirements
  • A basic grasp of HTML & CSS (how to create simple, static web pages)
Description

Hey gang, and welcome to your first step on the path to becoming a JavaScript ninja! In this course I'll be teaching you my absolute favourite language (JavaScript!) from the very beginning, right through to creating fully-fledged, dynamic & interactive web experiences.

We'll cover all the basics to get you up-and-running quickly, before diving in to some of the really fun stuff like web-page manipulation, creating interactive forms, popups & other cool effects. Along the way we'll be using the latest additions to the JavaScript specification (ES6, 7 & beyond) and maintaining good coding standards to keep our code clean and effective!

Once we master the basics, we'll dive into several real-life JavaScript projects, including an interactive quiz, a weather app, a real-time chat application and a small UI library you can use in all your future projects!

We'll also take a look at some more advanced topics - object oriented programming, asynchronous code, real-time databases and much more. Finally, we'll be setting up a modern work-flow using Webpack & Babel, so that by the end of this course you'll be no less than a black-belt JavaScript developer with a lot of coding techniques in your tool-belt.

Speaking of ninjas, I'm also known as The Net Ninja on YouTube, where you'll find hundreds of free coding tutorials, so feel free to pop by to say hello :).


Who this course is for:
  • New or junior developers who want to learn JavaScript from the ground up
  • Front-end developers who want to level-up their JavaScript knowledge using modern, cutting-edge techniques
  • Back-end developers who want to learn the JavaScript language for front-end development