DEV Community

Cover image for Top 6 opensource repositories to learn JavaScript in 2022
Kumar Kalyan
Kumar Kalyan

Posted on

Top 6 opensource repositories to learn JavaScript in 2022

Intro

Almost 95% of websites require javascript, it is one of the most popular programming languages that can help you make at least** $100000 a year. And the browsers we use in daily life also require a javascript engine like v8 is used by **Google chrome, Spider Monkey by Mozilla, and JavaScript Core by Safari. So looking upon the popularity of JavaScript I thought about writing an article that will help everyone to learn javascript. I will be talking about authentic opensource repositories which means everything is free & free! All you need is a github account

1. The Algorithmic hell

Data structures and algorithms are the building blocks for becoming a pro programmer and if you are using javascript then these repositories can help you out a lot.

  • ### Datastructures and Algorithims by amejiarosario This repository has 6.6k stars on ** GitHub** including topics like algorithmic analysis, linear & non-linear data structures, Algorithmic techniques, and many more. One can either clone this repository from GitHub or can install it using the npm command npm install dsa.js

GitHub logo amejiarosario / dsa.js-data-structures-algorithms-javascript

🥞Data Structures and Algorithms explained and implemented in JavaScript + eBook

image

Data Structures and Algorithms in JavaScript

CircleCI NPM version chat

This is the coding implementations of the DSA.js book and the repo for the NPM package.

In this repository, you can find the implementation of algorithms and data structures in JavaScript. This material can be used as a reference manual for developers, or you can refresh specific topics before an interview. Also, you can find ideas to solve problems more efficiently.

Interactive Data Structures

Table of Contents

Installation

You can clone the repo or install the code from NPM:

npm install dsa.js
Enter fullscreen mode Exit fullscreen mode

and then you can import it into your programs or CLI

const { LinkedList, Queue, Stack } = require('dsa.js');
Enter fullscreen mode Exit fullscreen mode

For a list of all available data structures and algorithms, see index.js.

Features

Algorithms are an essential…

  • ### JavaScript Algorithims by mechdev This repository has 7.2k stars on Github haiving important topics like trees, hashtables, nodes and lot more. One can clone the repository form Github or check out the web version here

GitHub logo mgechev / javascript-algorithms

💻 JavaScript implementations of computer science algorithms

About

Build Status

This repository contains JavaScript implementations of famous computer science algorithms.

API reference with usage examples available here.

Development

To install all dev dependencies

Call:

npm install
Enter fullscreen mode Exit fullscreen mode

To setup repository with documentation

npm run doc
Enter fullscreen mode Exit fullscreen mode

This will build the documentation and open it in your browser.

To update .html files with documentation

Just run npm run doc again.

To run tests

Call:

npm run test
Enter fullscreen mode Exit fullscreen mode

This will execute all *.spec.js files.

To deploy documentation site

npm run deploy
Enter fullscreen mode Exit fullscreen mode

This requires you to have commit access to your Git remote.

Contributions

Fork the repo and make required changes. Afterwards, push your changes in branch. The name will be according to the changes you did. Initiate the pull request.

Make sure your editor makes validations according to the .jshintrc in the root directory of the repository.

Before pushing to the repository, run:

npm run build
Enter fullscreen mode Exit fullscreen mode

If the build is not successful…

2. Write clean write better

Ok now let's assume that you have won the fight with Data Structures and algorithms then it comes to formatting our code. Developing an application or fixing someone else's code is not easy especially when we are dealing with a large codebase. We need to maintain cleanness and follow a universal style guide so that anyone can figure out what we have written, to deal with this in javascript we can use these two repositories

  • ### Clean code JavaScript by ryanmcdermott This repository has 67.7k stars on **Github **containing topics like formatting, concurrency, testing, error handling, and many more. The most important part, this repository is available in more than 10 languages, fork or clone it and start learning.

GitHub logo ryanmcdermott / clean-code-javascript

🛁 Clean Code concepts adapted for JavaScript

clean-code-javascript

Table of Contents

  1. Introduction
  2. Variables
  3. Functions
  4. Objects and Data Structures
  5. Classes
  6. SOLID
  7. Testing
  8. Concurrency
  9. Error Handling
  10. Formatting
  11. Comments
  12. Translation

