DEV Community

Cover image for JavaScript Repositories I Follow
Itachi Uchiha
Itachi Uchiha

Posted on

JavaScript Repositories I Follow

Before you start reading this article, I'm so sorry for my grammar mistakes. I'm not good at English. I'm saying this because I got criticism for my previous article.

He was right. Really. I try to improve myself every day. Anyway. When I learn something new, I share it immediately.

I published this article on my own blog before

Hi. For a while, I’m trying to follow some educational repositories. These are really useful repositories.

Maybe you’ve heard of them before. This is an article for people who ask where to start. Anyway.

Before Starting

The following list is not ordered. It’s good if you can follow them all. So, you don’t have to start with the first one.

Awesome JavaScript

🐢 A collection of awesome browser-side JavaScript libraries, resources, and shiny things.

This repository categorized the topics. For example, you need to something about routing, you can easily navigate to its subtopics. I found the page.js router thanks to this repo. There you can find many popular frameworks, libraries, and other awesome lists.

Repo URL: https://github.com/sorrycc/awesome-javascript

You Don’t Know JS

You should be heard this repo. You probably heard this repo. This is a book series on JavaScript. There are six books to be master of the JavaScript (Okay, this completely depends on you). It’s completely free.

Repo URL: https://github.com/getify/You-Dont-Know-JS

Front-End Checklist

🗂 The perfect Front-End Checklist for modern websites and meticulous developers

You still think you have insufficient knowledge? I know that some developers think so. Even I think so. Because I don’t know everything.

Anyway, there are some rules to be observed like meta tags, attributes etc. These aren’t strict rules. But if you want to be a good front-end dev, you should know these rules. There you can find some hints about how to build more efficient websites.

Repo URL: https://github.com/thedaviddias/Front-End-Checklist

33 JS Concepts

📜 33 concepts every JavaScript developer should know.

As you understand, there are 33 concepts you should know. Also available in different languages. By this repository, you can easily understand what’s the difference between == and ===.

Repo URL: https://github.com/leonardomso/33-js-concepts

Modern JS Cheatsheet

Cheatsheet for the JavaScript knowledge you will frequently encounter in modern projects.

With this repository, you will get the explanation of JavaScript features. Everything is simply explained. Each topic is exemplified by code snippets.

Repo URL: https://github.com/mbeaudru/modern-js-cheatsheet

Clean Code JavaScript

🛁 Clean Code concepts adapted for JavaScript

Actually, these are the techniques to be followed by every developer in every language. In this repo, examples are created on JavaScript. Naming, arguments, meaningful code snippets are important. For example, what does this code do?

function ok(a, a1, a2) {
   // some code will be here.
}
Enter fullscreen mode Exit fullscreen mode

What is the “ok“? Why there are three arguments? What should I understand by a, a1 and a2? Developers are asking questions when they see a code snippet like this. There you can find some techniques to write more clean code.

Repo URL: https://github.com/ryanmcdermott/clean-code-javascript

JavaScript Style Guide by Airbnb

This is one of the most famous style guides.

Which one I should use? “var”, “const” or “let” and why? you can find answers for this kind questions. An example about quote using.

// bad
const bad = {
  'foo': 3,
  'bar': 4,
  'data-blah': 5,
};

// good
const good = {
  foo: 3,
  bar: 4,
  'data-blah': 5,
};
Enter fullscreen mode Exit fullscreen mode

With this style guide, you can more readable codes. These aren’t strict rules. But every JavaScript developer should know what are they. My friend working for a big company. They using this style guide their projects. So every developer in that team is using this style guide.

Repo URL: https://github.com/airbnb/javascript

I hope this article will help you.

Thanks for reading.

Top comments (11)

Collapse
 
michaeltharrington profile image
Michael Tharrington

Great to see that the English writing criticism didn't slow ya down. Sure, ya make a few grammatical mistakes here and there, but the important thing is that you're still here practicing. In my opinion, you did a good job with this article. As I said before, there are a few minor mistakes, but I can follow everything quite clearly. Nice work!

And most importantly, the content is helpful! Appreciate you sharing these resources!

Collapse
 
itachiuchiha profile image
Itachi Uchiha

Thanks, Michael. I don't upset. I'm so happy to be here. If people understand me, that's fine. :P

I'll share more content. I think there should be an English language section here :P

Thanks again :)

Collapse
 
juanfrank77 profile image
Juan F Gonzalez

Well mate, my suggestion is that you can install the Grammarly plugin to check for your mistakes. I'm not a native speaker either but the plugin makes me look like if I was.

Collapse
 
johnsanders profile image
John Sanders

I actually feel like I learn from the mistakes made by non-native speakers of english. It gives an insight into how their language works relative to mine.

Collapse
 
iankurbiswas profile image
Ankur Biswas

Thanks a lot for sharing all these awesome repos 😁

Collapse
 
mountainfirefly profile image
Pankaj Thakur

Ali, this is great!

Thank you so much for sharing.

Collapse
 
itachiuchiha profile image
Itachi Uchiha

You're welcome :)

Collapse
 
imishan profile image
Ishan Koul

If you are not a native English speaker, then you should try Grammarly. It will help a lot. Thanks for the article. It was a good read.

Collapse
 
cl3m3cy profile image
iHmD

thank you for sharing!
good resources indeed :)

Collapse
 
patrickleet profile image
Patrick Scott

Take imperfect action!

Collapse
 
selahattinunlu profile image
Selahattin Ünlü

It seems great! Thank you Ali.