loading...

Best Github Repositories for Developers

jatinrao profile image Jatin Rao Originally published at jatinrao.dev ・2 min read

Web Development is a large field and most of the time finding the right resources and starting to learn can be overwhelming.

Having a list of resources 📚 is always a great thing to have by your side. So, In this article, we'll be looking at some of the best Github repositories for you with tons of great resources we are not even aware of.


developer-roadmap

The complete roadmap to becoming a web developer in 2020.

GitHub logo kamranahmedse / developer-roadmap

Roadmap to becoming a web developer in 2020

Web Developer Roadmap - 2020

Roadmap to becoming a web developer in 2020

Below you find a set of charts demonstrating the paths that you can take and the technologies that you would want to adopt in order to become a frontend, backend or a devops. I made these charts for an old professor of mine who wanted something to share with his college students to give them a perspective; sharing them here to help the community.


Special Announcement:

We now have a YouTube Channel
I plan on covering the roadmaps and put more content there
Subscribe to the channel.


Purpose of these Roadmaps

The purpose of these roadmaps is to give you an idea about the landscape and to guide you if you are confused about what to learn next and not to encourage you to pick what is hip and trendy. You should grow some understanding of why one tool would be…

freeCodeCamp

A self-paced curriculum for learning full-stack development. Its freeCodeCamp.org open-source codebase and curriculum.

GitHub logo freeCodeCamp / freeCodeCamp

freeCodeCamp.org's open source codebase and curriculum. Learn to code at home.

freeCodeCamp.org Social Banner

Pull Requests Welcome first-timers-only Friendly Open Source Helpers Setup Automated

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) nonprofit to help millions of busy adults transition into tech. Our community has already helped more than 10,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

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…

awesome

The name itself suggests its awesome. You can find a curated list of all kinds of interesting topics.

GitHub logo sindresorhus / awesome

😎 Awesome lists about all kinds of interesting topics

What is an awesome list?    Contribution guide    Creating a list    Twitter    Stickers & t-shirts


Follow the Awesome Twitter account for updates on new list additions.

Just type awesome.re to go here. Check out my blog and follow me on Twitter.


Contents

Platforms

free-for-dev

Developers have a massive amount of services offering free tiers, but it can be hard to find them all. This is a list of software (SaaS, PaaS, IaaS, etc.) and other offerings that have free tiers for developers.

GitHub logo ripienaar / free-for-dev

A list of SaaS, PaaS and IaaS offerings that have free tiers of interest to devops and infradev

free-for.dev

Developers and Open Source authors now have a massive amount of services offering free tiers, but it can be hard to find them all to make informed decisions.

This is a list of software (SaaS, PaaS, IaaS, etc.) and other offerings that have free tiers for developers.

The scope of this particular list is limited to things that infrastructure developers (System Administrator, DevOps Practitioners, etc.) are likely to find useful. We love all the free services out there, but it would be good to keep it on topic. It's a bit of a grey line at times so this is a bit opinionated; do not be offended if I do not accept your contribution.

This list is the result of Pull Requests, reviews, ideas and work done by 500+ people. You too can help by sending Pull Requests to add more services or by remove ones whose offerings have…

spellbook-of-modern-webdev

This repository can help you as a developer to have more power to do much more and much better, just like a spellbook does in fantasy worlds.

GitHub logo dexteryy / spellbook-of-modern-webdev

A Big Picture, Thesaurus, and Taxonomy of Modern JavaScript Web Development

Spellbook of Modern Web Dev

A Big Picture, Thesaurus, and Taxonomy of Modern JavaScript Web Development




Spellbook of Modern Web Dev




  • This document originated from a bunch of most commonly used links and learning resources I sent to every new web developer on our full-stack web development team.
  • What I'm doing in this document now is trying to provide the complete view angle of modern web (app or page) development ruled by JavaScript, reflect technological advance and help developers to acquire APIs, libraries, tools, services, best practices and learning resource which are not outdated and most commonly used.
  • I hope this document can help one developer to have more power to do much more and much better, just like a spellbook does in fantasy worlds.
  • The JS/web technology is like an ocean of stuff you don’t know. Simply collecting more stuff or composing dozens of "awesome lists" into a single…

