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: 22 days ago
JSON representation
Communities
Playgrounds
Development Resources
Playgrounds
Docs & CheatSheets
Cheatsheets
Official Documentations
Learning Paths and Roadmaps
DEVELOPMENT
- Frontend Beginner Roadmap
- Frontend Roadmap
- Full Stack Roadmap - stack development.
ENGINEERING
- Software Design and Architecture Roadmap
- Data Structures Roadmap - solving in software development.
- Code Review Roadmap
FRAMEWORKS
- React Roadmap
- React Native Roadmap
- Vue Roadmap
- Angular Roadmap
- Node.js Roadmap - side development, APIs, and advanced backend techniques.
LANGUAGES
MOBILE DEVELOPMENT
- iOS Roadmap
- 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.
Learning Resources
Articles
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)
- Pro Git 2nd Edition - The entire Pro Git book, written by Scott Chacon and Ben Straub and published by Apress, is available here.
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
- Youtube: Javascript Under The Hood
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
- 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
- How to Get Started with NodeJS – a Handbook for Beginners
- Official: Tutorial
- Official Swift Tutorial
- Official: Tutorial
- Youtube: React Native Tutorial for Beginners by Codevolution
- Youtube: Vue 3 with TypeScript Jump Start
Videos
Legalities
Playgrounds
Open Source Contributions
Playgrounds
- How to contribute to open source - source projects.
- 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.