<p>Learning is a process.It takes time and good materials helps a lot in the learning process. Being a web developer there are many resources to follow up and learn. Till date learning web development has become a popular and trending path. Googling and Youtube surfing from good content creators has ease the process to learn web development. Github is another platform where you can get many resources to learn. Here are the list of few repositories that every web developer should follow.</p><p><br></p><h2><a href="https://github.com/sindresorhus/awesome" rel="noopener noreferrer" target="_blank">Awesome</a></h2><p><span style="color: rgb(17, 17, 17);">Awesome is, without a doubt, the most popular repo that curates all topics from software development to hardware to business. It has more than 123,000 stars on Github at this moment, and one could spend days (nights) browsing it. It is my one-stop-shop if I want to learn something new.</span></p><h2><br></h2><h2><a href="https://github.com/lydiahallie/javascript-questions" rel="noopener noreferrer" target="_blank">List of (Advanced) JavaScript Questions</a></h2><p>This repository (13,000 stars) created by Lydia Hallie (great person, by the way, check her out on Instagram!) is awesome if you want to test your JavaScript knowledge and/or prepare for a job interview. Lydia constantly adds new questions, so this repo is growing steadily!</p><h2><br></h2><h2><a href="https://github.com/trekhleb/javascript-algorithms" rel="noopener noreferrer" target="_blank">JavaScript Algorithms and Data Structures</a></h2><p>JavaScript Algorithms (59,500 stars) contains a tremendous amount of JavaScript-based examples of popular and less popular algorithms and data structures. The structure is really nice because the examples are labeled either beginner or advanced. So whether you are interested in cryptography, sorting, graphs or even machine learning (and much more), there will be something for you.</p><h2><br></h2><h2><a href="https://github.com/ryanmcdermott/clean-code-javascript" rel="noopener noreferrer" target="_blank">Clean Code JavaScript</a></h2><p>Knowing how to write clean code is a useful skill for almost every developer and mandatory in many projects and corporations. This repository (28,400 Stars) takes the concepts of Clean Code by Robert C. Martin and adapts them for JavaScript so you can use them in future work.</p><h2><br></h2><h2><a href="https://github.com/ripienaar/free-for-dev" rel="noopener noreferrer" target="_blank">free-for.dev</a></h2><p>This great repository (30,000 stars) was created to helping developers find software (SaaS, PaaS, IaaS) and similar offerings that have free tiers. Using great software for free? Sounds awesome! There are services for email, CI/CD, monitoring, DNS, hosting, and many, many more.</p><h2><br></h2><h2><a href="https://github.com/yangshun/tech-interview-handbook" rel="noopener noreferrer" target="_blank">Tech Interview Handbook</a></h2><p>If you want to prepare yourself for a job interview in tech (and you should!), this repository is just the right place for you. It currently has 38,000 stars on Github and helps you with how to prepare for coding interviews,Interview cheatsheet,Algorithm tips/best practice questions,Interview formats.</p><h2><br></h2><h2><a href="https://gist.github.com/rondy/af1dee1d28c02e9a225ae55da2674a6f" rel="noopener noreferrer" target="_blank">Effective Engineer — Notes</a></h2><p>An “Effective Engineer” is someone who gets things done. But how can you become one? This Github repository (3,700 stars) has advice for you! Topics include How to optimize your learning,How to prioritize,Measuring your improvement.</p><h2><br></h2><h2><a href="https://github.com/EbookFoundation/free-programming-books" rel="noopener noreferrer" target="_blank">List of Free Learning Resources</a></h2><p>This repository has a whopping 135,000 stars on Github and definitely is one of the most-loved curations there. It offers lots and lots of freely available programming books, screencasts, podcasts, and even online courses of all sorts. If you are looking for learning materials — look no further!</p><p><br></p><h2><a href="https://github.com/minimaxir/big-list-of-naughty-strings" rel="noopener noreferrer" target="_blank">Big List of Naughty Strings</a></h2><p>You can invest as much as you want into testing your code and programs, but when real users come into play — believe me, they will do things you would have never thought of, especially when it comes to user input. This repository (34,100 stars) has a huge list of Strings that are known to be problematic when entered as input by the user. So whether you want to impress your QA friends or uses this for testing your software, this could be quite useful!</p><h2><br></h2><h2><a href="https://github.com/MunGell/awesome-for-beginners" rel="noopener noreferrer" target="_blank">Awesome First PR Opportunities</a></h2><p>if you want to get started with Open Source. Contributing to OSS is a great way to get involved with the community, add something to your portfolio, try out new things, become a better developer, and even find a new job. But getting started is quite hard, as I know from personal experience. This repository lists Open Source projects that are known for or currently have beginner-friendly issues that you can tackle. It helped me getting started with OSS, should help you as well!</p><h2><br></h2><h2><a href="https://github.com/goldbergyoni/nodebestpractices" rel="noopener noreferrer" target="_blank">Node.js Best Practices</a></h2><p>This repository is an amazing place to keep yourself updated with the Node world and also learn about the best practices while you're at it. With over 40k stars and 133 contributors, this repository gets an update almost every single day.This repository is a summary and curation of the top-ranked content on Node.js best practices and also its integration with other tools like Docker, Kubernetes, etc. It currently has more than 80 best practices, style guides, and architectural tips.</p><p><br></p><h2><a href="https://github.com/h5bp/html5-boilerplate" rel="noopener noreferrer" target="_blank">HTML5 Boilerplate</a></h2><p>HTML5 Boilerplate is a professional front-end template for building fast, robust, and adaptable web apps or sites.</p><p>This project is the product of years of iterative development and community knowledge. It does not impose a specific development philosophy or framework, so you're free to architect your code in the way that you want.</p><h2><br></h2><h2><a href="https://github.com/gothinkster/realworld" rel="noopener noreferrer" target="_blank">RealWorld</a></h2><p>It&nbsp;allows you to choose any frontend (React, Angular 2, &amp; more) and any backend (Node, Django, &amp; more) and integrate them both to see a real world example of the application.Since these implementations are responsible for the entire stack, they obviously cannot be mixed and matched but they still adhere to the same functionality &amp; UX specs.</p><h2><br></h2><h2><a href="https://github.com/getify/You-Dont-Know-JS" rel="noopener noreferrer" target="_blank">You Don't Know JS Yet</a></h2><p>This is a series of books diving deep into the core mechanisms of the JavaScript language.All the books are complete free of charge and you can read them online on the repository.</p><h2><br></h2><h2><a href="https://github.com/airbnb/javascript" rel="noopener noreferrer" target="_blank">Airbnb JavaScript Guide</a></h2><p>This is an extremely precise and professional style guide by Airbnb.</p><p>This guide will help you understand JavaScript from the inside out by going deeper into fundamentals along with code snippets to help you along the way.</p><h2><br></h2><h2><a href="https://github.com/storybookjs/storybook" rel="noopener noreferrer" target="_blank">Storybook</a></h2><p>Storybook 📖 is a development environment for UI components. It allows you to browse a component library, view the different states of each component, and interactively develop and test components.Storybook runs outside of your app. This allows you to develop UI components in isolation, which can improve component reuse, testability, and development speed. You can build quickly without having to worry about application-specific dependencies.</p><h2><br></h2><h2><a href="https://github.com/thedaviddias/Front-End-Checklist" rel="noopener noreferrer" target="_blank">Front-End-Checklist</a></h2><p>The Front-End Checklist is an exhaustive list of all elements you need to have or to test before launching your website or HTML page to production.</p><p>It is a repository which is based on Front End Web Development and focuses more on performance, security, SEO, etc. All items in the Front-End Checklist are required for the majority of the projects, but some elements can be omitted or are not essential.</p><p><br></p><p>Happy Coding ...</p>

Github Repos Every Web Developer Should follow

Related blogs

About us: