The Must Know Technologies

HTML, CSS, and Javascript are the three core technologies you’ll want to master if you’re going to become a web developer.

HTML: Often referred to the “nouns” of a web page, HTML or Hyper Text Markup Language is the most basic building block of the web. It defines the layout and structure of a web page. HTML is not a programming language as it doesn’t understand logic. It is a markup language and only used to display elements on a web page.

CSS: CSS or Cascading Style Sheets is a stylesheet language used to describe the presentation of a document written in HTML. CSS is responsible for the appearance of your web page. It allows you to change font size, add background-colors, borders, and plenty of other things. You add styles to your HTML elements to make your web page pretty. We talk about CSS as the “adjectives” of a Web Page. If you want to go a bit further in CSS, you can learn Flexbox, a CSS3 web layout model used to arrange your website in a simple way.

Javascript: This is the first real programming language of the web you’ll need to learn. It is used in pretty much every website you visit. Javascript, called the “verbs” of a webpage, allows you to add functionality to your site. You can add amazing animations and interactive effects to make your web page look more appealing to the viewer. Javascript is one of the most straightforward programming languages.

Kamran Ahmed HTML, CSS and Javascript Roadmap

What You Should Learn Next

Once you have a solid understanding of HTML, CSS, and Javascript, the choices of technologies you can learn are endless. Now and then, a new language is created, and it may feel challenging to choose the next one.

Bootstrap:

Bootstrap is a framework for HTML and CSS developed by Twitter. Like Sass, Bootstrap helps write CSS faster and more efficiently. It contains HTML and CSS-based design templates for typography, forms, buttons, navigation and other interface components.

Sass:

Sass is a CSS preprocessor. It adds new functionalities to CSS and makes CSS more comfortable to write and maintain. It’s also effortless to learn. One you learn Sass, you won’t want to go back to regular CSS.

Kamran Ahmed CSS Roadmap (Sass and Bootstrap)

React:

React is a javascript framework developed by Facebook used to build user interfaces. Javascript frameworks allow you to create fully functional websites in a matter of hours. Javascript frameworks are instrumental when making sizeable front-end applications.

Although I chose React as it is the most popular and fastest growing javascript framework, there are many others such as Ember js, Angular and Vue js that do similarly the same things as React.

As a side note, if you wish to keep track of your progress and make your life as a web developer more manageable, you may want to learn to use Github ↓

Git and Github:

Git is a “version control system,” and GitHub is the most popular Git service.

Git allows you to save your projects, backup your files, share your work & collaborate with other developers.

Kamran Ahmed Git and Github

The Full Web/Front-End Developer Roadmap ↓

Kamran Ahmed Full Web Developer Roadmap

Limits

Although Javascript is the most popular programming language in the world, it has its limits. For example, Javascript cannot access databases or web pages hosted on different domains. Most importantly, you cannot directly access memory from javascript. An example of a programming language capable of accessing memory would be C++ (used for gaming).

WebAssembly is a programming language developed by W3C, Google, Microsoft, Apple, and Mozilla. It is very similar to Javascript and can do mostly the same things. Its main advantages over Javascript are that it can directly access memory and it runs much faster than Javascript. Its main con is that WebAssembly is very complex and challenging to learn, much more complicated than Javascript.

WebAssembly was never created to replace Javascript and JS will probably keep its dominant role in the Web Development Industry for a long time.

Take Action

Sometimes, I think of that day when I started programming, and I look where I am today. I feel so excited about what I’ve learned, and I just want to keep growing in that field. I highly encourage to take Colt Steele’s Course “The Web Developer Bootcamp.” This course is very informative and contains pretty much everything you need to know to start in web development.

Here is the course link: https://www.udemy.com/the-web-developer-bootcamp/ Have fun learning!

If you’ve found this post helpful and you are interested in similar content, please give me a follow or share. Your support is really appreciated!