
Explore JavaScript fundamentals and interactive web development from the very beginning. Designed for absolute beginners, learn how code makes websites and apps respond to actions like clicking buttons.
Begin writing your first line of JavaScript in a live editor like CodePen, learn to use alert and console to display messages, log output, and debug in the browser.
Explore your personal coding playgrounds across CodePen, the browser console, and VS Code, learning where to write JavaScript and preview results as we survey basic syntax.
Use console.log, console.warn, and console.error to output messages in the browser console. Inspect the console to view logs, warnings, and errors across Chrome, Safari, Firefox, and Edge.
Learn how to debug external JavaScript files by checking loading status, using console logs, and correcting pathing and typos to resolve file not found errors.
Learn how let and const create scoped variables in JavaScript, with let reassignable and const immutable, and compare them to var through practical examples like escaping quotes.
Discover how the document object model builds a living HTML tree from HTML to head and body, using elements and nodes with parent-child relationships.
Learn how to build objects with key value pairs, where values can be any type or another object, including arrays, and access properties like age and job.
Learn how JavaScript uses arrays to store lists, including syntax with opening and closing brackets, add items with push, remove items with pop, and understand zero-based indices.
Explore array iteration by comparing the classic for loop and the modern for each approach, using length, index, and console log to process items.
Explore selecting multiple DOM nodes by class with querySelectorAll, obtain a node list, loop with forEach, and update inner text or add classes, noting zero-based indexing.
Explore the dry principle, don't repeat yourself, and learn how functions let you write code once and reuse it with parameters and return values.
Join the final project in JavaScript 101 to build a dog years calculator by casting age to a number, updating the DOM with classList.add, and following stepwise guidance.
JavaScript 101: JavaScript for absolute beginners
If you have never written any JavaScript, this course is absolutely for you.
We're going to get started at the very beginning, even if you don't have a code editing program installed on your computer.
The short version:
Look, here's the short version:
If you are interested in learning JavaScript from scratch, this is the course for you. Try it out on Udemy, there's nothing to lose if you don't like it.
Beginner friendly:
This course is designed for beginners. You should already know some HTML and a little CSS at this point and that will make learning JavaScript a lot easier.
JavaScript is nothing like HTML or CSS though because JavaScript is a REAL programming language, whereas HTML and CSS are not programming languages.
Modern JavaScript included:
Just because this is a beginner-friendly course doesn't mean you shouldn't learn the ins-and-outs of modern JavaScript. You will learn about modern JavaScript concepts such as:
let/const variables
template literals
fat arrow functions
forEach function-based loops
object literals
node selectors and query selectors
and much more
Practice:
There is A LOT of practice (hands on coding) in this course. And you'll be writing code from the very first lesson!
Plus there's a very interactive project at the end of this course.
In this course you will learn these major concepts:
JavaScript syntax
Where to put your JavaScript and how it affects your page
How to debug your JavaScript using developer tools (Inspect tools, console logging, and more)
Storing variables with var, let, and const JavaScript variable types (Variables)
How to tell a computer what to do based on certain circumstances (Conditionals)
The Document Object Model (DOM)
Making custom sentences with string concatenation and template literals
Data types and structures and why they're important (Data structures)
How to make lists and take an action on every item in that list (Iteration)
How to select elements on your web page and change them
Functions, function parameters, and how to use JavaScript rests
Final Project:
Lastly, there's a final project that will make use of almost everything you will have learned in this course.
Requirements:
To start learning JavaScript you should know a little HTML and CSS. These aren't hard requirements, but I strongly suggest knowing the basics of HTML and CSS before learning JavaScript.
JavaScript is how you make your page interactive, so you'll need to know how to make a basic webpage first.
Basic HTML
Basic CSS
Who is JavaScript 101 for?
If you've never written any JavaScript in your life, this course is for you.
If you just finished learning HTML and CSS, this course is for you.
If you want to learn modern JavaScript in an easy way, this course is for you.
If you want lots of hands on practice writing JavaScript, this course is for you.
––
If you already know JavaScript, this course is NOT for you.
If you know about features such as fat arrow functions and object literals, this course is NOT for you.
If you already know how to manipulate the DOM using JavaScript, this course is NOT for you.
Testimonials
I've produced several JavaScript courses with a total of over 80,000 JavaScript students. Here are what some of them have to say about my other courses (and you can trust this course will be even better because it's new!)
"Almost there. A lot to learn and Kalob makes it easy and interactive with the video and files. But he also pushed you to try it on your own for homework and mini projects."
"Its a great course! Love the way Kalob teaches, very clear understanding. Thank you for this course, really needed something like this."
"It was a great, this is the first time to find Java Script easy to learn"
"I have a computing degree (4years), none of my teachers were this clear!! Thank you"