/Learn-JavaScript

JavaScript Roadmap with basic projects and commented notes

Primary LanguageJavaScript

Learn JavaScript - Learn By Doing !!

This repository contains a roadmap for learning JavaScript, along with basic projects and commented notes.

Roadmap

The roadmap is organized into the following sections:

  • Basics: This section covers the fundamentals of JavaScript, including variables, data types, operators, expressions, and control flow.
  • Iteration: This section covers the concept of loops in javascript.
  • DOM: This section covers how to interact with the Document Object Model (DOM) to manipulate web pages.
  • Basic Projects: This section includes a few simple projects to practice your JavaScript skills.
  • Async: This section covers asynchronous programming in JavaScript, including promises and async/await.
  • API: This section covers how to use APIs in JavaScript to fetch data from external sources.
  • Promises-Fetch-Async-Await-then-catch: This section covers concepts of promises ,async behaviour, different ways to use promises and javascript's asynchronous behaviour.
  • OOP: This section covers object-oriented programming concepts in JavaScript.

Projects

The repository includes the following projects:

  • ColourChanger: A simple project that changes background colour on clicking a button.
  • BMI Calculator: A simple project that calculates ones BMI based on user entered height and weight and also determines whether they are underweight, normal, overweight, or obese.
  • DigitalClock: A simple project that displays a digital clock.
  • GuessTheNumber: A simple game project that generates a random number between 1 and 100 and the user has to guess it.
  • To-Do: A simple to-do list project that allows the user to add and delete tasks.
  • Calculator: A simple calculator project that allows the user to perform basic arithmetic operations.
  • KeyCheck: A simple project that checks if a key is pressed and if yes then it returns the key details such as key code, key name, and key location.

Getting Started

To clone this repository and start working on the projects, you can use the following command:

git clone https://github.com/prakhar0711/Learn-JavaScript

Contributing

I welcome contributions to this repository. If you find any errors or have any suggestions, please feel free to create a pull request.