Frontend Development

HTML and CSS

|   JavaScript

Fundamentals of JavaScript

Folders and Files
Adding JavaScript to web pages

Efficiently adding JavaScript code to a web page, and working with the JavaScript Console in your browser’s DevTools.

Take the quiz

View Tutorial  ➜
Web Hosting on GitHub
Variables and literals

Working with string, numeric and boolean variables, assigning values to variables, and using template literals.

Take the quiz

View Tutorial  ➜
Working with Props
Working with strings

Working with string index positions and length, querying strings, joining and slicing strings, and replacing characters.

Take the quiz

View Tutorial  ➜
Working with HTML
Working with numbers

Assigning numbers to variables, performing arithmetic operations, and using the increment and decrement operators.

Take the quiz

View Tutorial  ➜

Functions, conditionals, and weirdness

Working with CSS
Function declarations

Creating a function declaration, passing arguments to its parameters, and returning values.

Take the quiz

View Tutorial  ➜
Folders and Files
Making decisions with if

Create conditional decision-making structures in JavaScript with if, else if and else code blocks.

Take the quiz

View Tutorial  ➜
Folders and Files
Testing for weird values

Understanding type coercion, working with undefined, null and NaN, and truthy and falsy values.

Take the quiz

View Tutorial  ➜
Folders and Files
Practical functions

Creating functions for everyday tasks like string manipulation and financial calculations.

Take the quiz

View Tutorial  ➜

The DOM and structured datasets

Responsive Design
Working with the DOM

Using the DOM to work with HTML elements, and adding event handlers to respond to user interactions.

Take the quiz

View Tutorial  ➜
Responsive Design
Introduction to objects

Understanding objects, creating and accessing object properties, and working with object methods.

Take the quiz

View Tutorial  ➜
Responsive Design
Introduction to arrays

Creating and populating arrays, counting array elements, and destructuring elements to variables.

Take the quiz

View Tutorial  ➜
Responsive Design
Arrays of objects

Working with arrays of objects, and outputting structured data in the console and HTML.

Take the quiz

View Tutorial  ➜

Callbacks with Anonymous and Arrow Functions

Responsive Design
Anonymous functions

Creating a function whose output is stored in a variable, passing arguments and returning values, and invoking it immediately.

Take the quiz

View Tutorial  ➜
Custom Properties and Text
Arrow functions

Creating a single-statement arrow function, passing values, working with implicit and explicit returns, and invoking it immediately.

Take the quiz

View Tutorial  ➜
Custom Properties and Text
Introduction to forms

Working with HTML forms using JavaScript, handling form submissions, validating user input, and accessing form data.

Take the quiz

View Tutorial  ➜
Custom Properties and Text
Introduction to events

Understanding JavaScript events, event listeners, event delegation, and event bubbling.

Take the quiz

View Tutorial  ➜