DEV Community

Abhishek Sachan
Abhishek Sachan

Posted on

I'm building a collection of Awesome Frontend Resources, and need contributors.

Learning & upgrading is a constant need of software developers to stay relevant to the industry. And searching for new resources is not that easy task when demand of delivering those features takes up all the time.

I have started curating a list of Frontend Resources helpful for Frontend Developer's at any level in the form of a GitHub repo. It consists of Roadmaps, Tutorials, Frameworks, Documentations. Also planning to add Interview Resources, Books, Tools, Extensions for Code Editors and Browsers, Best Practices and Patterns. All to help myself and fellow developers stay up-to-date with ever evolving technology. Below are the resources I have committed so far.


GitHub Repo → https://github.com/requestly/awesome-frontend-resources/

Awesome Frontend Resources

Learning Paths and Roadmaps

The journey of becoming a frontend developer can feel overwhelming, but structured learning paths and roadmaps can make the process more manageable and efficient.

DEVELOPMENT

  • Frontend Beginner Roadmap — A short roadmap for learning the basics before starting a frontend development role.
  • Frontend Roadmap — A comprehensive roadmap covering all areas of frontend development, guiding you from beginner to expert level.
  • Full Stack Roadmap — Covers a wide range of technologies for both frontend and backend development, essential for full-stack development.

LANGUAGES

  • JavaScript Roadmap — A comprehensive JavaScript roadmap starting from the basics and covering advanced topics.
  • TypeScript Roadmap — An extensive TypeScript roadmap beginning with the fundamentals and progressing to advanced concepts.

FRAMEWORKS

  • React Roadmap — A thorough React roadmap starting from the CLI and routers to testing and error boundaries, covering all essential concepts.
  • React Native Roadmap — A detailed guide for mastering React Native, from basics to advanced techniques in mobile app development.
  • Vue Roadmap — A comprehensive roadmap for learning Vue.js, covering fundamental to advanced topics for building dynamic user interfaces.
  • Angular Roadmap — An extensive Angular roadmap guiding you through the framework's core features, modules, and advanced concepts.
  • Node.js Roadmap — A complete roadmap for Node.js, encompassing server-side development, APIs, and advanced backend techniques.

MOBILE DEVELOPMENT

  • Android Roadmap — A step-by-step guide for Android development, covering all essential aspects from basic setup to advanced features.
  • iOS Roadmap — A comprehensive roadmap for iOS development, including Swift programming, UI design, and advanced iOS features.
  • Flutter Roadmap — An in-depth guide for Flutter development, from initial setup to building and deploying cross-platform mobile apps.

ENGINEERING

  • Software Design and Architecture Roadmap — A detailed guide for understanding and implementing software design principles and architectural patterns.
  • Data Structures Roadmap — A thorough roadmap for mastering data structures and algorithms, essential for efficient problem-solving in software development.
  • Code Review Roadmap — A comprehensive guide on how to conduct effective code reviews, improving code quality and team collaboration.

Learning Resources

Books

Online Library

  • Open Library — A vast digital library offering free access to millions of books, including many on programming and JavaScript.

Tutorials

Courses

Articles

  • TypeScript vs JavaScript — An article explaining the relationship and differences between TypeScript and JavaScript.

Videos

Docs & CheatSheets

Cheatsheets

Cheatsheets act as quick references for you, boosting memory and saving time by summarizing key concepts.

Official Documentations

Communities

Communities helps you connect with fellow developers. You can get benefits like shared knowledge, support, and career opportunities.

  • dev.to — A community platform for developers to share articles, tutorials, and discussions.
  • r/Frontend — A Reddit community focused on frontend development.
  • r/learnjavascript — A Reddit community for JavaScript learners to ask questions and share knowledge.
  • r/javascript — A Reddit community for discussing all things JavaScript.

Open Source Contributions

Open source are good way to start and practice your coding skills. It helps you learn from the best and show off your coding skills, that greatly help you in career.

  • How to contribute to open source — A guide on how to start contributing to open-source projects.
  • How to find repos to contribute — Search on GitHub with label → first-timers-only to find out the issues that are good for first time contributors. Further filter with programming language of your choice.
  • GitHub Repos inviting contributors — Search on GitHub with label → help-wanted to find out the repos that are inviting contributors.

Please let me know if you find these helpful.


For further updates star us on Github → https://github.com/requestly/awesome-frontend-resources/


I also want to invite your contributions, if you have an awesome resource that you think is valuable for other developers, please comment or commit, welcoming both.

Thanks.

Top comments (7)

Collapse
 
ra_jeeves profile image
Rajeev R. Sharma

Great idea.

Looks like the same post was shared twice by mistake. Maybe you want to delete one of them?

Thanks

Collapse
 
asachanfbd profile image
Abhishek Sachan

Thanks Rajeev, some how editing the post created another post. I'll delete the other one.

Collapse
 
sachinjain024 profile image
Sachin Jain

Great compilation. Do you accept contributions?

Collapse
 
asachanfbd profile image
Abhishek Sachan

Thanks Sachin! Please send your contributions, most welcome.

Collapse
 
kobox profile image
Kobox

I just contributed, I'll be doing more soon. Great job!

Collapse
 
asachanfbd profile image
Abhishek Sachan

Thanks, Git book is good addition!

Collapse
 
divya_devassure profile image
Divya Manohar

This is very helpful.