Modern JavaScript (from Novice to Ninja)

Modern JavaScript (from Novice to Ninja)

image description

What you will 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 (quizzes, 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)


Section 1: Introduction

Section 2: JavaScript Basics

Section 3: Control Flow Basics

Section 4: Functions & Methods

Section 5: Object Literals

Section 6: The Document Object Model

Section 7: Forms & Form Events

Section 8: Project - Interactive Ninja Quiz

Section 9: Array Methods

Section 10: Project - Todo List

Section 11: Dates & Times

Section 12: Async JavaScript

Section 13: Project - Weather App

Section 14: Local Storage

Section 15: Object Oriented JavaScript

Section 16: Databases (Firebase)

Section 17: Project - Real-time Chatroom

Section 18: More ES6 Features

Section 19: Modern Workflow with Babel & Webpack

Section 20: Project - UI Library

Section 21: Next Steps

Course Description

Create awesome JavaScript-driven web apps with modern JavaScript from the very beginning right through to ninja-level.


  • A basic grasp of HTML & CSS (how to create simple, static web pages)


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