Skip to content

A curated collection of awesome resources for frontend developers: tutorials, tools, libraries, design assets, and more! πŸš€

Notifications You must be signed in to change notification settings

requestly/awesome-frontend-resources

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

18 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Awesome Frontend Resources Awesome

A curated collection of awesome resources for frontend developers: tutorials, tools, libraries, design assets, and more!

What is Awesome Frontend Resources?

Awesome Frontend Resources is a curated collection of top tutorials, tools, libraries, and design assets for frontend development. Whether you're a beginner or a seasoned pro, this easy-to-navigate repository is designed to simplify your learning and development process.

Contents

  1. Learning Paths and Roadmaps
    • Development, Languages, Frameworks,
    • Mobile Dev, Engineering
  2. Learning Resources
    • JavaScript, Type Script,
    • React, React Native, Angular, Vue, Node.js,
    • Android, iOS, Electron, Flutter,
    • Data Structure
  3. Docs & CheatSheets
    • JavaScript, Type Script,
    • React, React Native, Angular, Vue, Node.js,
    • Android, iOS, Electron, Flutter
  4. Development Resources
  5. Communities
  6. Open Source Contributions

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.
  • IOS Developer Roadmap - A comprehensive roadmap covering all areas of IOS development. It covers patterns and techniques, app components, fundamentals, and so on.

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

Official Documentations

Development Resources

Playgrounds

  • Playcode β€” A playground for learning/testing/experimenting in JS or TS, along with HTML5 and CSS, with extensive library support.
  • JSFiddle β€” An online IDE for testing and sharing HTML, CSS, and JavaScript code snippets.
  • CodePen β€” A social development environment for front-end designers and developers, allowing you to build and deploy websites, showcase work.
  • Regex101 β€” A place to write and debug regular expressions with extensive and helpful feedback.

Communities

  • 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

  • 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.

Legalities

  • Choose a license β€” Explanations and comparisons of various licenses to help you find the right one to include with your code.

About

A curated collection of awesome resources for frontend developers: tutorials, tools, libraries, design assets, and more! πŸš€

Topics

Resources

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages