2JUNIOR

JavaScript fundamentals

Adding interactivity to our web pages is a key skill of the front-end developer. The challenges in this path are designed to guide you through handling common user interactions with JavaScript.

10 challenges
Level 2
~20 hours
📱
JavaScript fundamentals
10 challenges to complete

Prerequisites

HTML, CSS, and basic JavaScript knowledge

Learning outcomes

Handle user interactions
Manipulate the DOM
Work with APIs
Implement form validation

Challenges

INTERMEDIATEPREMIUM

Mood tracking app

Build a mood tracking app to help users log their daily feelings and track their emotional wellbeing over time.

HTMLCSSJavaScript
ADVANCEDPREMIUM

Browser extension manager

Create a browser extension manager interface with the ability to enable, disable, and configure extensions.

ReactTypeScriptCSS
3
JUNIORFREE

Personal blog

Build a personal blog with article listing, individual article pages, and a responsive design.

HTMLCSSJavaScript
4
NEWBIEFREE

Character counter

Create a character counter component that updates in real-time as users type in a text area.

HTMLCSSJavaScript
5
JUNIORFREE

Conference ticket generator

Build a conference ticket generator that creates personalized tickets based on user input.

HTMLCSSJavaScript
6
INTERMEDIATEPREMIUM

Tech book club

Create a tech book club website with book listings, reviews, and discussion forums.

ReactNode.jsMongoDB
7
NEWBIEFREE

Recipe page

Build a recipe page with ingredients list, cooking instructions, and nutritional information.

HTMLCSS
8
NEWBIEFREE

Social links profile

Create a social links profile page with hover effects and responsive design.

HTMLCSS
9
NEWBIEFREE

Blog preview card

Build a blog preview card component with image, title, excerpt, and author information.

HTMLCSS
10
NEWBIEFREE

QR code component

Create a QR code component with centered layout and responsive design.

HTMLCSS
Learn-Frontend