Learning code through Github Repositories 👩‍💻
Tags: github, javascript, productivity, webdev
Published: 2020-08-23 17:08:53

There are amazing resources that are available for codenewbies to learn and develop their skills. But I would like to share some github repos that you can add too get more resources in your coding journey. 

#### Html resources 🔥

+ [Awesome Html5 resources](https://github.com/diegocard/awesome-html5) - This a github repo created to put all the Html5 resources you would need. You will get to learn about accessibility, Semantics, DOM Management, Progressive web apps, Html books and more.

+ [Html list resources](https://github.com/gloparco/Master-List-of-HTML5-JS-CSS-Resources/blob/master/html.md) - This repo has awesome html resources where you can also get links to helpful Html5 books.

+ [Html and Css](https://github.com/zuzuleinen/html-and-css) - The repository has amazing resources on html & css. You can learn things like HTML semantics and front-end architecture, Create a Contact Form in HTML5, What is HTML5 Capable of, Features, and Resources and more resources.

+ [Html5 resources](https://github.com/SirPepe/HTML5Resources) - If you want to learn or get started with Html and css, this repo will be helpful. It has resources that will help you improve your skills on the basics.  


#### CSS resources 👩‍💻

+ [Design resources for developers](https://github.com/bradtraversy/design-resources-for-developers) - This is a great github repo to get all the resources you need to make your website look good. A collection of sites that you can get colors, fonts,UI graphics, icons, React UI, Vue UI and more.

+ [Html and Css](https://github.com/zuzuleinen/html-and-css) - The repository has amazing resources on css but also on html too. The repo has resources like What the Heck Is CSS Specificity? , CSS Architectures: New Best Practices, The worst Css practices, CSS techniques you couldn't live without and more.

+ [Html5 resources](https://github.com/SirPepe/HTML5Resources) - As I mentioned above. It has great resources for Html5 but you can learn sass, flexbox, grid and more. 

+ [Awesome CSS learning](https://github.com/micromata/awesome-css-learning) - Have a look at CSS resources to help you in your coding journey. Get to know all about animations, CSS variables, layout, CSS unit and more.

+ [Awesome Tailwind Css](https://github.com/aniftyco/awesome-tailwindcss) - Get to learn view and use amazing Tailwind Css resources, tools, IDE extensions, Templates, Themes and more.

+ [Awesome CSS Grid](https://github.com/valentinogagliardi/awesome-css-grid) - Learn about Css grid and how you can improve with amazing free resources. 
 
#### Javascript repos 😎
+ [Awesome JS](https://github.com/serhiisol/awesome-js) - With this repo you can get resources and tutorials for Javascript frameworks like Node Js, Angular Js, React Js and also vanilla Javascript resources.

+ [Awesome Javascript](https://github.com/sorrycc/awesome-javascript) - Get to know about Templating Engines, Data Visualization, Reactive Programming, RegExp, Api and more. 

+ [Awesome Javascript Learning](https://github.com/micromata/awesome-javascript-learning) - This repo has a list of only Javascript resources that includes: free Js ebooks, blogs, videos, DOM related resources, Node Js resources and more.

+ [Node JS resources](https://github.com/sindresorhus/awesome-nodejs) - Get more Node Js resources from Command-line utilities, Build tools, Templating, Control flow, Network, Data validation, Tutorials and more. 

+ [Javascript Stuff](https://github.com/ahfarmer/javascriptstuff-db) - This repo has an amazing resources for react resources with a website to easily get them in one place. You can get react starter projects, static site generators, react tutorials, developer tools and more.

#### All in one repos 🐱‍👤
These are repos that have various resources for multiple programming languages. 

+ [Front-end checklist](https://github.com/thedaviddias/Front-End-Checklist) - This repository has is a checklist for steps you should take before you launch your website. It includes resources to check your website performance, accessibility, SEO and more.

+ [Front-end resources](https://github.com/RitikPatni/Front-End-Web-Development-Resources#table-of-contents) - This amazing repo has amazing css resources, platforms to learning code, youtube channels you should follow, blogs to follow and VsCode extension to install to make you life easier. 

+ [Algo Wiki](https://github.com/vicky002/AlgoWiki) - This is like a wikipedia repo for nearly all programming languages such as c++, python, Javascript, Rust, PHP, Java and more. You can also get algorithms, machine learning, competitive programming, and more.  

+ [Awesome Awesomeness](https://github.com/bayandin/awesome-awesomeness) - Get resources for all programming languages and get to know about vim, Linux resources, style-guides, Serverless Security, Internet of Things (IoT), DevOps, Design Patterns and more. The list is endless, go check out the repo. 

+ [List](https://github.com/jnv/lists) - A great repository for learning web development on a deeper level. It has a wide list of resources of front-end developer interviews, companies you can easily apply to, BEM resources, ES6 learning resources, Blockchain & cryptocurrency resources, and more.

+ [Free for devs](https://github.com/ripienaar/free-for-dev) - You will get amazing resources to help you build websites from the ground up. Examples: Tools for Teams and Collaboration, CI and CD, Testing, Security and PKI, Management System, and more. 

+ [Awesome Learning Resources](https://github.com/lauragift21/awesome-learning-resources) - If you want to get resources on Twilio, TensorFlow, TypeScript, Machine learning, Ruby on Rails, Javascript, and more. This repository will help you.

<img src="https://i.ibb.co/ccKD0Rb/giphy.gif" alt="giphy" border="0"> 


Thank you for reading this far. I hope the above resources help you and others who are starting their coding journey. Share to help other code newbies out. 
Plus I will be adding more as I go by. If you have other GitHub Repos that have coding resources, you can write them in the comments section. 🌟💯

Update
I created a [github repo](https://github.com/muchirijane/learning-code-through-github-repos) for this list of resources, you can create a pull request to add more repositories.