awesome-frontend-resources
A curated collection of awesome resources for frontend developers: tutorials, tools, libraries, design assets, and more! 🚀
https://github.com/requestly/awesome-frontend-resources
Last synced: about 12 hours ago
JSON representation
-
Open Source Contributions
-
Playgrounds
- freecodecamp
- Daily
- Storybook - source tool for developing UI components in isolation.
- CopilotKit - CopilotKit is an advanced tool designed to enhance the development experience by integrating AI-powered coding assistance directly into your workflow.
- Shadcn UI - Shadcn UI is a UI component library designed to help developers build modern and responsive user interfaces with ease.
- Mermaid - Mermaid is a JavaScript-based diagramming and charting tool that enables developers and technical writers to create complex diagrams using a simple, markdown-like syntax.
- docusaurus - Docusaurus is an open-source tool developed by Facebook to help you easily build, deploy, and maintain documentation websites.
- How to contribute to open source - source projects.
- How to contribute to open source - source projects.
-
-
Docs & CheatSheets
-
Cheatsheets
-
Official Documentations
-
-
Learning Paths and Roadmaps
-
FRAMEWORKS
- Vue Roadmap
- Node.js Roadmap - side development, APIs, and advanced backend techniques.
- Node.js Roadmap - side development, APIs, and advanced backend techniques.
- React Roadmap
- React Native Roadmap
- React Native Roadmap
- Vue Roadmap
- Angular Roadmap
- React Roadmap
-
MOBILE DEVELOPMENT
- Android Roadmap - by-step guide for Android development, covering all essential aspects from basic setup to advanced features.
- Flutter Roadmap - depth guide for Flutter development, from initial setup to building and deploying cross-platform mobile apps.
- Android Roadmap - by-step guide for Android development, covering all essential aspects from basic setup to advanced features.
- Flutter Roadmap - depth guide for Flutter development, from initial setup to building and deploying cross-platform mobile apps.
- iOS Roadmap
- iOS Roadmap
-
ENGINEERING
- Software Design and Architecture Roadmap
- Data Structures Roadmap - solving in software development.
- Code Review Roadmap
- Software Design and Architecture Roadmap
- Data Structures Roadmap - solving in software development.
- Code Review Roadmap
-
LANGUAGES
-
DEVELOPMENT
- Frontend Roadmap
- Full Stack Roadmap - stack development.
- Frontend Beginner Roadmap
- Full Stack Roadmap - stack development.
-
-
Learning Resources
-
Books
- You Don't Know JS Yet
- Eloquent Javascript
- Learn Javascript: Beginer Edition - friendly guide to learning JavaScript from the ground up.
- Introduction to Algorithms, Fourth Edition (CLRS)
- You Don't Know JS Yet
- Eloquent Javascript
- Learn Javascript: Beginer Edition - friendly guide to learning JavaScript from the ground up.
- Introduction to Algorithms, Fourth Edition (CLRS)
- Pro Git 2nd Edition - The entire Pro Git book, written by Scott Chacon and Ben Straub and published by Apress, is available here.
- Pro Git 2nd Edition - The entire Pro Git book, written by Scott Chacon and Ben Straub and published by Apress, is available here.
-
Online Library
-
Tutorials
- Javascript.info
- JavaScrip Design Patterns
- Professor Frisby's Mostly Adequate Guide to Functional Programming
- Youtube: React Tutorial for Beginners - friendly video tutorial introducing the fundamentals of React.
- Youtube: React Native Tutorial for Beginners by Codevolution
- Official: Tutorial
- Javascript.info
- JavaScrip Design Patterns
- Professor Frisby's Mostly Adequate Guide to Functional Programming
- Youtube: React Tutorial for Beginners - friendly video tutorial introducing the fundamentals of React.
- Official: Tutorial cum Doc
- Youtube: React Native Tutorial for Beginners by Codevolution
- Youtube: React Native Course for Beginners by JavaScript Mastry
- Official: Tutorial
- Youtube: Vue 3 with TypeScript Jump Start
- Youtube: Learn Angular A-Z: Complete Tutorial for Beginners
- Youtube: Vue 3 with TypeScript Jump Start
- How to Get Started with NodeJS – a Handbook for Beginners
- Official: Tutorial
- Official Swift Tutorial
- How to Get Started with NodeJS – a Handbook for Beginners
- Official: Tutorial
- Official Swift Tutorial
- Official: Tutorial
-
Courses
- CodeAcademy: Introduction to JS
- TheOdinProject: JavaScript Course - stack development.
- University of Helsinki: Full Stack Open - Learn React, Redux, Node.js, MongoDB, GraphQL and TypeScript
- Youtube: Traversy Crash Course in Javascript
- Youtube: Javascript Under The Hood
- CodeAcademy: Introduction to JS
- TheOdinProject: JavaScript Course - stack development.
- University of Helsinki: Full Stack Open - Learn React, Redux, Node.js, MongoDB, GraphQL and TypeScript
- Youtube: Traversy Crash Course in Javascript
- Youtube: Javascript Under The Hood
-
Articles
-
Videos
-
-
Development Resources
-
Communities
-
Legalities
-
Playgrounds
-
Programming Languages
Categories
Sub Categories
Keywords
react
4
typescript
3
javascript
3
documentation
3
ui
2
components
2
nextjs
2
open-source
2
ai
2
chrome-extension
1
testing
1
svelte
1
styleguide
1
storybook
1
stories
1
react-native
1
community
1
developer-portal
1
html
1
developer-tools
1
design-systems
1
edge-extension
1
firefox-addon
1
angular
1
webapp
1
social-network
1
professional-networking
1
pwa
1
search-engine
1
website
1
uml-diagrams
1
mindmap
1
flowchart
1
diagrams-as-code
1
diagrams
1
tailwindcss
1
radix-ui
1
ts
1
reactjs
1
llm
1
langgraph
1
langchain
1
copilot-chat
1
copilot
1
assistant
1
ai-assistant
1
ai-agent
1
agents
1
agent
1
workshop
1