JavaScript Fundamentals

After this skill you can…

• Write async code with Promises and async/await
• Explain closures, scope, and the event loop
• Manipulate the DOM and handle browser events

Prerequisites

Watch (10 videos)

Live-code animated neon buttons | HTML, CSS & JavaScript

Scrimba · beginner hands-on

→ Create animated buttons with HTML and CSS→ Use JavaScript for animation effects

Live-code a masked password input with us | JavaScript, CSS, HTML

Scrimba · beginner hands-on

→ Create a masked password input with JavaScript→ Style a password input with CSS

How to Build a NEUMORPHIC JAVASCRIPT CALCULATOR | Javascript Project | GeeksforGeeks

GeeksforGeeks · beginner hands-on

→ Build a JavaScript calculator→ Create a Neumorphic design with HTML and CSS

Live-code a word count app with us | JavaScript, HTML, CSS

Scrimba · beginner hands-on

→ Build a web app with JavaScript→ Create a word count app

Live-code a dark/light theme switcher with us | JavaScript, CSS, HTML

Scrimba · beginner hands-on

→ Build a theme switcher with JavaScript→ Use HTML and CSS for styling

Create a stopwatch with JavaScript

Scrimba · beginner hands-on

→ Build a stopwatch with JavaScript→ Create a web page with HTML and CSS

Live-code an age in days calculator | HTML, CSS & JavaScript

Scrimba · beginner hands-on

→ Write JavaScript code for a web application→ Create a calculator using HTML, CSS, and JavaScript

JavaScript + HTML5 GameDev Tutorial: 8-Ball Pool Game (part 2)

freeCodeCamp.org · beginner hands-on

→ Build a game using JavaScript and HTML5→ Apply JavaScript fundamentals for game development

Help us code JavaScript confetti [HTML, CSS, JavaScript]

Scrimba · beginner hands-on

→ Build interactive web pages with JavaScript→ Create animations with CSS

Streaming Service Workers: Live Code Session - Supercharged

Chrome for Developers · intermediate hands-on

→ Implement a streaming Service Worker→ Code in real-time

Read (10 articles)