DEV Community

Jane Tracy πŸ‘©πŸ½β€πŸ’»
Jane Tracy πŸ‘©πŸ½β€πŸ’»

Posted on • Updated on

Learning code through Github Repositories πŸ‘©β€πŸ’»

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 - 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 - This repo has awesome html resources where you can also get links to helpful Html5 books.

  • 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 - 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 - 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 - 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 - As I mentioned above. It has great resources for Html5 but you can learn sass, flexbox, grid and more.

  • 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 - Get to learn view and use amazing Tailwind Css resources, tools, IDE extensions, Templates, Themes and more.

  • Awesome CSS Grid - Learn about Css grid and how you can improve with amazing free resources.

Javascript repos 😎

  • 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 - Get to know about Templating Engines, Data Visualization, Reactive Programming, RegExp, Api and more.

  • 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 - Get more Node Js resources from Command-line utilities, Build tools, Templating, Control flow, Network, Data validation, Tutorials and more.

  • Javascript Stuff - 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 - 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 - 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 - 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 - 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 - 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 - 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 - If you want to get resources on Twilio, TensorFlow, TypeScript, Machine learning, Ruby on Rails, Javascript, and more. This repository will help you.

giphy

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 for this list of resources, you can create a pull request to add more repositories.

Top comments (28)

Collapse
 
tannerhallman profile image
Tanner Hallman

A list of lists! I should compile a list of lists of lists πŸ€”

Collapse
 
jnv profile image
Jan Vlnas

This rabbit hole goes pretty deep...

Collapse
 
tracycss profile image
Jane Tracy πŸ‘©πŸ½β€πŸ’»

Hahhah. If the owner of the repo loves the name, I respect that .😎

Collapse
 
imm9o profile image
Islam Muhammad

Mastering css πŸ‘‰ github.com/IMM9O/css-masterclass-c...

Collapse
 
bigt1305 profile image
Anthony Hoss

Thank you for the list; I find it particularly helpful to be able to read other source code when learning any type of programming, keep up the great work!!:)

Collapse
 
tracycss profile image
Jane Tracy πŸ‘©πŸ½β€πŸ’»

That's amazing, you can start it in Github too or fork it.
Thank you so much, Anthony. πŸ™Œ

Collapse
 
introcart profile image
Steven Carton

This is amazing, oh the stuff you find out later on!

Collapse
 
tracycss profile image
Jane Tracy πŸ‘©πŸ½β€πŸ’»

Absolutely. Thank you, Steven :)

Collapse
 
mihir9376 profile image
mihir9376

Thanks For Sharing The Valuable Information :)

Collapse
 
tracycss profile image
Jane Tracy πŸ‘©πŸ½β€πŸ’»

I am glad it will help you in anyway :)

Collapse
 
ejallow12 profile image
Ebrima

Thank you Jane

Collapse
 
tracycss profile image
Jane Tracy πŸ‘©πŸ½β€πŸ’»

I hope it helps you in your journey Ebrima :)

Collapse
 
dailydevtips1 profile image
Chris Bongers

Awesome collection! Thank you πŸ’™πŸ™

Collapse
 
tracycss profile image
Jane Tracy πŸ‘©πŸ½β€πŸ’»

I hope it helps.

Collapse
 
hasone profile image
HasOne
Collapse
 
tracycss profile image
Jane Tracy πŸ‘©πŸ½β€πŸ’»

I will definitely add it :)

Collapse
 
rachelmlawson profile image
Rachel Lawson

Thank you for sharing!

Collapse
 
tracycss profile image
Jane Tracy πŸ‘©πŸ½β€πŸ’»

I hope it helps you in any way. Remember to share it with others if you find it useful. I will keep on adding to the list. 🌟

Collapse
 
raihanevan profile image
Raihan Evan

Thanks!

Collapse
 
tracycss profile image
Jane Tracy πŸ‘©πŸ½β€πŸ’»

I hope the list helps. Share it you find it useful :)

Collapse
 
sawsenhajamor profile image
haj amor sawsen

So helpful thanks for that 😍

Collapse
 
tracycss profile image
Jane Tracy πŸ‘©πŸ½β€πŸ’»

I am glad it will help you. Share to others in their coding journey :)

Collapse
 
proxn profile image
ProxN

Thanks

Collapse
 
tracycss profile image
Jane Tracy πŸ‘©πŸ½β€πŸ’»

I glad it will be useful in anyway :)

Collapse
 
jayesht profile image
Jay

Thanks for sharing

Collapse
 
tracycss profile image
Jane Tracy πŸ‘©πŸ½β€πŸ’»

I will keep adding more. I hope it helps.

Collapse
 
jnv profile image
Jan Vlnas

Hey, I have added your repo to my lists repo; thanks for mentioning by the way. Circular references FTW! πŸ˜‚

Collapse
 
tracycss profile image
Jane Tracy πŸ‘©πŸ½β€πŸ’»

Haha, We all need a list of lists of these resources. πŸŒŸπŸ‘©πŸ½β€πŸ’»