Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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

[Quick Start with JavaScript] This repository collects 6 of programming scenarios (labs and challenges) 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 ...
https://github.com/labex-labs/quick-start-with-javascript

List: quick-start-with-javascript

awesome awesome-list challenges course education hands-on javascript labex labs programming

Last synced: 5 days ago
JSON representation

[Quick Start with JavaScript] This repository collects 6 of programming scenarios (labs and challenges) 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 ...

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 | πŸ“– Beginner's Guide to JavaScript Fundamentals | β˜…β˜†β˜† | 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)