Front-end Developer Interview Questions

A list of helpful front-end related questions you can use to interview potential candidates, test yourself, or completely ignore.

GitHub logo h5bp / Front-end-Developer-Interview-Questions

A list of helpful front-end related questions you can use to interview potential candidates, test yourself or completely ignore.

Front-end Developer Interview Questions

This repository contains a number of front-end interview questions that can be used when vetting potential candidates. It is by no means recommended to use every single question here on the same candidate (that would take hours). Choosing a few items from this list should help you vet the intended skills you require.

Note: Keep in mind that many of these questions are open-ended and could lead to interesting discussions that tell you more about the person's capabilities than a straight answer would.

You can read more about this project & its history here.

Table of Contents

  1. General Questions
  2. HTML Questions
  3. CSS Questions
  4. JS Questions
  5. Accessibility Questions (external link)
  6. Testing Questions
  7. Performance Questions
  8. Network Questions
  9. Coding Questions
  10. Fun Questions

Getting Involved

  1. Contributors
  2. How to Contribute
  3. License

The project is currently maintained by:

Contributors

Feeling inspired? Check our Contributing guide to get started!

Front-end Checklist

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

GitHub logo thedaviddias / Front-End-Checklist

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


Front-End Checklist

  Front-End Checklist  

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.

      PRs Welcome           Contributors         Front‑End_Checklist followed         CC0  

  How To UseContributingWebsiteProduct 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.

Table of Contents

  1. Head
  2. HTML
  3. Webfonts
  4. CSS
  5. Images
  6. JavaScript
  7. Security
  8. Performance
  9. Accessibility
  10. SEO
  11. Translations

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:

  • Low means that the item is recommended but can be omitted in some particular situations.
  • Medium means that the item…

Front-end Performance Checklist

The only Front-End Performance Checklist that runs faster than the others.

GitHub logo thedaviddias / Front-End-Performance-Checklist

🎮 The only Front-End Performance Checklist that runs faster than the others


Front-End Performance Checklist

  Front-End Performance Checklist  

🎮 The only Front-End Performance Checklist that runs faster than the others.

One simple rule: "Design and code with performance in mind"

      PRs Welcome         Discord           Licence MIT  

  How To UseContributingRoadmapProduct Hunt

🇨🇳 🇫🇷 🇰🇷 🇵🇹 🇷🇺 🇯🇵

Other Checklists:
🗂 Front-End Checklist💎 Front-End Design Checklist

Table of Contents

  1. HTML
  2. CSS
  3. Fonts
  4. Images
  5. JavaScript
  6. Server (in progress)
  7. JS Frameworks (in progress)

Introduction

Performance is a huge subject, but it's not always a "back-end" or an "admin" subject: it's a Front-End responsibility too. The Front-End Performance Checklist is an exhaustive list of elements you should check or at least be aware of, as a Front-End developer and apply to your project (personal and professional).

How to use?

For each rule, you will have a paragraph explaining why this rule is important and how you can fix it. For more deep information, you should find links that…

Awesome Design Tools

The best design tools and plugins for everything.

GitHub logo goabstract / Awesome-Design-Tools

The best design tools and plugins for everything 👉

Awesome Design Tools

Awesome-Design-Tools

awesome PRs Welcome

Awesome Design Tools as a part of Flawless App family joins Abstract!

Today, we’re excited to announce that Flawless App has joined Abstract, a design delivery platform that brings visibility, accountability, measurability, and predictability to design.

Flawless App was our first company, and we’re proud of everything that we’ve achieved with our 5-person team.

Since 2015, we’ve launched powerful tools for designers and developers — among them are Flawless App, Reduce, Flawless Feedback. We’ve also invested a lot of love and care into community-driven initiatives. Awesome Design Tools is one of them.

So what’s next?

Our team has joined Abstract and is focused on building out the Abstract SDK, bringing developers’ experience forward. One unbelievable journey has finished and the new one has just begun. And if you want to know more…

30 seconds of code

Shortcode snippets for all your development needs.

GitHub logo 30-seconds / 30-seconds-of-code

Short JavaScript code snippets for all your development needs

Logo

30 seconds of code

