# Web Developer Guide

I usually do not write about guides, roadmaps and other things. There are plenty out there already and I wish not to add to that.

However, this one came as a request from a friend. So here we go.


### A living document. 

This guide will be a living document. It means there will be changes happening to keep these things relevant to our industry.

### How to use this guide?

This guide will outline the roadmap needed to learn a skill. It could be HTML, CSS or whatever - you get the point. The guide will have links for which readers can learn more about the topic. Keeping it simple for now.

### Disclaimer

Most of the content here are inspired from the web. Some of them are from my experience. I also wish the community can also contribute. After all, community is why we are so awesome. Also, This is a WIP document.


### Why Web Development?

1. Incredible opportunities in the market.
2. Need for user Interactive Applications.
3. Decent number of jobs.


### Target Audience

Anyone who is interested in having a career in Web Development.


### Basics

1. HTML
2. CSS
3. JS
4. GIT
5. NPM
6. Code sandbox
7. Basic knowledge of Browsers and Developer Tools.
8. Put knowledge to practice.

### Specialization

1. Learn a Framework - React (Or Vue, Svelte or Angular).
2. Put knowledge to practice.
3. Learn the Advanced Aspects of the framework.
4. Put knowledge to practice.


--


### Learning HTML


#### Prerequisites

A laptop with a decent internet connection. 


#### Good to have

1. Passion to learn.
2. Probably a cup of coffee.


Learning Roadmap

1. [Web - A brief history](https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/The_web_and_web_standards)

2. [Getting started with the  Web](https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web) 

3. [What is HTML](https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started)

4. [HTML Metadata](https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML)

5. [HTML Text Fundamentals](https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals)

6. [Hyperlinks](https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks)

7. [Images](https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Images_in_HTML) and [SVGs.](https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Adding_vector_graphics_to_the_Web)

8. [Table](https://www.w3schools.com/html/html_tables.asp), [lists](https://www.w3schools.com/html/html_lists.asp).

9. [Forms](https://www.w3schools.com/html/html_forms.asp).

10. [HTML Tags](https://www.javatpoint.com/html-tags)




More to come.

<sub>Photo by <a href="https://unsplash.com/@homajob?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Scott Graham</a></sub>