JavaScript

JavaScript is the programming language of the web. This Skill Tree presents a systematic approach to learning JavaScript. Designed for web development beginners, it provides a clear roadmap to understand core concepts, DOM manipulation, and asynchronous programming. Hands-on, non-video courses and coding exercises in an interactive JS playground ensure you develop practical skills in creating dynamic web applications.

35 Skills|1 Course|104 Projects

Quick Start with JavaScript

Build an VSCode Extension With ChatGPT

Build an VSCode Extension With ChatGPT

GitJavaScriptTypeScript

Build a Tic-Tac-Toe Web App

Build a Tic-Tac-Toe Web App

HTMLCSSJavaScript

Creating a Whack-a-Mole Web Game

Creating a Whack-a-Mole Web Game

HTMLCSSJavaScript

Create a Notes App Using React

Create a Notes App Using React

ReactCSSJavaScriptHTML

Building a Modern Expense Splitter Web App

Building a Modern Expense Splitter Web App

HTMLCSSJavaScript

Creating a Drawing Board Web App

Creating a Drawing Board Web App

CSSHTMLJavaScript

Creating a Task Timer Web App

Creating a Task Timer Web App

CSSHTMLJavaScript

Create a Swiper Carousel Web App

Create a Swiper Carousel Web App

CSSHTMLJavaScript

Monty Hall Simulation Web App

Monty Hall Simulation Web App

HTMLCSSJavaScript

Building a Web Avoiding Block Game

Building a Web Avoiding Block Game

CSSHTMLJavaScript

2048 Web Game Using jQuery

2048 Web Game Using jQuery

HTMLCSSJavaScriptjQuery

Build a Sliding Puzzle Game With JavaScript

Build a Sliding Puzzle Game With JavaScript

CSSHTMLJavaScript

Create a Pixel Art Animator With React

Create a Pixel Art Animator With React

CSSHTMLJavaScript

jQuery Flip Puzzle Game

jQuery Flip Puzzle Game

HTMLjQueryCSSJavaScript

Creating a Minesweeper Game With JavaScript

Creating a Minesweeper Game With JavaScript

CSSHTMLJavaScriptjQuery

Build a Simple Markdown Editor With Live Preview

Build a Simple Markdown Editor With Live Preview

CSSHTMLJavaScript

Implement a Magnifying Glass Effect Using Canvas

Implement a Magnifying Glass Effect Using Canvas

CSSHTMLJavaScript

Build an Image Cropping Tool Using HTML5

Build an Image Cropping Tool Using HTML5

CSSHTMLJavaScript

Building a Christmas Wish List Builder in React

Building a Christmas Wish List Builder in React

HTMLReactCSSJavaScript

Building a React Drag-and-Drop Puzzle Game

Building a React Drag-and-Drop Puzzle Game

CSSJavaScriptReact

Building a React GitHub Heatmap Contributions

Building a React GitHub Heatmap Contributions

JavaScriptReactCSS

Deploying MobileNet With TensorFlow.js and Flask

Deploying MobileNet With TensorFlow.js and Flask

CSSHTMLPythonLinuxFlaskJavaScriptMachine Learning

Don't Step on the White Tile

Don't Step on the White Tile

CSSHTMLJavaScript

Build a Scratch Card Web Game

Build a Scratch Card Web Game

CSSHTMLJavaScript

Build a Simple URL Shortener With Flask and MySQL

Build a Simple URL Shortener With Flask and MySQL

PythonMySQLCSSHTMLFlaskLinuxJavaScript

Real-Time Sentence Search with Vue.js

Real-Time Sentence Search with Vue.js

JavaScriptVue.js

Vue.js Search Functionality Development

Vue.js Search Functionality Development

CSSHTMLJavaScriptVue.js

The Boundless Sea of Learning

The Boundless Sea of Learning

A Good Review for the Takeout

A Good Review for the Takeout

Address Management Web Application

Address Management Web Application

Bing Dwen Dwen Mood Scale

Bing Dwen Dwen Mood Scale

Building a Traffic Lights System with JavaScript

Building a Traffic Lights System with JavaScript

Building a Simple Search Functionality

Building a Simple Search Functionality

Pagination Implementation with Axios

Pagination Implementation with Axios

Escape From the Dual Vector Foil

Escape From the Dual Vector Foil

Build a Guess the Coin Game

Build a Guess the Coin Game

Random Greeting Card Generator

Random Greeting Card Generator

Movie Ticket Reservation System

Movie Ticket Reservation System

Axios-Driven Incantation Treasure Hunt

Axios-Driven Incantation Treasure Hunt

Create Responsive Modal Boxes

Create Responsive Modal Boxes

Building Reusable Pagination Component

Building Reusable Pagination Component

Spell Out a Future

Spell Out a Future

Web-based HTML Presentation Builder

Web-based HTML Presentation Builder

HTMLCSSJavaScript

Custom Form Validation with Vue.js

Custom Form Validation with Vue.js

JavaScriptVue.js

Empty pathMatch for Correct Path Calculation

Empty pathMatch for Correct Path Calculation

JavaScriptVue.js

Vue.js Shopping Cart with Drag and Drop

Vue.js Shopping Cart with Drag and Drop

HTMLJavaScriptVue.js

Implement Search Suggestions with Vue.js

Implement Search Suggestions with Vue.js

JavaScriptVue.js

Product List with Layout Switching

Product List with Layout Switching

HTMLJavaScriptVue.js

Vue.js Buttons and Value Updating

