
Explore modern JavaScript fundamentals, learn to build web apps and a portfolio site, and navigate tools like browser dev tools, terminal, and GitHub through practical challenges.
Explore the JavaScript marketplace and current trends. Learn why JavaScript is a highly sought-after skill for front-end developers and how it adds interactivity and graphics to websites.
Explore high-demand JavaScript job opportunities for front end developers and what companies look for. Learn tasks like updating content, fixing bugs, and building interactive features.
Explore the history and environment of JavaScript, a lightweight cross-platform object-oriented language that powers client-side interactions, server-side Node.js, APIs, and popular frameworks like Angular and React.
Explore Visual Studio Code as a versatile text editor and editor-turned-IDE, highlighting popular extensions like Prettier and lint, live server previews, and terminal tools for JavaScript and HTML development.
Explore browser dev tools and the JavaScript console to log page activity, inspect html, monitor network requests, and run JavaScript expressions, with hands-on practice using elements, sources, and console.
Master common console errors in JavaScript, including syntax and reference messages like unexpected identifier, is not defined, and missing parentheses, using console output to debug effectively.
Discover how the terminal enables text-based commands to manage project files, navigate directories, and run bash commands like ls, cd, touch, mkdir, and rm -rf, while introducing git and GitHub.
Resources:
https://docs.github.com/en/get-started/quickstart/set-up-git
https://docs.github.com/en/actions/guides/building-and-testing-nodejs
https://docs.github.com/en/actions/creating-actions/creating-a-javascript-action
Discover essential online resources for learning JavaScript, including W3Schools, Mozilla Developer Network, and Stack Overflow, plus GitHub examples; explore hands-on 'try it yourself' practice, variables, strings, DOM, and asynchronous coding.
Write and run a Hello World in JavaScript by printing to the console from an HTML setup, using console.log or a variable, and test in a browser.
Explore three ways to log hello world in JavaScript—direct console log, logging a variable, or using a function. Preview coding basics, execution context, variables, hoisting, and operators.
Explore the execution context in JavaScript, including global and functional contexts, and understand why eval is not recommended and runs code in its own context.
Master single line and multiline comments to document code, explore JavaScript type coercion with the plus operator, and practice variable mutation through console logs and simple conditionals.
Explore variables in JavaScript, including var, let, and const, block scope, mutation, and semantic camel case naming.
Learn how hoisting in JavaScript moves declarations to the top of a scope, making variables undefined until initialized and allowing function calls before declaration, with caveats for let and const.
Learn how to declare and assign variables in JavaScript using var, let, and const, choose descriptive names, use the assignment operator, and understand hoisting behavior.
Explore JavaScript operators and data mutation, including arithmetic, assignment, comparison, logical, and string operations, with practical examples of increment, decrement, modulo, exponent, and more.
Explore JavaScript operator precedence and the order of operations, including parentheses, arithmetic and comparison operators, and assignment operators and increment/decrement, with practical X equals Y examples.
Review section three by using variables for Fido and Whiskers' ages, convert dog years and cat years to human years, compare who is older with a boolean, and print result.
Define Fido and Whiskers variables, compute dog years and cat years, compare whether Fido is older, and log the result; then preview primitive data types and conditional statements in JavaScript.
Explore how switch statements in JavaScript evaluate multiple fruit cases, using break and default to handle strawberry, raspberry, blueberry, and banana, and compare with if-else for flexible, readable code.
Explore string manipulation in JavaScript by concatenating strings with plus, concat, and plus-equals, using multiline strings with newline and backticks, and interpolating variables with template literals, while learning dry principle.
Explore numbers in JavaScript, from decimal to binary, octal, and hex, including 32-bit representations, and learn how strings convert to numbers using Number and parseInt, with NaN edge cases.
Master JavaScript number handling by converting strings to numbers, checking not a number with isNaN, using isFinite, isInteger, and isSafeInteger, and parsing with parseInt and parseFloat; explore BigInt.
Learn how the symbol data type, a primitive introduced in 2015, creates anonymous, unique values for IDs and object properties, with optional descriptions and conversions to strings for comparisons.
Explore null and undefined in JavaScript, where null means a non-existent address and undefined means a declared variable with no value yet; learn initialization rules for const and let.
Master boolean logic in JavaScript, using and, or, not, and comparison operators to drive control flow. See true/false outcomes from conditions like five greater than two and five equals five.
Explore truthy and falsey values in JavaScript and how boolean logic determines true or false. Compare values using equality operators and strict equality to see how types affect results.
Explore if/else statements and control flow in JavaScript, using else if, truthy values, and comparison operators to decide which code runs.
Learn how the ternary operator provides a concise alternative to if-else in JavaScript by returning a value based on a condition, using the pattern condition ? trueValue : falseValue.
Explore how switch statements in JavaScript replace multiple if-else branches by matching cases like strawberry, raspberry, blueberry, and banana, with a default fallback.
Enhance JavaScript skills through a hands-on code challenge: write an if-else, convert to ternary, then refactor into a switch, using practical examples.
Explore building conditional logic in JavaScript through if statements, else if chains, nested ternaries, and a switch example, using age-based console logs.
Explore arrays and objects in JavaScript, moving beyond primitive types to learn how collections (arrays, lists, and dictionaries) organize data into ordered groups, starting with arrays and then object literals.
Learn how arrays store multiple values in JavaScript using square brackets, zero-based indexing, and the length property to access items, find the last element, and iterate with for each.
Learn JavaScript from scratch explains basic array methods, including push, pop, shift, unshift, and indexOf, and how they add, remove, or locate items, returning lengths, elements, or indices.
Explore objects and properties in JavaScript, including creating with curly braces or the Object constructor, accessing via dot notation, and destructuring to restructure data.
Access object properties using dot notation or bracket notation, then create custom methods by assigning a function to a property and calling it with parentheses.
practice creating a person object with name, age, city, and favorite food, access values with dot and bracket notation, and add a method that greets with name and age.
Create an object named me with properties name, age, city, favorite foods. Use this to access values, log the name and city with dot-bracket notation, and define a greeting function.
Learn how to use the for loop, for in, and for of in JavaScript to iterate over arrays and objects, log values with console.log, and understand loop conditions.
Explore while loops by converting a for loop, setting the index outside the loop, and moving the increment inside to preserve behavior and condition checks.
Learn to use break and continue in JavaScript loops to exit on a condition or skip an iteration, with examples that stop at six to prevent infinite loops.
Practice looping in JavaScript by iterating arrays and objects with for, for...in, and for...of; write while loops, including break and continue, and review solutions in the next video.
Explore a code challenge solution by building an array, applying for and while loops, and using continue and break to safely iterate and log coordinates and values.
Explore function declarations in JavaScript, including the function keyword, name, parameter list, code block, and return statement, and distinguish parameters from arguments during invocation.
Define anonymous function expressions by assigning them to variables, use a switch to return sounds for dog, cat, and dinosaur, and apply es6 default parameters.
Explore arrow functions as a compact alternative to traditional function expressions, using single-parameter syntax and implicit return, while noting this binding and limitations with objects, prototypes, constructors, and classes.
Explore immediately invoked function expressions and how they run instantly after definition. Learn how parameters, arguments, and return values influence storage when the function is assigned to a variable.
Explore how scope defines where code runs across global scope, function scope, and block scope, and how var, let, and const influence accessibility and data visibility in JavaScript.
Explore closure in JavaScript, where a function remembers its lexical environment and returns another function. See nesting dolls with retirement age and year of birth examples.
Discover how callback functions work in JavaScript by passing a function into another as an argument, creating a higher-order function, and using callbacks with array methods like forEach, map, and reduce.
Write a function that prints Hello, my name is ${name} with back-ticked interpolation, convert it to an arrow function, and implement Add to Nums and a closure multiplying by four.
Explore code challenge solutions by building functions, converting to arrow functions, and applying closures with string interpolation to add numbers and test outputs.
Learn how JavaScript treats data as objects, diving into arrays and object literals, and explore collections like lists, dictionaries, and hashes for organizing ordered data.
Learn how the map method creates a new array by applying a callback to every element. Unlike forEach, map stores results in memory; forEach modifies the original array.
Explore the JavaScript filter method to create a new array by testing each element with a provided function; filter long words like exuberant and destruction, and pair filter with map.
Learn the reduce method in JavaScript. Use an accumulator and current value to reduce an array to a single result, with examples in addition, multiplication, and string concatenation.
Learn the JavaScript sort method: it sorts in place, returns the same array, and uses a default alphabetical order or a custom compare function for numbers.
Discover how the spread operator (three dots) expands arrays, expressions, or strings into new arrays or function arguments, enabling array copying, merging, and working with DOM collections.
Welcome to the - Learn JavaScript from Scratch: The Ultimate Beginners Course
This practical, hands-on course was created for newbies – that's to say, people with no prior training or knowledge with JavaScript or Web Development.
In this practical, hands-on class you're going to learn how to use JavaScript and go from beginner to expert!
Even if you already have some experience, or want to learn about the advanced features of JavaScript, this course is for you!
In this class you’ll learn:
JavaScript coding basics
VS Code & Extensions
Common Console Errors - Syntax, Type, Reference
How GitHub works
Single/Multi-Line Coding
Execution Context Object
How to work with Variables
How to work with Operators
String Manipulation
Number Manipulation
Boolean Logic & Control Flow
Truthy/Falsy values and Equality Operators
If/Else Statements, nesting if/else
Blending practical work with solid theoretical training, we take you from the basics of JavaScript through to mastery.
While the theory is important, we understand that it can also be dry and uninspiring. For this reason, this course is packed with examples that you can follow step by step.
This class gives you foundational training on JavaScript so you can increase your coding skills and start pursuing a career in a field that is increasingly in demand as the global reliance on technology grows.
JavaScript is a programming language used to make web pages interactive. It is what gives a page life—the interactive elements and animation that engage a user. If you've ever used a search box on a home page, checked a live baseball score on a news site, or watched a video, it has likely been produced by JavaScript.
What makes JavaScript great is that it's not necessary to know how to write it to use it in your web code. You can find plenty of prewritten JavaScripts for free online. To use such scripts, all you need to know is how to paste the supplied code into the right places on your web page.
Despite the easy access to prewritten scripts, many coders prefer knowing how to do it themselves. Because it is an interpreted language, no special program is required to create usable code. A plain text editor like Notepad for Windows is all you need to write JavaScript. That said, Markdown Editor might make the process easier, particularly as the lines of code add up.