An open API service indexing awesome lists of open source software.

https://github.com/labex-labs/quick-start-with-javascript

Quick Start with JavaScript | This repo collects 60 of programming labs exercises for Quick Start with JavaScript. This course is designed for beginners who want to learn JavaScript and programming fundamentals. We will try to build a dynamic personal finance tracker, which will help you to under...
https://github.com/labex-labs/quick-start-with-javascript

List: quick-start-with-javascript

challenges course exercises hands-on javascript labex labs playgroud programming

Last synced: about 2 months ago
JSON representation

Quick Start with JavaScript | This repo collects 60 of programming labs exercises for Quick Start with JavaScript. This course is designed for beginners who want to learn JavaScript and programming fundamentals. We will try to build a dynamic personal finance tracker, which will help you to under...

Awesome Lists containing this project

README

        

# Quick Start with JavaScript

[![Quick Start with JavaScript](https://cover-creator.appbot.io/quick-start-with-javascript.png)](https://labex.io/courses/quick-start-with-javascript)

[![Start-Learning](https://img.shields.io/badge/Start-Learning-whitesmoke?style=for-the-badge)](https://labex.io/courses/quick-start-with-javascript)

This course is designed for beginners who want to learn JavaScript and programming fundamentals. We will try to build a dynamic personal finance tracker, which will help you to understand the basics of JavaScript.

![JavaScript](https://img.shields.io/badge/JavaScript-whitesmoke?style=for-the-badge&logo=javascript)

## Environment

LabEx is an interactive, hands-on learning platform dedicated to coding and technology. It combines labs, AI assistance, and virtual machines to provide a no-video, practical learning experience.

![](https://tutorial-screenshot.getvm.io/images/vm-1725247253.png)

- A strict β€œLearn by Doing” approach with exclusive hands-on labs and no videos.
- Interactive online environments within the browser, with automated step-by-step checks.
- A structured content organization with the Skill Tree based learning system.
- A growing learning resource of 30 Skill Trees and over 6,000 Labs.
- The AI learning assistant Labby, built on ChatGPT, providing a conversational learning experience.

Learn more about [LabEx VM](https://support.labex.io/using-labex/virtual-machine).

## Exercises

| Index | Name | Difficulty | Practice |
|---------|-----------------------------------------------------|--------------|---------------------------------------------------------------------------------------------------------------------------------------|
| 01 | πŸ“– Your First JavaScript Lab | β˜…β˜†β˜† | Start Lab |
| 02 | πŸ“– Basic JavaScript and DOM | β˜…β˜†β˜† | Start Lab |
| 03 | πŸ“– Arrays and Objects | β˜…β˜†β˜† | Start Lab |
| 04 | πŸ“– Data Storage and Retrieval | β˜…β˜†β˜† | Start Lab |
| 05 | πŸ“– Enhancing Personal Finance Tracker | β˜…β˜†β˜† | Start Lab |
| 06 | πŸ“– Implementing the Summary | β˜…β˜†β˜† | Start Lab |
| 07 | πŸ“– Value Is Null | β˜…β˜†β˜† | Start Lab |
| 08 | πŸ“– Value Is Undefined | β˜…β˜†β˜† | Start Lab |
| 09 | πŸ“– Value Is Number | β˜…β˜†β˜† | Start Lab |
| 10 | πŸ“– Value Is String | β˜…β˜†β˜† | Start Lab |
| 11 | πŸ“– Value Is Boolean | β˜…β˜†β˜† | Start Lab |
| 12 | πŸ“– Type of Value | β˜…β˜†β˜† | Start Lab |
| 13 | πŸ“– Round Number to Given Precision | β˜…β˜†β˜† | Start Lab |
| 14 | πŸ“– Clamping Numbers in JavaScript | β˜…β˜†β˜† | Start Lab |
| 15 | πŸ“– Number Is Even | β˜…β˜†β˜† | Start Lab |
| 16 | πŸ“– Number Is Odd | β˜…β˜†β˜† | Start Lab |
| 17 | πŸ“– Random Number in Range | β˜…β˜†β˜† | Start Lab |
| 18 | πŸ“– Number to Currency String | β˜…β˜†β˜† | Start Lab |
| 19 | πŸ“– Capitalize First Letter in JavaScript | β˜…β˜†β˜† | Start Lab |
| 20 | πŸ“– Reverse String with JavaScript | β˜…β˜†β˜† | Start Lab |
| 21 | πŸ“– Convert Strings to Camelcase with JavaScript | β˜…β˜†β˜† | Start Lab |
| 22 | πŸ“– Truncating Strings in JavaScript | β˜…β˜†β˜† | Start Lab |
| 23 | πŸ“– Padding Strings in JavaScript | β˜…β˜†β˜† | Start Lab |
| 24 | πŸ“– String Manipulation with JavaScript | β˜…β˜†β˜† | Start Lab |
| 25 | πŸ“– Head of Array | β˜…β˜†β˜† | Start Lab |
| 26 | πŸ“– JavaScript Fundamentals Through Coding | β˜…β˜†β˜† | Start Lab |
| 27 | πŸ“– Last Array Element | β˜…β˜†β˜† | Start Lab |
| 28 | πŸ“– Array Without Last Element | β˜…β˜†β˜† | Start Lab |
| 29 | πŸ“– Filtering Falsy Values in JavaScript Arrays | β˜…β˜†β˜† | Start Lab |
| 30 | πŸ“– Random Element in Array | β˜…β˜†β˜† | Start Lab |
| 31 | πŸ“– Check if Array Has Duplicates | β˜…β˜†β˜† | Start Lab |
| 32 | πŸ“– Check if Array Includes All Values | β˜…β˜†β˜† | Start Lab |
| 33 | πŸ“– Check if Array Includes Any Values | β˜…β˜†β˜† | Start Lab |
| 34 | πŸ“– Filter Unique Array Values | β˜…β˜†β˜† | Start Lab |
| 35 | πŸ“– Efficient Array Intersection in JavaScript | β˜…β˜†β˜† | Start Lab |
| 36 | πŸ“– Find Union of Elements on an Array | β˜…β˜†β˜† | Start Lab |
| 37 | πŸ“– Shallow Clone Object | β˜…β˜†β˜† | Start Lab |
| 38 | πŸ“– Pick Object Keys | β˜…β˜†β˜† | Start Lab |
| 39 | πŸ“– Omit Object Keys | β˜…β˜†β˜† | Start Lab |
| 40 | πŸ“– Merging JavaScript Objects with Reduce and Concat | β˜…β˜†β˜† | Start Lab |
| 41 | πŸ“– Convert Object to Pairs | β˜…β˜†β˜† | Start Lab |
| 42 | πŸ“– Object From Pairs | β˜…β˜†β˜† | Start Lab |
| 43 | πŸ“– Limiting Function Arguments in JavaScript | β˜…β˜†β˜† | Start Lab |
| 44 | πŸ“– Function Composition in JavaScript | β˜…β˜†β˜† | Start Lab |
| 45 | πŸ“– Composing Functions Efficiently in JavaScript | β˜…β˜†β˜† | Start Lab |
| 46 | πŸ“– Optimizing JavaScript Functions with Memoization | β˜…β˜†β˜† | Start Lab |
| 47 | πŸ“– Debouncing Promises in JavaScript | β˜…β˜†β˜† | Start Lab |
| 48 | πŸ“– JavaScript Currying Techniques | β˜…β˜†β˜† | Start Lab |
| 49 | πŸ“– Check for Leap Year | β˜…β˜†β˜† | Start Lab |
| 50 | πŸ“– Explore JavaScript Programming Concepts | β˜…β˜†β˜† | Start Lab |
| 51 | πŸ“– Calculate Date Difference in JavaScript | β˜…β˜†β˜† | Start Lab |
| 52 | πŸ“– Add Date by Days in JavaScript | β˜…β˜†β˜† | Start Lab |
| 53 | πŸ“– Create Human-Readable Time Formatting | β˜…β˜†β˜† | Start Lab |
| 54 | πŸ“– Date Range Generator | β˜…β˜†β˜† | Start Lab |
| 55 | πŸ“– Asynchronous Functions to Promises | β˜…β˜†β˜† | Start Lab |
| 56 | πŸ“– Deep Clone Object | β˜…β˜†β˜† | Start Lab |
| 57 | πŸ“– String Is Valid JSON | β˜…β˜†β˜† | Start Lab |
| 58 | πŸ“– Stringify Circular JSON | β˜…β˜†β˜† | Start Lab |
| 59 | πŸ“– Flatten JavaScript Object with Recursion | β˜…β˜†β˜† | Start Lab |
| 60 | πŸ“– Deep Freeze Object | β˜…β˜†β˜† | Start Lab |

## More

- πŸ”— [JavaScript Programming Courses](https://github.com/labex-labs/awesome-programming-courses)
- πŸ”— [JavaScript Programming Projects](https://github.com/labex-labs/awesome-programming-projects)
- πŸ”— [JavaScript Free Tutorials](https://github.com/labex-labs/javascript-free-tutorials)