
Access course files for every lesson via the GitHub repo, selecting the lesson branch and cloning or downloading a zip, with chapter two onward including index, sandbox, and end-of-project code.
Explore variables in JavaScript using let, const, and var; assign and log values with the console, and understand when to override. Learn naming constraints, camelcase, and single and multi-line comments.
Explore booleans in JavaScript, using true and false, includes on strings and arrays, and common comparison operators to evaluate conditions and decide code paths.
Explains type conversion in JavaScript by turning strings into numbers, numbers into strings, and booleans, using explicit conversion with Number() and the typeof operator, and implicit conversion.
Compare while loops to for loops, explain initialization, condition, and increment, and avoid infinite loops by updating i inside the block; demonstrate iterating names with an array.
Learn how do while loops extend the while loop to run a code block at least once, then repeat while the condition holds.
Explore function declarations and expressions in JavaScript, learn how to declare, name, and call functions, store them in constants, and understand hoisting and when to prefer expressions.
Learn how to define function parameters, pass arguments, and use defaults to control what a function outputs, including using a template string to display values.
Understand that functions and methods are essentially the same, with methods invoked via dot notation on a data type like a string, while standalone functions use parentheses.
Discover how to handle click events by querying the Dom, attaching event listeners to a button and to-do items, and using the event object to cross items with a line-through.
Learn event bubbling and delegation in JavaScript, using a single ul listener with e.target to handle events, stop propagation when needed, and remove clicked li elements.
Explore how to handle form submissions in JavaScript by attaching a submit event listener to the form, preventing the refresh, and retrieving the username value with dot notation or querySelector.
Learn to create a correct answers array, capture four radio inputs on form submit, compare with the answers, award 25% per correct, and log the score in JavaScript.
Build a feature-rich to-do list project using Bootstrap and Font Awesome, with add, delete, and search functionality, while setting up HTML, CSS, and JavaScript boilerplate and CDN links.
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 using Firebase (including a new chapter about Firebase 9) 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 :).