Yeah, JavaScript is cool right. Here some GitHub Repos that help you to become better JavaScript developer.
1. Airbnb JavaScript Style Guide
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.
This guide is available in other languages too. See Translation
Other Style Guides
Table of Contents
- Types
- References
- Objects
- Arrays
- Destructuring
- Strings
- Functions
- Arrow Functions
- Classes & Constructors
- Modules
- Iterators and Generators
- Properties
- Variables
- Hoisting
- Comparison Operators & Equality
- Blocks
- Control Statements
- Comments
- Whitespace
- Commas
- Semicolons
- Type Casting & Coercion
- Naming Conventions
- Accessors
- Events
- jQuery
- ECMAScript 5 Compatibility
- ECMAScript 6+ (ES 2015+) Styles
- Standard Library
- Testing
- Performance
- Resources
- In the Wild
- Translation
- The JavaScript Style Guide Guide
- Chat With Us About JavaScript
- Contributors
- License
- Amendments
Types
-
1.1 Primitives: When you access a primitive type you work…
2. The Algorithms JavaScript
TheAlgorithms / JavaScript
Algorithms and Data Structures implemented in JavaScript for beginners, following best practices.
The Algorithms - JavaScript
JavaScript Repository of TheAlgorithms, which implements various algorithms and data structures in JavaScript.
These implementations are for demonstrative purposes only. Dedicated implementations of these algorithms and data structures are much better for performance and security reasons. We also do not provide any guarantee for api stability.
Before contributing to this repository, make sure to read our Contribution Guidelines. You can look at other TheAlgorithms Repositories or the issues with a "help wanted" label for inspiration regarding what to implement. Our maintainers will guide you through how to make your contribution properly if you make any mistakes. The names of the maintainers of this repository are listed in the CODEOWNERS file.
You can find a list of the algorithms currently in the repository in the directory. Explanations of many of the algorithms can be found in the wiki.
Thanks to all the contributors
…3. JavaScript Algorithms and Data Structures
trekhleb / javascript-algorithms
📝 Algorithms and data structures implemented in JavaScript with explanations and links to further readings
JavaScript Algorithms and Data Structures
🇺🇦 UKRAINE IS BEING ATTACKED BY RUSSIAN ARMY. CIVILIANS ARE GETTING KILLED. RESIDENTIAL AREAS ARE GETTING BOMBED.
- Help Ukraine via
- More info on war.ukraine.ua and MFA of Ukraine
This repository contains JavaScript based examples of many popular algorithms and data structures.
Each algorithm and data structure has its own separate README with related explanations and links for further reading (including ones to YouTube videos).
Read this in other languages: 简体中文 繁體中文, 한국어, 日本語, Polski, Français, Español, Português, Русский, Türkçe, Italiana, Bahasa Indonesia, Українська, Arabic, Tiếng Việt, Deutsch, Uzbek
☝ Note that this project is meant to be used for learning and researching purposes only, and it is not meant to be used for production.
Data Structures
…4. Git Book teaching programming basics with JavaScript
GitbookIO / javascript
GitBook teaching programming basics with Javascript
Learn Javascript
This book will teach you the basics of programming and Javascript. Whether you are an experienced programmer or not, this book is intended for everyone who wishes to learn the JavaScript programming language.
JavaScript (JS for short) is the programming language that enables web pages to respond to user interaction beyond the basic level. It was created in 1995, and is today one of the most famous and used programming languages.
5. JavaScript30
wesbos / JavaScript30
30 Day Vanilla JS Challenge
JavaScript30
Starter Files + Completed solutions for the JavaScript 30 Day Challenge.
Grab the course at https://JavaScript30.com
Community #JavaScript30 Content
Feel free to submit a PR by adding a link to your own recaps, guides, or reviews!
- Arjun Khode’s blog about summaries for each day, including fixed glitches, bugs and extra features.
- Nitish Dayal's Text Guides are great for those who like reading over watching.
- Thorsten Frommen shares how he solved the exercises before viewing the answers.
- Soyaine 写的中文指南包含了过程记录和难点解释
- 乔木 录制的讲解视频 看中文讲解视频一起学习 Javascript30 吧! Javascript30 中 CSS/JS/HTML 视频讲解
- Ayo Isaiah's Recaps and Lessons Learned.
- Adriana Rios shares her alternative solutions.
- Michael Einsohn publishes each challenge after watching the video once.
- Mike Ekkel
- Yusef Habib lessons and tricks learned, and a gh-page to see working all the mini-projects.
- Amelie Yeh 30 lesson notes with things I've learned, and those important recaps. and directly view my demos here 🇹🇼😄
- Winar的JavaScript30天挑战,记录练习过程,重难点和其他的解决方案。🎨
- …
6. JavaScript-questions
lydiahallie / javascript-questions
A long list of (advanced) JavaScript questions, and their explanations ✨
Note
This repo was created in 2019 and the questions provided here are therefore based on the JavaScript syntax and behavior at that time. Since JavaScript is a constantly evolving language, there are newer language features that are not covered by the questions here.
From basic to advanced: test how well you know JavaScript, refresh your knowledge a bit or prepare for your coding interview! 💪 🚀 I update this repo regularly with new questions. I added the answers in the **collapsed sections** below the questions, simply click on them to expand it. It's just for fun, good luck! ❤️
Feel free to reach out to me! 😊
Instagram || Twitter || LinkedIn || Blog
Feel free to use them in a project! 😃 I would really appreciate a reference to this repo, I create the questions and explanations (yes I'm sad lol) and the community helps me
7. Awesome JavaScript
sorrycc / awesome-javascript
🐢 A collection of awesome browser-side JavaScript libraries, resources and shiny things.
A collection of awesome browser-side JavaScript libraries, resources and shiny things.
-
Awesome JavaScript
- Package Managers
- Component management
- Loaders
- Transpilers
- Bundlers
- Minimizers
- Type Checkers
- Testing Frameworks
- QA Tools
- MVC Frameworks and Libraries
- Node-Powered CMS Frameworks
- Templating Engines
- Game Engines
- Articles/Posts
- Data Visualization
- Editors
- Documentation
- Utilities
- UI
- Gesture
- Maps
- Typography
- Animations
- Image processing
- ES6
- Generators
- Full Text Search
- SDK
- Misc
- Worth Reading
- Other Awesome Lists
- Contributing
Package Managers
Host the JavaScript libraries and provide tools for fetching and packaging them.
- npm - npm is the…
8. clean-code-JavaScript
ryanmcdermott / clean-code-javascript
🛁 Clean Code concepts adapted for JavaScript
clean-code-javascript
Table of Contents
- Introduction
- Variables
- Functions
- Objects and Data Structures
- Classes
- SOLID
- Testing
- Concurrency
- Error Handling
- Formatting
- Comments
- Translation
Introduction
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…
9. complete-JavaScript-course by Jonas
jonasschmedtmann / complete-javascript-course
Starter files, final projects, and FAQ for my Complete JavaScript course
Course Material and FAQ for my Complete JavaScript Course
This branch of the repo contains starter files and final code for all sections and projects of the course, exactly as shown in the videos.
Use starter code to start each section, and final code to compare it with your own code whenever something doesn't work!
There is also a the updates-and-fixes branch which is kept up-to-date with latest package updates and important bugfixes 🐛
🚨 Please read the following Frequently Asked Questions (FAQ) carefully before starting the course 🚨
FAQ
Q1: How do I download the files?
A: If you're new to GitHub and just want to download the entire code, hit the green button saying "Code", and then choose the "Download ZIP" option. If you can't see the button (on mobile), use this link instead.
Q2: I'm stuck! Where do I get help?
A: Have you actually…
10. Modern JavaScript Tutorial
javascript-tutorial / en.javascript.info
Modern JavaScript Tutorial
The Modern JavaScript Tutorial
This repository hosts the English content of the Modern JavaScript Tutorial, published at https://javascript.info.
Translations
We'd like to make the tutorial available in many languages. Please help us to translate.
See https://javascript.info/translate for the details.
Contributions
We'd also like to collaborate on the tutorial with other people.
Something's wrong? A topic is missing? Explain it to people, add it as PR 👏
You can edit the text in any editor. The tutorial uses an enhanced "markdown" format, easy to grasp. And if you want to see how it looks on-site, there's a server to run the tutorial locally at https://github.com/javascript-tutorial/server.
The list of contributors is available at https://javascript.info/about#contributors.
Structure
Every chapter, article, or task has its folder.
The folder is named like N-url
, where N
is a number for the sorting purposes and URL
is the URL part with the title of…
11. JavaScript: Test-Driven Learning
MartinChavez / Javascript
Javascript : Test-Driven Learning
Javascript : Test-Driven Learning
This project is aimed to help the user further study Javascript with a test-driven approach. Each unit contains an annotated tutorial and a platform where you can test your understanding of the topic.
Topics
- Arrays
- Bad Practices and Solutions
- Booleans
- Built-in Functions
- Closure
- Comparisons
- Conditionals
- Exceptions
- Falsey Values
- Functional Javascript (new)
- Function Expressions
- Function Expressions as Parameters
- Functions
- General Performance
- Hoisting
- Logical Assignment
- Loops
- Namespaces
- Numbers
- Object Prototype
- Objects
- Objects Functionality
- Prototypes
- Strings
- Switch Block
- Ternary Conditionals
- Truthy Values
- Variables
Tools
Arrays
/* An array is a data structure with automatically indexed positions*/
it('Arrays can be accessed by indices', function () {
//The brackets indicate to the compiler to make an array and to fill it with
//the comma-separated values between the brackets
var arrayOfStrings = [ "StringZero" , "StringOne" , "StringTwo"];
//We can access any location of the zero-based
…12. Beginner JavaScript
wesbos / beginner-javascript
Slam Dunk JavaScript
Beginner JavaScript
These are the starter files and solutions to the Beginner JavaScript course
Function Definition Diagram
Community Resources
Please feel free to add your blog post, videos, notes, or anything else related to the course :)
- Soumya Ranjan Mohanty's Github repo with notes and lessons learnt, along with full notes here.
- Linda has documented all her excercises on Codepen
- Cesar Gomez have a GitHub repo with notes for all the modules completed including exercises in CopePen other modules will be uploaded a soon as i finished each one
13. Computer Science in JavaScript
humanwhocodes / computer-science-in-javascript
Collection of classic computer science paradigms, algorithms, and approaches written in JavaScript.
Computer Science in JavaScript
If you find this useful, please consider supporting my work with a donation.
Description
Collection of classic computer science paradigms, algorithms, and approaches written in JavaScript. This is the source code for the series of blog posts on my website.
Folder Structure
The most recent packages are found in these directories:
-
src
- the implementation source code -
tests
- tests for the implementation source code
These directories contain old implementations that will be replaced eventually, they are just here to avoid confusing people who find this repo through the old blog posts:
-
data-structures
- data structure implementations that have not been updated yet -
encodings
- encoding implementations that have not been updated yet -
algorithms
- miscellanous algorithm implementations that have not been updated yet
As I update these, implementations will move from these folders into src
.
Branches
- 2009 - the…
14. Node Best Practices
goldbergyoni / nodebestpractices
✅ The Node.js best practices list (July 2024)
Node.js Best Practices
Follow us on Twitter! @nodepractices
Read in a different language: CN, FR, BR, RU, PL, JA, EU (ES, HE, KR and TR in progress! )
🎊 2024 edition is here!
-
🛰 Modernized to 2024: Tons of text edits, new recommended libraries, and some new best practices
-
✨ Easily focus on new content: Already visited before? Search for
#new
or#updated
tags for new content only -
🔖 Curious to see examples? We have a starter: Visit Practica.js, our application example and boilerplate (beta) to see some practices in action
Welcome! 3 Things You Ought To Know First
1. You are reading dozens of the best Node.js articles - this repository is a summary and curation of the top-ranked content on Node.js best practices, as well as content written here by collaborators
2. It is the…
15. 33 JS Concepts
leonardomso / 33-js-concepts
📜 33 JavaScript concepts every developer should know.
Introduction
This repository was created with the intention of helping developers master their concepts in JavaScript. It is not a requirement, but a guide for future studies. It is based on an article written by Stephen Curtis and you can read it here.
🚀 Considered by GitHub as one of the top open source projects of 2018!
Community
Feel free to submit a PR by adding a link to your own recaps or reviews. If you want to translate the repo into your native language, please feel free to do so.
All the translations for this repo will be listed below:
- اَلْعَرَبِيَّةُ (Arabic) — Amr Elsekilly
- Български (Bulgarian) - thewebmasterp
- 汉语 (Chinese) — Re Tian
- Português do Brasil (Brazilian Portuguese) — Tiago Boeing
- 한국어 (Korean) — Suin Lee
- Español (Spanish) — Adonis Mendoza
- Türkçe (Turkish) — İlker Demir
- русский язык (Russian) —…
16. You Don’t Know JS
getify / You-Dont-Know-JS
A book series on JavaScript. @YDKJS on twitter.
You Don't Know JS Yet (book series) - 2nd Edition
This is a series of books diving deep into the core mechanisms of the JavaScript language. This is the second edition of the book series:
To read more about the motivations and perspective behind this book series, check out the Preface.
If you're looking for the previous first edition books, they can be found here.
Titles
I recommend reading the second edition books in this order:
- Get Started | Buy on Leanpub | Buy on Amazon
- Scope & Closures | Buy on Leanpub | Buy on Amazon
- Objects & Classes (draft stable)
- Types & Grammar (draft in progress)
- Sync & Async (not yet started)
- ES.Next & Beyond (not yet started)
If you're looking for the previous first edition books, they can be found here.
Publishing
As always, you'll be able to read these books online here…
17. 30 seconds of Code
Chalarangelo / 30-seconds-of-code
Short code snippets for all your development needs
30 seconds of code
Short code snippets for all your development needs
- Visit the website to view the snippet collection.
- Search for snippets and collections that suit your needs, using the name, tags, language or description.
- Browse all snippets or individual snippet collections for each topic.
- Click on each snippet card to view the whole snippet, including code, explanation and examples.
- You can copy code blocks on any snippet card, using the copy button at the top right.
- If you like the project, give it a star. It means a lot.
Want to contribute?
- Community contributions are not accepted at this time. Check back later for updates.
Credits
- This repository is maintained by Angelos Chalaris.
- All code snippets are licensed under the CC-BY-4.0 License, unless explicitly stated otherwise.
- Any other material (including text content, images, the website source code, logos, names and trademarks) are not to be used without…
18. Project Guidelines
elsewhencode / project-guidelines
A set of best practices for JavaScript projects
中文版 | 日本語版 | 한국어 | Русский | Português | Italiana
While developing a new project is like rolling on a green field for you, maintaining it is a potential dark twisted nightmare for someone else Here's a list of guidelines we've found, written and gathered that (we think) works really well with most JavaScript projects here at elsewhen If you want to share a best practice, or think one of these guidelines should be removed, feel free to share it with us.
- Git
- Documentation
- Environments
- Dependencies
- Testing
- Structure and Naming
- Code style
- Logging
- API
- Accessibility
- Licensing
1. Git
1.1 Some Git rules
There are a set of rules to keep in mind:
-
Perform work in a…
Thanks :)
Top comments (0)