Hello Developers, In this blog post i will share you some awesome github repos which help you to build future projects with ease
freeCodeCamp
/
freeCodeCamp
freeCodeCamp.org's open-source codebase and curriculum. Learn to code for free.
freeCodeCamp.org's open-source codebase and curriculum
freeCodeCamp.org is a friendly community where you can learn to code for free. It is run by a donor-supported 501(c)(3) charity to help millions of busy adults transition into tech. Our community has already helped more than 40,000 people get their first developer job.
Our full-stack web development and machine learning curriculum is completely free and self-paced. We have thousands of interactive coding challenges to help you expand your skills.
Table of Contents
- Certifications
- The Learning Platform
- Reporting Bugs and Issues
- Reporting Security Issues and Responsible Disclosure
- Contributing
- Platform, Build and Deployment Status
- License
Certifications
freeCodeCamp.org offers several free developer certifications. Each of these certifications involves building 5 required web app projects, along with hundreds of optional coding challenges to help you prepare for those projects. We estimate that each certification will take a beginner programmer around 300 hours to earn.
Each of these 50…
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…
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…
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
☝ 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
A data…
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…
goldbergyoni
/
nodebestpractices
✅ The Node.js best practices list (February 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
#newor#updatedtags 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…
thedaviddias
/
Front-End-Checklist
🗂 The perfect Front-End Checklist for modern websites and meticulous developers
Front-End Checklist
🚨 Currently working on new version of frontendchecklist.io,
feel free to discuss any feature you would like to see. Thanks for your support!
The Front-End Checklist is an exhaustive list of all elements you need to have / to test before launching your website / HTML page to production.
How To Use • Contributing • Website • Product Hunt
Other Checklists:
🎮 Front-End Performance Checklist • 💎 Front-End Design Checklist
It is based on Front-End developers' years of experience, with the additions coming from some other open-source checklists.
How to use?
All items in the Front-End Checklist are required for the majority of the projects, but some elements can be omitted or are not essential (in the case of an administration web app, you may not need RSS feed for example). We choose to use 3 levels of flexibility:
All items in the Front-End Checklist are necessary for…
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…
practical-tutorials
/
project-based-learning
Curated list of project-based tutorials
Project Based Learning
A list of programming tutorials in which aspiring software developers learn how to build an application from scratch. These tutorials are divided into different primary programming languages. Tutorials may involve multiple technologies and languages.
To get started, simply fork this repo. Please refer to CONTRIBUTING.md for contribution guidelines.
Table of Contents:
- C#
- C/C++
- Clojure
- Dart
- Elixir
- Erlang
- F#
- Go
- Haskell
- HTML/CSS
- Java
- JavaScript
- Kotlin
- Lua
- OCaml
- PHP
- Python
- R
- Ruby
- Rust
- Scala
- Swift
- Additional resources
C/C++:
- Build an Interpreter (Chapter 14 on is written in C)
- Memory Allocators 101 - Write a simple memory allocator
- Write a Shell in C
- Write a FUSE Filesystem
- Build Your Own Text Editor
- Build Your Own Lisp
- How to Program an NES Game in C
- Write an OS from scratch
- How to create an OS from scratch
- Building a CHIP-8 Emulator
- Beginning Game Programming with C++ and SDL
- Implementing a Key-Value…
sindresorhus
/
awesome-nodejs
⚡ Delightful Node.js packages and resources
My open source work is supported by the community
Special thanks to:
Add Single Sign-On (and more) in minutes instead of months.
Just type node.cool to go here. Follow me on Twitter.
Node.js is an open-source, cross-platform, JavaScript runtime for writing servers and command-line tools
Contents
- Official
-
Packages
- Mad science
- Command-line apps
- Functional programming
- HTTP
- Debugging / Profiling
- Logging
- Command-line utilities
- Build tools
- Hardware
- Templating
- Web frameworks
- Documentation
- Filesystem
- Control flow
- Streams
- Real-time
- Image
- Text
- Number
- Math
- Date
- URL
- Data validation
- Parsing
- Humanize
- Compression
- Network
- Database
- Testing
- Security
- …
leonardomso
/
33-js-concepts
📜 33 JavaScript concepts every developer should know.
33 Concepts Every JavaScript 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) —…
lydiahallie
/
javascript-questions
A long list of (advanced) JavaScript questions, and their explanations ✨
JavaScript Questions
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 |
|---|
Leaflet was created 11 years ago by Volodymyr Agafonkin, a Ukrainian citizen living in Kyiv.
Russian bombs are now falling over Volodymyr's hometown. His family, his friends, his neighbours, thousands and thousands of absolutely wonderful people, are either seeking refuge or fighting for their lives.
Russian soldiers have already killed tens of thousands of civilians, including women and children, and are committing mass war crimes like gang rapes, executions, looting, and targeted bombings of civilian shelters and places of cultural significance. The death toll keeps rising, and Ukraine needs your help.
As Volodymyr expressed a few days before the invasion:
If you want to help, educate yourself and others on the Russian threat, follow reputable journalists, demand severe Russian sanctions and Ukrainian support from your leaders, protest the war, reach out to Ukrainian friends, donate to Ukrainian charities. Just don't be silent.
Ukrainians are recommending the Come Back…
yangshun
/
front-end-interview-handbook
⚡️ Front End interview preparation materials for busy engineers
What is this?
Unlike typical software engineer job interviews, front end job interviews have less emphasis on algorithms and have more questions on intricate knowledge and expertise about the domain — HTML, CSS, JavaScript, just to name a few areas. This repository covers all you need to know for front end interviews:
- Various formats of Front end interviews including formats by different companies
- Front end system design interviews
- Front end trivia questions - answers to the h5bp Front-end Developer Interview Questions
- Front end questions - JavaScript, DOM, algorithms, and more
- Front end interview questions by companies
Where to get hands on practice?
After getting a good understanding about front end interview preparation, try out GreatFrontEnd, a platform built by me! Not only that there are 200+ practice questions, each with…
🎉️ NEW: date-fns v3 is out!
date-fns provides the most comprehensive, yet simple and consistent toolset for manipulating JavaScript dates in a browser & Node.js
👉 Blog
It's like Lodash for dates
- It has 200+ functions for all occasions.
- Modular: Pick what you need. Works with webpack, Browserify, or Rollup and also supports tree-shaking.
- Native dates: Uses existing native type. It doesn't extend core objects for safety's sake.
- Immutable & Pure: Built using pure functions and always returns a new date instance.
- TypeScript: The library is 100% TypeScript with brand-new handcrafted types.
- I18n: Dozens of locales. Include only what you need.
- and many more benefits
import { compareAsc, format } from "date-fns";
format(new Date(2014, 1, 11), "yyyy-MM-dd");
//=> '2014-02-11'
const dates = [
new Date(1995, 6…
elsewhencode
/
project-guidelines
A set of best practices for JavaScript projects
中文版 | 日本語版 | 한국어 | Русский | Português | Italiana
Project Guidelines · 
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…
sorrycc
/
awesome-javascript
🐢 A collection of awesome browser-side JavaScript libraries, resources and shiny things.
Awesome JavaScript 
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…
mbeaudru
/
modern-js-cheatsheet
Cheatsheet for the JavaScript knowledge you will frequently encounter in modern projects.
Modern JavaScript Cheatsheet
If you like this content, you can ping me or follow me on Twitter 👍
Introduction
Motivation
This document is a cheatsheet for JavaScript you will frequently encounter in modern projects and most contemporary sample code.
This guide is not intended to teach you JavaScript from the ground up, but to help developers with basic knowledge who may struggle to get familiar with modern codebases (or let's say to learn React for instance) because of the JavaScript concepts used.
Besides, I will sometimes provide personal tips that may be debatable but will take care to mention that it's a personal recommendation when I do so.
Note: Most of the concepts introduced here are coming from a JavaScript language update (ES2015, often called ES6). You can find new features added by this update here; it's very well done.
Complementary Resources
When you…
Ramda
A practical functional library for JavaScript programmers.
Why Ramda?
There are already several excellent libraries with a functional flavor. Typically, they are meant to be general-purpose toolkits, suitable for working in multiple paradigms. Ramda has a more focused goal. We wanted a library designed specifically for a functional programming style, one that makes it easy to create functional pipelines, one that never mutates user data.
What's Different?
The primary distinguishing features of Ramda are:
-
Ramda emphasizes a purer functional style. Immutability and side-effect free functions are at the heart of its design philosophy. This can help you get the job done with simple elegant code.
-
Ramda functions are automatically curried. This allows you to easily build up new functions from old ones simply by not supplying the final parameters.
-
The parameters to Ramda functions are arranged to make it convenient for currying. The data to be operated on is…
camsong
/
You-Dont-Need-jQuery
Examples of how to do query, style, dom, ajax, event etc like jQuery with plain javascript.
You (Might) Don't Need jQuery
Frontend environments evolve rapidly nowadays and modern browsers have already implemented a great deal of DOM/BOM APIs which are good enough for production use. We don't have to learn jQuery from scratch for DOM manipulation or event handling. In the meantime, thanks to the spread of frontend libraries such as React, Angular and Vue, manipulating the DOM directly becomes anti-pattern, so that jQuery usage has never been less important. This project summarizes most of the alternatives in native Javascript implementation to jQuery methods, with IE 10+ support.
ℹ️ Notice:
- jQuery is still a great library and has many valid use cases. Don’t migrate away if you don’t want to!
- The alternatives are not completely equivalent in all scenarios, and it is recommended that you test it before using it.
Table of Contents
verekia
/
js-stack-from-scratch
🛠️⚡ Step-by-step tutorial to build a modern JavaScript stack.
JavaScript Stack from Scratch
Welcome to my modern JavaScript stack tutorial: JavaScript Stack from Scratch.
🎉 This is the V2 of the tutorial, major changes happened since the 2016 release. Check the Change Log!
This is a straight-to-the-point guide to assembling a JavaScript stack. It requires some general programming knowledge, and JavaScript basics. It focuses on wiring tools together and giving you the simplest possible example for each tool. You can see this tutorial as a way to write your own boilerplate from scratch. Since the goal of this tutorial is to assemble various tools, I do not go into details about how these tools work individually. Refer to their documentation or find other tutorials if you want to acquire deeper knowledge in them.
You don't need to use this entire stack if you build a simple web page with a few JS interactions of course (a…
Latest comments (1)
this website is useful for this topic: masterjs.vercel.app/
is great resource collection for javascript