beginners.md

Beginners

1. Any PC of your choice. 💻

2. Code Editor : These are integrated development enviroments that will help ease your coding workflow.

   • Vs Code ⭐.
   • Sublime Text.
   • Codepen - An online code editor / playground.

3. Browser : You can use any updated browser of your choice.

   • Chrome ⭐.
   • Firefox.
   • MIcrosoft Edge.

HTML Resources

1. Articles and E-books:

   • Freecodecamp's introduction to HTMl and basic web architecture.

   • W3 Schools contains a step by step curriculum for learning HTML with examples and a code along playground to practice. 🗒️

   • MDN HTML Guide contains a step by step curriculum for learning HTML with examples. 🗒️

   • A guide to html5 and css3. 📔

2. Tutorial Videos 🎥:

   • Transversy HTML Crash Course ⭐.

   • Freecodecamp's HTML and CSS course.

   • Dev Ed HTML and CSS Crash Course.

   • Netninja HTML And CSS Crash Course ⭐.

CSS Resources

1. Articles and E-books:

   • MDN CSS Guide contains a step by step curriculum for learning CSS with examples 🗒️.

   • W3 Schools CSS Guide contains a step by step curriculum for learning CSS with examples and a code along playground to practice 🗒️.

   • Mastering CSS 🗒️.

   • The Ultimate Flexbox - A Beginner's Guide To Flexbox 🗒️.

   • CSS Grid By CSS-Tricks 🗒️.

2. Tutorial Videos 🎥:

   • Transversy CSS Crash Course ⭐.

   • Freecodecamp's HTML and CSS course.

   • Dev Ed Responsive Web Design With CSS ⭐.

   • Dev Ed Flexbox ⭐.

Other Resources To Compliment Your Learning With Real Life Practices:

• Transversy's playlist on HTML and CSS 🎥.

• Web Dev Simplified HTML and CSS Playlist - First 10 Videos 🎥.

• Github Repositories To Compliment Learning:

  • HTML An CSS.

  • Awesome Css Grid.

Javascript Resources

1. Articles and E-books:

   • W3 Schools JS Guide 🗒️.

   • MDN JS Guide 🗒️.

2. Tutorial Videos 🎥:

   • Netninja Js Crash Course

   • Transversy Js Playlist.

Git And Github Resources

1. Articles and E-books:

   • Freecodecamp

   • Github Guide

2. Tutorial Videos 🎥:

   • Netninja Git Playlist

   • Edureka

Other Resources:

Websites for future refrences

The trick is to search for a search term along with the site name. For instance "Html a tag w3 schools".

1. MDN.
2. W3 Schools.
3. CSS Tricks.
4. Freecodecamp.
5. Stack Overflow - A platform for sharing knowledge and finding solution to common code problems.
6. Google ⭐. Google should be your best friend when it comes to researching and learning new stuffs.

Youtube Channels

1. Transversy Media Youtube Channel
2. Dev Ed Youtube Channel
3. Web Dev Simplified Youtube Channel
4. Netninja Youtube Channel
5. CodeVolution Youtube Channel
6. CodeStackr Youtube Channel

Intermediate

Advanced

Framework Specific Resources

1. React JS

2. Angular JS

3. Vue JS