WEB DEVELOPER ROAD MAP

Chances are that you have an interest in web development but are often indecisive about this whole trend of languages and tools making it difficult to settle on development goals.

Not absolutely wrong. The world of web development can be daunting for beginners seeking new adventures in the quest to dive into web development or switching careers.

Here, I walk you through the key models to grasp that will quickly aid your journey through the development landscape.

Am not going to bombard you with so many languages at the moment as you might have already seen on the web. The resource and tools you need to know to set you on your mask are what would be dealt with.

Of course, the trend of web development is so versatile and once you get a firm grasp of the fundamentals, you keep building upon it.

What we will cover:

  1. Front-End Development
  2. Back-End Development
  3. Full Stack Developer

It’s incumbent to first know which of the above domain you take interest in to set the path for the expedition.

Do you have an interest in creating stunning interfaces for the web? Turning mock-up ideas and prototypes into interactive codes? If yes to this, then Front-End Development might be your go-to area.

Front-End Web Developer is responsible for implementing visual interfaces that users can interact with and see in a web application.

To take interest in server-side logic such as user authentication of an application is geared toward Back-End Development.

Cumulatively, the combined role of Front-End and Back-End makes one a Full Stack Developer.

What then makes one Front-End, Back-End, or Full Stack Developer? Let’s discuss but before that, below is a general requirement for aspiring web developers.

Required for any path:

  • Git – version control
  • GitHub
  • Basic terminal usage
  • Semantic versioning 
  • Data structures and algorithm 
  • HTTP/HTTPS and APIs
Git is a version control system designed to handle small projects to large-scale projects in an efficient way.
 
GitHub allows you to collaborate and share code with friends irrespective of Geo-location. Git and GitHub work together.
 
Basic terminal usage is important for every developer. It’s certainly almost impossible to never use the terminal as a developer. Basic knowledge is sufficient to get you started.
 
Semantic versioning known as SemVer is a 3-component number represented as X.Y.Z where X stands for the major version, Y for the minor version, and Z for a patch.  Software versioning turns out to be a major challenge to engineers and SemVer happens to be one of the best solutions.
 

Data structures and algorithms. To develop well-scale applications, programmers need to choose the perfect logic for a problem leading to algorithm design which helps in choosing the finest solution.

HTTP/HTTPS and APIs working with API(s) is an essential part for all walks of application developers and as such, to excel in your field of expertise, keen attention must be paid to application programming interface (API) and the communication of apps through HTTP/HTTPS communication.

Front-End web development road map

MUST HAVE

HTML

CSS

JavaScript

ANY OF THESE

Bootstrap

Materialize css

Bulma

FRAMEWORKS – ANY

Angular

React

Vue

PACKAGE MANAGER

NPM

Yarn

The story goes beyond these but the goal here is to get you up and running quickly. Trying to learn everything before working on projects or applying for jobs, will never let you out of tutorial hell!

With a sound foundation, all other stuff will come in handy and it will prevent you from burning out as many do.

At the time of writing this post, the most popular JavaScript frameworks around are Angular, React, and Vue. 

You are free to pick any since they are all JavaScript frameworks and with a solid understanding of JavaScript, working with any of the frameworks won’t be much of a problem.

Preferred apart from the must-have HTML, CSS and JavaScript are Angular, Bootstrap, and npm. Pick what interest you and focus on that. Getting the job done is the end goal.

Back-End web development road map

There are numerous languages for back-end development:

  • Python
  • Node.Js
  • PHP
  • Golang
  • Ruby
  • Rust
  • Java

Not to be decisive but I personally recommend learning Python or Node.Js for the backend. If you are coming from JavaScript background, Node.Js will be easy to pick up.

Learn Relational and NoSQL Databases

Relational databases differ from NoSQL databases and you will get to know the difference when you learn them. Based on application requirement the decision will be made on which database best fit the scenario.

Relational Databases

  • MySQL
  • PostgreSQL
  • MariaDB

You can Start with MySQL for now

NoSQL Databases

  • MongoDB
  • Cassandra
  • Couchbase
Start with MongoDB and take time to know the difference between Cassandra and couchbase. 
 

Rest APIs

Creating restful APIs is an integral part of back-end development and time needs to be invested in this.

 

Authentication

User authentication is yet another core area in server-side development (back-end) Learn the various ways to authenticate users:
  • OAuth
  • Basic authentication
  • Token-based authentication
  • OpenID connect

Full-Stack Developer

The combined task of Front and Back-End development levels you as a full-stack with design abilities in addition.

Hope you find this road map helpful. The trick to mastering programming is consistency. Keep learning and practicing.

Good luck in the development journey. 

Business ideas that best fit working nature of a developer. Goals are that you might want to quit the main job to be your own boss, or running a sideway business alongside developmental task.