Web Development 2020 Roadmap

This is introduction to web applications development step by step course

Web development today is completely different from what it was a few years ago; there are lots of different things that can easily baffle anyone entering into the web development. It was one of the reasons that we decided to make these step by step visual guides demonstrating the bigger picture and to give anyone a clear idea about what they have to follow to be in certain roles in web development.

Required for any path

Required for any path section is very important to familiar with because these as mentioned above in picture it is almost very hard to practice any thing you learn and maintain in place where you easily remind your on material and access world best developers curated materials.

Introduction to Git Version Control

1. Version Control System Introduction
2. Git is not a deep sh*t
3. Practical Git for Everyday Professional Use (Video Tutorial)

GitHub

1. Introduction to Git with github
2. Git & GitHub Crash Course For Beginners
3. Exploring GitHub (Video Tutorial)

Basic Terminal Usage

1. Basic Linux Commands for Beginners
2. How to use the Command Line | Terminal Basic for Begineers

Data Structures & Algorithms

1. Introduction to Data Structure & Algorithms
2. Data Structure and Algorithms Tutorial

Licenses

1. 5 types of software licenses you need to understand
2. Software Licenses (Video)

Semantic Versioning

1. Semantic versioning documentation
2. What is semantic versioning
3. Semantic Versioning (Video)

SSH

1. SSH Essentials
2. SSH on the Command Line 1 (video)
3. SSH on the Command Line 2 (video)

Design Patterns

1. Design Patterns - Introduction
2. Design Patterns video series

Character Encodings

1. What is a character encoding, and why should I care?
2. ASCII and Unicode Character Sets

Oooh, the above stuffs are very boring believe me, but you have to learn it, sorry.

Frontend

Finally we are starting very interesting phase which is Frontend, boooom.

HTML

HTML (HyperText Markup Language) is the most basic building block of the Web. It defines the meaning and structure of web content. Other technologies besides HTML are generally used to describe a web page's appearance/presentation (CSS) or functionality/behavior (JavaScript).

Learning Basic HTML

Programming is not novel to read and enjoy the story, its all about practice. why not you should learn the HTML by using one free code camp or w3schools.

Learning Semantic HTML

A semantic element clearly describes its meaning to both the browser and the developer.

Examples of non-semantic elements: <div> and <span> - Tells nothing about its content.

Examples of semantic elements: <form>, <table>, and <article> - Clearly defines its content.

For more detail please visit semantic elements in HTML

Some suggested courses you can follow for better understanding of HTML.

1. HTML Crash Course For Absolute Beginners (Video)
2. HTML Full Course - Build a Website Tutorial
3. A few HTML tips
4. Six tips to set up a better HTML document

CSS

We all love beautiful things around us, what if you can make web application/websites beautiful for the users to love it more than you.

How can we do it?

Don't worry CSS can do it, but you should learn CSS properly otherwise you will hate it more than every think you hate.

With the help of HTML, you create structure for your pages. CSS allows you to style your pages and make them pretty. If you take the analogy of human body, the skeleton would be the HTML, skin would be the CSS and muscles that help us move would be JavaScript - we will learn more about JavaScript in the coming sections.

1. W3Schools – CSS Tutorial
2. CSS Crash Course for Absolute Beginners
3. Build An HTML5 Website With A Responsive Layout
4. Flexbox CSS In 20 Minutes
5. CSS Grid Introduction