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.
Alexej Dyschelmann@adyschelmann@ThePracticalDev @yazilimci_adam Someone should check the grammar in this article... Even as a non native speaker some of the mistakes are hard to ignore đ14:30 PM - 12 Jan 2019
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.
}
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,
};
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)
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!
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 :)
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.
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.
Thanks a lot for sharing all these awesome repos đ
Ali, this is great!
Thank you so much for sharing.
You're welcome :)
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.
thank you for sharing!
good resources indeed :)
Take imperfect action!
It seems great! Thank you Ali.