DEV Community

Cover image for Handful Github Repos for Full stack web developer
Ramya Chinnadurai
Ramya Chinnadurai

Posted on

Handful Github Repos for Full stack web developer

This article contains a list of useful GitHub repositories to help full-stack web developers to improve their skills.

It is structured in the following order,

  • Roadmap
  • Front end developer resources
  • Backend developer resources
  • Full-stack developer resources
  • Web development tools
  • Projects based learning
  • Free books and additional tools

1. Web Developer Roadmap

The roadmap is a guided way to start your journey to become a full stack developer. This repo contains the roadmap for a complete front-end, back-end and dev-ops learning pathway.

Screenshot 2021-09-29 at 9.25.28 PM.png

2. Design resources for Developers

It contains the curated list of design and UI resources from stock photos, web templates, CSS frameworks, UI libraries, tools and much more.

Screenshot 2021-09-29 at 9.28.29 PM.png

3. Frontend Web Development Resources

A practical journey of tools and resources to become front-end Web Developers.

Screenshot 2021-09-29 at 9.29.32 PM.png

4. Frontend Dev Bookmarks

The curated collection of resources for frontend web developers for appearance, architecture, compatibility, user interface and a lot more.

Screenshot 2021-09-29 at 9.33.43 PM.png

5. Frontend Interview Handbook

Contains Front End interview preparation materials for developers includes - pop quizzes, coding, front end system design and more!

Screenshot 2021-09-29 at 9.35.08 PM.png

6. Awesome Backend Engineer

A curated and opinionated list of resources for backend developers includes resources for networking, databases, security, architecture and more.

Screenshot 2021-09-29 at 9.37.00 PM.png

7. Ultimate Node js resources

This repo contains resources for Nodejs includes Github repos, books, blogs, youtube videos to refer and more.

Screenshot 2021-09-29 at 9.39.43 PM.png

8. JavaScript Algorithms and Data Structures

It contains Js based examples of many popular algorithms and data structures.

Each algorithm and data structure has its own related explanations and links for further reading (including YouTube videos).

Screenshot 2021-09-29 at 9.41.11 PM.png

9. 30 seconds of code

It contains a wide variety of ES6 helper functions includes helpers for dealing with primitives, arrays and objects, as well as algorithms, DOM manipulation functions and Node.js utilities.

Screenshot 2021-09-29 at 9.42.21 PM.png

10. Become a Full Stack Web Developer

It contains free resources for learning Full Stack Web Development which includes a complete learning journey to become a full-stack web developer.

Screenshot 2021-09-29 at 9.43.20 PM.png

11. Web Development Resources

Tools for web development includes illustrations, icons, fonts, templates, libraries and a lot more.

Screenshot 2021-09-29 at 9.44.09 PM.png

12. Free for Dev

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

Screenshot 2021-09-29 at 9.45.28 PM.png

13. Tech Interview Handbook

Curated technical interview preparation materials to clear technical interviews.

Screenshot 2021-09-29 at 9.46.44 PM.png

14. Project-Based Learning

"Learn by doing" is the best approach to learn to code.

Here are programming tutorials in which you can learn to build an application from scratch.

These tutorials are divided into different primary programming languages.

Screenshot 2021-09-29 at 9.47.47 PM.png

15. Free Programming Books

Contains the list of books and resources for all programming languages in many languages.

Screenshot 2021-09-29 at 9.48.54 PM.png

16. Awesome

It contains Awesome lists about all kinds of interesting topics.

Screenshot 2021-09-29 at 9.49.51 PM.png

Thanks for taking your time and reading this article, it was originally written as Twitter thread, and posted in my personal blog ramyachinnadurai.in. If you have any suggestions or ideas to share feel free to contact me on Twitter.

Discussion (0)