Short JavaScript code snippets for all your development needs

  • Visit our website to view our snippet collection.
  • Use the Search page to find snippets that suit your needs. You can search by name, tag, language or using a snippet's description. Just start typing a term and see what comes up.
  • Browse the JavaScript Snippet List to see all the snippets in this project or click individual tags at the top of the same page to narrow down your search to a specific tag.
  • Click on each snippet card to view the whole snippet, including code, explanation and examples.
  • You can use the button on the right side of a snippet card to copy the code to clipboard.
  • If you like the project, give it a star. It means a lot to the people maintaining it.

Want to contribute?

  • If you want to help us improve, take…

Become-A-Full-Stack-Web-Developer

This repository is focused on JavaScript, React, and Node.js. There is also a wealth of information on interview prep and applying to jobs.

GitHub logo bmorelli25 / Become-A-Full-Stack-Web-Developer

Free resources for learning Full Stack Web Development

100+ Free resources for learning Full Stack Web Development.

Hello! I created this list and am constantly updating it with new resources, information, and news. If you want to stay updated on the newest trends, tutorials, and articles in the Web Development world, please subscribe to the once-weekly newsletter!

Subscribe To The Weekly Newsletter Here

Never more than one email per week. Easy to unsubscribe. Your information will never be shared.


Table of Contents

  1. Start Here
  2. How to learn
  3. What is the Most Useful CS Bookmark You have
  4. Programs & Classes
  5. Learn HTML
  6. Learn CSS
  7. Learn JavaScript
  8. Learn React.js
  9. Full Stack Tutorials
  10. Learn Node.js
  11. Learn Python
  12. Learn APIs
  13. Learn Databases
  14. Learn Authentication
  15. Learn Git
  16. Games & Challenge Websites
  17. Free Programming Books
  18. Open Source Contribution Opportunities
  19. Am I Ready to be a Developer?
  20. Software Developer Success Stories
  21. Resume's, Portfolio's, LinkedIn, Interview Prep, & Salary Information

Start Here

The list below isn't…

frontend-dev-bookmarks

A curated collection of resources for frontend web developers.

GitHub logo dypsilon / frontend-dev-bookmarks

Manually curated collection of resources for frontend web developers.

Frontend Development Awesome

Manually curated collection of resources for frontend web developers.

You are viewing a browseable version, split by category in many small files. There is also a really huge file with every single resource on one page. Proceed to the totally gigantic file if you are into this kind of thing.

This is the current version, which receives ongoing updates. If you want the good old bookmarks, please use the tag v.1.0. Keep in mind, that the old version has many outdated links.

frontend.directory Gitter Twitter


Appearance

The outward or visible aspect of a website.

  • Animation: The process of creating motion and shape change.
  • Typography: The style, arrangement, or appearance of typeset matter.
  • Visualization: Placing data in a visual context.

Architecture

High level structure of the frontend code and the discipline of creating such structures.

  • Algorithms: A self-contained step-by-step set of operations to be performed. Algorithms perform calculation…

References

Github repositories every aspiring developer should check out by @rutikwankhade


Conclusion

I hope you all get to find some awesome resources and learn a lot from these repositories listed above. Don't forget to drop a Star ⭐ on those awesome repositories :)

If you know any other awesome repositories for developers?

Posted on by:

Discussion

markdown guide
 

In roadmap to become a web dev, the link need to replace "kamrahahmedse" for "kamranahmedse".
In free-for-dev replace "ripiennar" to "ripienaar".
In Front-end Developer Interview Questions replace "Front-end-Developer-Interview" to "Front-end-Developer-Interview-Questions"
That is it.

 

Thanks @kiragotzz for pointing them out 💛

I've updated the links with correct ones :)

 

Excellent list and you've done some extensive research here! 🔥

 

I'm glad you liked it Jack 💪💪

 
 

Awesome. I have bookmarked the missing ones and they will appear soon on github.com/BookmarksDev/bookmarks

 

Whoa! It got lot of awesome resources too 🤩

Thanks for sharing 💛

 
 

lol that spell book is almost as long as electrons api.

 

Yeah! I agree with you though as It got thousands of awesome resources collected over years by awesome contributors.