Introduction

Humorous image of software quality estimation as a count of how many expletives you shout when reading code

Software engineering principles, from Robert C. Martin's book Clean Code adapted for JavaScript. This is not a style guide. It's a guide to producing readable, reusable, and refactorable software in JavaScript.

Not every principle herein has to be strictly followed, and even fewer will be universally agreed upon. These are guidelines and nothing more, but they are ones codified over many years of collective experience by the authors of Clean Code.

Our craft of software engineering is just a bit over 50 years old, and we are still learning a lot. When software architecture is as old as architecture itself, maybe then we will have harder rules to follow. For now, let these guidelines serve as a touchstone by which to assess the quality of the JavaScript…

  • ### JavaScript By Airbnb This repository has 123k stars on Github having topics like hoisting, ES6, Accessors, Naming Convention s, typecasting, and many more. This repository is designed and made by Airbnb and has been already used by 840k developers, so one can have trust it blindly.

GitHub logo airbnb / javascript

JavaScript Style Guide

Airbnb JavaScript Style Guide() {

A mostly reasonable approach to JavaScript

Note: this guide assumes you are using Babel, and requires that you use babel-preset-airbnb or the equivalent. It also assumes you are installing shims/polyfills in your app, with airbnb-browser-shims or the equivalent.

Downloads Downloads Gitter

This guide is available in other languages too. See Translation

Other Style Guides

Table of Contents

  1. Types
  2. References
  3. Objects
  4. Arrays
  5. Destructuring
  6. Strings
  7. Functions
  8. Arrow Functions
  9. Classes & Constructors
  10. Modules
  11. Iterators and Generators
  12. Properties
  13. Variables
  14. Hoisting
  15. Comparison Operators & Equality
  16. Blocks
  17. Control Statements
  18. Comments
  19. Whitespace
  20. Commas
  21. Semicolons
  22. Type Casting & Coercion
  23. Naming Conventions
  24. Accessors
  25. Events
  26. jQuery
  27. ECMAScript 5 Compatibility
  28. ECMAScript 6+ (ES 2015+) Styles
  29. Standard Library
  30. Testing
  31. Performance
  32. Resources
  33. In the Wild
  34. Translation
  35. The JavaScript Style Guide Guide
  36. Chat With Us About JavaScript
  37. Contributors
  38. License
  39. Amendments

Types

  • 1.1 Primitives: When you access a primitive type you work…

3. Ace your interviews

Ok now we have reached the end of this battle , I know when it comes to interviews we all get tensed and to get rid of it check out these two repositories.

  • ### Awesome Javascript Interviews by rohan-paul This repository has 1.8k stars on Github containig 100 of question on fullsatck development , system design, list of use full blogs , coding practice platforms and many more.

GitHub logo rohan-paul / Awesome-JavaScript-Interviews

Popular JavaScript / React / Node / Mongo stack Interview questions and their answers. Many of them, I faced in actual interviews and ultimately got my first full-stack Dev job :)

  • ### Javascript interview quesstions by sudheerj

This repository has 9.9k stars on Github containg a thousand's of question on javascipt that will help you to ace your interwies.

GitHub logo sudheerj / javascript-interview-questions

List of 1000 JavaScript Interview Questions

JavaScript Interview Questions & Answers

Click if you like the project. Pull Requests are highly appreciated. Follow me @SudheerJonna for technical updates.

Go to Coding Exercise for coding specific questions

Download PDF/Epub formats

You can download the PDF and Epub version of this repository from the latest run on the actions tab.


ZTM Logo

  1. Take this JavaScript Projects course to go from a JavaScript beginner to confidently building your own projects
  2. Take this coding interview bootcamp if you’re serious about getting hired and don’t have a CS degree
  3. Take this Advanced JavaScript Course to learn advanced JS concepts and become a top JS developer


Table of Contents

Conclusion

These resources will make your javascript journey like a peace of cake and the most important thing is consistency, cause at the end our consistensy helps us to win the game with flying colors. Feel free to share my article with your peers and don't hesitate to hit a reaction every thing is free and this helps my page grow.

Connect

LinkedIn Twitter

Discussion (0)