100DaysOfWebDevelopment

As the name suggest, this is the 100 Days Challenge to learn Web Development. In this challenege, I will be focusing on the Frontend part of web development. Please note that this is not a guide to learn Front End technologies. This is only created for the sole purpose of practising Front end technologies such as HTML, CSS & JavaScript and draw a roadmap to go through these technologies.

Roadmap

• Intoduction to Web
• Laying out the content - HTML
• Making content Pretty - CSS
• Add some Interactivity - JavaScript

Authors

• @devsuraj390

Day #0: Before we start

Before we start our daily progress, let me give you the tools & resources which I will be using/follwing for the daily learning during the whole challenge.

Tools:
Code Editor: Visual Studio Code
Browser: Google Chrome

Resources

• The Web Developer Bootcamp 2021 - Colt Steele | Udemy

• Learn Web Development | MDN Docs

• Responsive Web Design | freecodecamp

• The Odin Project

Day #1:

• How does the Internet work?
• Difference between webpage, website, web server, and search engine?
• Getting started with the Web
• Basics of HTTP
• Getting started with HTML
• Front End Web Developer Roadmap on MDN
• Browser developer tools

Day #2:

• HTML elements reference
• The Input Element
• HTML Table
• HTML Forms
• Introduction to Semantic Elements

Day #3:

• Getting started with CSS
• CSS Reference
• How CSS works
• CSS selectors
• The box model
• Cascade, Specificity and inheritance
• The 30 CSS Selectors You Must Memorize

Day #4:

• CSS Unit Best Practices
• CSS Units: Which Ones To Use And Avoid
• CSS: Display
• CSS: Block & Inline

Day #5:

• CSS - position
• CSS - transiton
• CSS - transform
• CSS - background
• CSS - Web Fonts
• 20 Best Google Web Fonts

Day #6: