WEB DEVELOPMENT ROADMAP!

A complete guide for beginners in web development including resources which are available free online.

>>Before directly jumping to the core topics of FRONT END development it will be better to cover some basic prerequisites.

GIT AND GITHUB

Git is a version control system that lets you manage and keep track of your source code history. GitHub is a cloud-based hosting service that lets you manage Git repositories. If you have open-source projects that use Git, then GitHub is designed to help you better manage them.(while developing an application we make different versions of it as we keep on updating the application. Traditionally we manually copy paste the app’s folder and make the updates in the new folder, this process continues until the final product. This may consume huge memory. To overcome this we use GIT, It takes the responsibility of handling the versions moreover helps in team projects and the code will be secure in the cloud.).

Book

Git Tutorials and Training | Atlassian Git Tutorial

COMMAND LINE

The command line is a text interface for your computer. It’s a program that takes in commands, which it passes on to the computer’s operating system to run. From the command line, you can navigate through files and folders on your computer, just as you would with Windows Explorer on Windows or Finder on Mac OS.

Basic Linux Commands for Beginners | Linux

35 Linux Basic Commands Every User Should Know (Cheat Sheet)

PICK A TEXT EDITOR/IDEs

An integrated development environment (IDE) is a software application that provides comprehensive facilities to computer programmers for software development. An IDE normally consists of at least a source code editor, build automation tools and a debugger.(this depends on the requirement like for Python, Java, etc. has several IDEs specific to language).

(Visual Studio Code, Atom by GitHub, Sublime Text 3,PyCharm,IntelliJ IDEA)

HTTP / HTTPS

Easy Understanding of Web Protocols - HTTP and HTTPS

What is the Difference Between HTTP and HTTPS? - KeyCDN

SSH

SSH (Secure Shell)

CHARACTER ENCODING

Character encodings for beginners

What is character encoding

MODEL-VIEW-CONTROLLER (MVC)

MVC Design Pattern - GeeksforGeeks

MVC Framework - Introduction

REST

What is REST

>>Now as the basic prerequisites are covered we can dive into the front end development part. Below is the roadmap covering almost every topics and courses one should complete to be a good web developer.

FRONT-END DEVELOPMENT

HTML

HTML Tutorial

Introduction to HTML5

CSS

CSS Tutorial

Introduction to CSS3

Documentation

JAVASCRIPT

JavaScript Tutorial

JavaScript, jQuery, and JSON

BOOTSTRAP

Bootstrap 3 Tutorial

Front-End Web UI Frameworks and Tools: Bootstrap 4

JQUERY

jQuery Tutorial

JavaScript, jQuery, and JSON

REACT JS

Getting Started - React

Front-End Web Development with React

ANGULAR JS

AngularJS Tutorial

AngularJS

VUE JS

Introduction - Vue.js

VueJS Tutorial

>>Lastly, all these courses are not the end. Technologies are evolving and changing very rapidly , one needs to be adaptive to new frameworks and technical stacks.

Hope this content was useful.

THANK YOU!