DEV Community

Cover image for 7 Github Repositories to Become a Pro Frontend Developer
adarsh
adarsh

Posted on

7 Github Repositories to Become a Pro Frontend Developer

The front end is a crucial part of any application, and having a firm hand on the front end is necessary to be in the top 1% of the world. Your front end decides whether the customer or user is ready for business with you, so it is as important as it is to build a good-looking UI.

Here are some of the top repositories available that can improve your front-end skills ten times over what they are right now.

1. Awesome Frontend
This awesome repository consists of a curated list of awesome front-end development resources.

Image description

Awesome frontend

2. Developer Roadmap
This repository has a detailed roadmap that you can follow. This repo is very popular among developer communities
RoadMap
Image description

3. Awesome CSS
This repository is a curated list of frameworks, style guides, and cool nuggets of information for writing awesome CSS. It does not contain resources to learn CSS.

Image description

If you want to learn about CSS Flexbox in-depth, check this ebook for free:
Ebook for you

4. CSS Protips
A collection of pointers to help you advance your CSS skills. One of the best-recommended repositories for beginners to dive into CSS.

Image description

Protips

5. Frontend Development
A manually curated collection of resources for front-end web developers. An advanced repository for collections of useful pieces of knowledge and tools.

Image description

frontend-dev-bookmarks

6. Front-End Checklist
The Front-End Checklist is an exhaustive list of all elements you need to have / to test before launching your website / HTML page to production.

Image description

Front-End-Checklist

7. Awesome Web Components
A curated list of awesome Web Components tools, articles, and resources.

Image description

Awesome Web Components

Conclusion
These are some of the many tricks that you can use to get accurate results. If you know more, let me know in the comments.

If you wish, you can support me by buying me a Chai.

Top comments (1)

Collapse
 
turingvangisms profile image
Turing

Thanks for sharing! maybe add tools that help to study software?

there's also a list of "awesome-nextjs-resources-awesome" which is public and have a lot of info about nextjs