Vue.js Buttons and Value Updating

JavaScriptVue.js

Building Dynamic Menu Tree Search with Vue.js

Building Dynamic Menu Tree Search with Vue.js

JavaScriptVue.js

Fixing Vue Router's cleanPath Function

Fixing Vue Router's cleanPath Function

JavaScriptVue.js

Build a Vue.js E-book Reader

Build a Vue.js E-book Reader

HTMLJavaScriptVue.js

Retrieving Object Parameters From Query

Retrieving Object Parameters From Query

JavaScriptVue.js

Building a Vue.js Shopping Cart

Building a Vue.js Shopping Cart

JavaScriptVue.js

Building a Vue.js Store Status Switcher

Building a Vue.js Store Status Switcher

HTMLJavaScriptVue.js

Implement Efficient Virtual Scrolling with Vue.js

Implement Efficient Virtual Scrolling with Vue.js

JavaScriptVue.js

Depth of Field in Images

Depth of Field in Images

Data Formatting and Visualization with Vue.js

Data Formatting and Visualization with Vue.js

HTMLJavaScriptVue.js

Responsive Navigation with Custom React Hook

Responsive Navigation with Custom React Hook

ReactJavaScript

React Theme Switcher Application

React Theme Switcher Application

ReactJavaScript

React Colour Filter Application

React Colour Filter Application

ReactJavaScript

Implementing React Navigation Features

Implementing React Navigation Features

ReactJavaScript

Create Responsive Business Card with React

Create Responsive Business Card with React

ReactJavaScript

Build Interactive React Components

Build Interactive React Components

ReactJavaScript

Mobile Phone Number Verification

Mobile Phone Number Verification

JavaScriptVue.js

Correctly Warn Incorrect v-Slot Usage

Correctly Warn Incorrect v-Slot Usage

JavaScriptVue.js

Adding Deprecation Warning to Vue Router

Adding Deprecation Warning to Vue Router

JavaScriptVue.js

Dynamization of Homepage Data

Dynamization of Homepage Data

HTMLJavaScriptVue.js

Fix the Test in async.spec.js

Fix the Test in async.spec.js

JavaScriptVue.js

Data Visualization with Echarts and JSON

Data Visualization with Echarts and JSON

HTMLJavaScriptVue.js

Handling Null Values Correctly

Handling Null Values Correctly

JavaScriptVue.js

Let’s Have a Meeting Together

Let’s Have a Meeting Together

HTMLJavaScriptVue.js

Building Login with Vue.js and Vuex

Building Login with Vue.js and Vuex

HTMLJavaScriptVue.js

Remove the Warning Generated by pathMatch

Remove the Warning Generated by pathMatch

JavaScriptVue.js

Revisit Route Triggers Too Early

Revisit Route Triggers Too Early

JavaScriptVue.js

Router Query Value Changed

Router Query Value Changed

JavaScriptVue.js

Building Flexible Skeleton Screens

Building Flexible Skeleton Screens

JavaScriptVue.js

Time Conversion Tool with Vue.js

Time Conversion Tool with Vue.js

JavaScriptVue.js

Build a Vue.js Task Manager

Build a Vue.js Task Manager

HTMLJavaScriptVue.js

Interactive Film Collection Web App

Interactive Film Collection Web App

jQueryJavaScript

Building Responsive Accordion Interfaces

Building Responsive Accordion Interfaces

jQueryJavaScript

Fruit Matching Game with HTML, CSS, JavaScript

Fruit Matching Game with HTML, CSS, JavaScript

jQueryJavaScript

Fruit Stacking Game with HTML, CSS, JavaScript

Fruit Stacking Game with HTML, CSS, JavaScript

jQueryJavaScript

Simple Prize Draw Application

Simple Prize Draw Application

Building a Voting Application

Building a Voting Application

jQueryJavaScript

Weekly Weather Forecast Application Development

Weekly Weather Forecast Application Development

Hard Work Pays Off

Hard Work Pays Off

Real-Time Sales Dashboard with Echarts

Real-Time Sales Dashboard with Echarts

Creating Interactive Bar Charts with ECharts

Creating Interactive Bar Charts with ECharts

Time With Your Phone

Time With Your Phone

Weather Trend Chart with Vue and Echarts

Weather Trend Chart with Vue and Echarts

HTMLJavaScriptVue.js

Course Schedule CRUD With MyBatis

Course Schedule CRUD With MyBatis

JavaJavaScriptMySQL

Configuring Logging and Batch Aliasing in MyBatis

Configuring Logging and Batch Aliasing in MyBatis

Extending Entity with Custom Properties

Extending Entity with Custom Properties

JavaJavaScriptMySQL

Implementation of AJAX Requests Using JS

Implementation of AJAX Requests Using JS

jQueryJavaScript

JSON Data Transfer With AJAX

JSON Data Transfer With AJAX

Logging Project Information With Log4j2

Logging Project Information With Log4j2

Operate the Course Table

Operate the Course Table

JavaScriptMySQL

Practical Use of resultMap

Practical Use of resultMap

JavaScriptMySQL

User Permission Management System with JavaScript

User Permission Management System with JavaScript

Promisifying Callback-based Asynchronous Functions

Promisifying Callback-based Asynchronous Functions

Building a News API with Node.js

Building a News API with Node.js

Building a User Management RESTful API with Node.js

Building a User Management RESTful API with Node.js

Building a Node.js Reverse Proxy

Building a Node.js Reverse Proxy