Skip to content

labex-labs/javascript-practice-labs

BranchesTags

Repository files navigation

Practice JavaScript Labs

Languages

🇨🇳 简体中文 🇯🇵 日本語 🇪🇸 Español 🇫🇷 Français 🇩🇪 Deutsch 🇷🇺 Русский 🇰🇷 한국어 🇧🇷 Português 🇺🇸 English

Learn JavaScript, the programming language of the web, with this structured learning path. These comprehensive JavaScript courses are tailored for beginners, providing a clear roadmap to master core concepts, DOM manipulation, and asynchronous programming. Develop practical skills for creating dynamic web applications through hands-on, non-video lessons and coding exercises in an interactive JS playground.

Browse up to 87 hands-on JavaScript labs from LabEx. Each lab opens in an interactive environment so you can practice by doing.

Index Name Skills Difficulty Practice
01 Your First JavaScript Lab Document Structure Beginner Start Lab
02 Create a Pixel Art Animator with React Component Definition Beginner Start Lab
03 Create a Swiper Carousel Web App Display Modes Beginner Start Lab
04 Creating a Drawing Board Web App Events Beginner Start Lab
05 Creating a Minesweeper Game with JavaScript DOM Manipulation Beginner Start Lab
06 Creating a Task Timer Web App DOM Manipulation Beginner Start Lab
07 Creating a Whack-a-Mole Web Game DOM Manipulation Beginner Start Lab
08 Don't Step on the White Tile DOM Manipulation Beginner Start Lab
09 Implement a Magnifying Glass Effect Using Canvas DOM Manipulation Beginner Start Lab
10 Monty Hall Simulation Web App DOM Manipulation Beginner Start Lab
11 Build a Scratch Card Web Game DOM Manipulation Beginner Start Lab
12 Building Christmas Wish List App with React Project Structure Beginner Start Lab
13 Create a Notes App Using React useState Beginner Start Lab
14 Building a React GitHub Heatmap Contributions Project Structure Beginner Start Lab
15 Create AJAX Requests with XMLHttpRequest Fetch Requests Beginner Start Lab
16 Create and Manipulate Arrays in JavaScript Arrays Beginner Start Lab
17 Define and Call Functions in JavaScript Functions Beginner Start Lab
18 Define and Use Variables in JavaScript Variables and Scope Beginner Start Lab
19 Explore Assignment Operators in JavaScript Expressions and Operators Beginner Start Lab
20 Explore Browser Object Model (BOM) Methods in JavaScript Browser Navigation Beginner Start Lab
21 Explore Comparison Operators in JavaScript Expressions and Operators Beginner Start Lab
22 Explore Conditional Branching in JavaScript Control Flow Beginner Start Lab
23 Explore Display Properties in CSS Display Modes Beginner Start Lab
24 Explore DOM Properties in JavaScript DOM Tree Beginner Start Lab
25 Explore Logical Operators in JavaScript Expressions and Operators Beginner Start Lab
26 Parsing JSON Data JSON Data Beginner Start Lab
27 Fruit Matching Game with HTML, CSS, JavaScript DOM Manipulation Beginner Start Lab
28 Your First React Lab Project Structure Beginner Start Lab
29 Arrays and Objects Arrow Functions Beginner Start Lab
30 Basic JavaScript and DOM Events Beginner Start Lab
31 Data Storage and Retrieval Web Storage Beginner Start Lab
32 Enhancing Personal Finance Tracker Events Beginner Start Lab
33 Implementing the Summary Arrays Beginner Start Lab
34 Deploying MobileNet with TensorFlow.js and Flask DOM Manipulation Beginner Start Lab
35 Building a Traffic Lights System with JavaScript DOM Manipulation Beginner Start Lab
36 React Colour Filter Application Project Structure Beginner Start Lab
37 Real-Time Sales Dashboard with Echarts DOM Manipulation Beginner Start Lab
38 Interactive Film Collection Web App DOM Manipulation Beginner Start Lab
39 Building Responsive Accordion Interfaces DOM Manipulation Beginner Start Lab
40 Building a Web Avoiding Block Game DOM Manipulation Beginner Start Lab
41 Fruit Stacking Game with HTML, CSS, JavaScript DOM Manipulation Beginner Start Lab
42 jQuery Flip Puzzle Game DOM Manipulation Beginner Start Lab
43 Simple Prize Draw Application DOM Manipulation Beginner Start Lab
44 Building a Voting Application DOM Manipulation Beginner Start Lab
45 2048 Web Game Using jQuery DOM Manipulation Beginner Start Lab
46 Develop Markdown Editor with Live Preview DOM Manipulation Beginner Start Lab
47 Build a Sliding Puzzle Game with JavaScript DOM Manipulation Beginner Start Lab
48 Build a Tic-Tac-Toe Web App DOM Manipulation Beginner Start Lab
49 Build an Image Cropping Tool Using HTML5 DOM Manipulation Beginner Start Lab
50 Building a Modern Expense Splitter Web App DOM Manipulation Beginner Start Lab
51 Simple Prize Draw Application DOM Manipulation Beginner Start Lab
52 jQuery Flip Puzzle Game DOM Manipulation Beginner Start Lab
53 Fruit Stacking Game with HTML, CSS, JavaScript DOM Manipulation Beginner Start Lab
54 Fruit Matching Game with HTML, CSS, JavaScript DOM Manipulation Beginner Start Lab
55 Building Responsive Accordion Interfaces DOM Manipulation Beginner Start Lab
56 Build an Image Cropping Tool Using HTML5 DOM Manipulation Beginner Start Lab
57 Real-Time Sales Dashboard with Echarts DOM Manipulation Beginner Start Lab
58 React Colour Filter Application Project Structure Beginner Start Lab
59 Building a Traffic Lights System with JavaScript DOM Manipulation Beginner Start Lab
60 Deploying MobileNet with TensorFlow.js and Flask DOM Manipulation Beginner Start Lab
61 Implementing the Summary Arrays Beginner Start Lab
62 Enhancing Personal Finance Tracker Events Beginner Start Lab
63 Data Storage and Retrieval Web Storage Beginner Start Lab
64 Basic JavaScript and DOM Events Beginner Start Lab
65 Arrays and Objects Arrow Functions Beginner Start Lab
66 Your First React Lab Project Structure Beginner Start Lab
67 Don't Step on the White Tile DOM Manipulation Beginner Start Lab
68 Define and Use Variables in JavaScript Variables and Scope Beginner Start Lab
69 Define and Call Functions in JavaScript Functions Beginner Start Lab
70 Create and Manipulate Arrays in JavaScript Arrays Beginner Start Lab
71 Create AJAX Requests with XMLHttpRequest Fetch Requests Beginner Start Lab
72 Create a Pixel Art Animator with React Component Definition Beginner Start Lab
73 Create a Notes App Using React useState Beginner Start Lab
74 Building Christmas Wish List App with React Project Structure Beginner Start Lab
75 Build a Scratch Card Web Game DOM Manipulation Beginner Start Lab
76 Monty Hall Simulation Web App DOM Manipulation Beginner Start Lab
77 Implement a Magnifying Glass Effect Using Canvas DOM Manipulation Beginner Start Lab
78 Explore Browser Object Model (BOM) Methods in JavaScript Browser Navigation Beginner Start Lab
79 Creating a Whack-a-Mole Web Game DOM Manipulation Beginner Start Lab
80 Creating a Task Timer Web App DOM Manipulation Beginner Start Lab
81 Creating a Minesweeper Game with JavaScript DOM Manipulation Beginner Start Lab
82 Creating a Drawing Board Web App Events Beginner Start Lab
83 Create a Swiper Carousel Web App Display Modes Beginner Start Lab
84 Building a Web Avoiding Block Game DOM Manipulation Beginner Start Lab
85 Building a React GitHub Heatmap Contributions Project Structure Beginner Start Lab
86 Building a React Drag-and-Drop Puzzle Game Project Structure Beginner Start Lab
87 Building a Modern Expense Splitter Web App DOM Manipulation Beginner Start Lab

View all labs.

More

About

87+ step-by-step guided JavaScript labs for hands-on practice.

labex.io/learn/javascript

Topics

javascript programming labs exercises hands-on labex practice-labs

Resources

Readme
Activity
Custom properties

Stars

96 stars

Watchers

3 watching

Forks

17 forks
Report repository

Releases

No releases published

Packages

 
 
 

Contributors