https://github.com/philecker/dev-resource
📚 A collection of some downright awesome front-end development resources.
https://github.com/philecker/dev-resource
coding developer-tools favorites learning resources
Last synced: 8 months ago
JSON representation
📚 A collection of some downright awesome front-end development resources.
- Host: GitHub
- URL: https://github.com/philecker/dev-resource
- Owner: philecker
- License: mit
- Created: 2022-09-25T16:58:50.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-05-11T01:26:17.000Z (over 2 years ago)
- Last Synced: 2025-02-14T22:15:11.926Z (8 months ago)
- Topics: coding, developer-tools, favorites, learning, resources
- Homepage:
- Size: 20.5 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Dev Resource
A collection of some downright awesome front-end development resources.
## Community
- [Github](https://github.com/) — A community where more than 40 million people learn, share, and work together to build software.
- [r/webdev](https://www.reddit.com/r/webdev/) — A community dedicated to all things web development: both front-end and back-end.
- [StackOverflow](https://stackoverflow.com/) — Find the best answer to your technical question, help others answer theirs.
- [Dev](https://dev.to/) — A place where coders share, stay up-to-date and grow their careers.
- [Roadmap](https://roadmap.sh/) — roadmap.sh is a community effort to create roadmaps, guides and other educational content to help guide the developers in picking up the path and guide their learnings.
## Develpoment ( Learning / Documentation )
- [30 Seconds of Code](https://www.30secondsofcode.org/) — Provides a curated collection of short code snippets for all your development needs.
- [freeCodeCamp](https://www.freecodecamp.org/) — Freecode camp is an extensive open-source online coding Bootcamp.
- [CSS Tricks](https://css-tricks.com/) — CSS Tricks is a website that provides awesome CSS tricks that are useful for developers of all skill levels.
- [JavaScript Info](https://javascript.info/) — From the basics to advanced topics with simple, but detailed explanations.
- [MDN](https://developer.mozilla.org/en-US/) &mdash Documenting web technologies, including CSS, HTML, and JavaScript, since 2005.
- [Dev Docs](https://devdocs.io/) — DevDocs combines multiple API documentations in a fast, organized, and searchable interface.
- [Can I Use](https://caniuse.com/) — Browser support tables for modern web technologies.
- [web.dev](https://web.dev/) — Take advantage of the latest modern technologies to build amazing web experiences for everyone.
- [Traversy Media](https://www.traversymedia.com/) — Practical project-based courses that are easy to understand and straight to the point.
## Extensions ( Chrome )
- [React Developer Tools](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi) — Adds React debugging tools to the Chrome Developer Tools.
- [JSON Formatter](https://chrome.google.com/webstore/detail/json-formatter/bcjindcccaagfpapjjmafapmmgkkhgoa/related?hl=en-US) — Makes JSON easy to read and Open Source.
## Inspiration
- [Awwwards](https://www.awwwards.com/) — The awards of design, creativity and innovation on the internet.
- [Dribbble](https://dribbble.com/) — The home to the world’s best design and creative professionals.
- [Product Hunt](https://www.producthunt.com/)— Product Hunt is an American website to share and discover new products.
- [One Page Love](https://onepagelove.com/) — Get inspiration, browse templates, find domains or learn from our resources.From the basics to advanced topics with simple, but detailed explanations.
## Libraries
- [React](https://reactjs.org/) — A JavaScript library for building user interfaces.
- [Recoil](https://recoiljs.org/) — A state management library for React.
- [TypeScript](https://www.typescriptlang.org/) — TypeScript is a strongly typed programming language that builds on JavaScript, giving you better tooling at any scale.
- [MUI](https://mui.com/) — MUI offers a comprehensive suite of UI tools to help you ship new features faster.
- [Formik](https://formik.org/) — Formik comes with battle-tested solutions for input validation, formatting, masking, arrays, and error handling.
## Podcasts
- [Changelog](https://changelog.com/podcast) — Conversations with the hackers, leaders, and innovators of the software world.
- [Stack Overflow](https://stackoverflow.blog/podcast/) — The Stack Overflow podcast is a frank and funny conversation about what it means to work in software and how code is reshaping our world.
- [Remotely Interesting](https://remotelyinteresting.transistor.fm/) — a rag-tag group of developers from Netlify here to chat with you about the web and all the things that get wrapped up in it.
## Tools
- [Visual Studio Code](https://code.visualstudio.com/) — Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free.
- [Github Desktop](https://desktop.github.com/) — Focus on what matters instead of fighting with Git. Whether you're new to Git or a seasoned user, GitHub Desktop simplifies your development workflow.
- [Phillow Dark Theme](https://marketplace.visualstudio.com/items?itemName=philecker.phillow-dark) — Enhanced Dark Theme for Visual Studio Code.