Front-end Path

Every web or mobile application has two parts: a front-end and a back-end. The front-end is what the user sees and interacts with. It’s the app on your phone or the website you visit. So, front-end developers are in charge of building beautiful, interactive user interfaces.

The average salary for a front-end Developer is $102,768 per year in the United States.

Here's what you need to learn to become a front-end developer:

HTML/CSS

HTML is a markup language that allows us to define the structure and content of web pages. With CSS we can make our web pages pretty. We can apply styles such as colors, fonts, paddings, etc. JavaScript is a programming language that allows us to add behaviour and functionality to our web pages.

My The Ultimate HTML5/CSS3 Series teaches you everything you need to know about HTML and CSS from the absolute basics to advanced concepts.

JavaScript

Once you master HTML/CSS, you'll be able to build beautiful static pages. To add functionality to these pages, you need to learn JavaScript. With JavaScript, you can implement features like what should happen when the user clicks on a button.

I currently have two JavaScript courses:

JavaScript Basics for Beginners is the ideal place to start. It teaches you the fundamentals of programming with JavaScript. You don't need any programming experience to take this course.

If you know the basics well, the next course I recommend is Object-oriented Programming with JavaScript. It dives into more complex aspects of JavaScript that you frequently use.

Front-end Tools

Modern applications are complex. That's where front-end tools (libraries/frameworks) come to the rescue. They help us build and ship applications faster.

The most popular front-end tools are React, Vue, and Angular. Different teams have different preferences for tools. So, as you move from one team to another, you'll see that some projects are built with React, while others are built with Vue, Angular or even other frameworks.

Since React is the most popular front-end tool, you can increase your job opportunities by learning React first.

My React course teaches you everything you need from the basics to the advanced topics using a real project.

Once you learn React, you can learn other tools depending on your needs. I also have a comprehensive course on Angular. While the course is recorded with an earlier version of Angular, the majority of concepts and techniques I've covered still apply in the latest version of Angular.

Mobile Development

If you're adventurous and would like to get into mobile development, I encourage you to learn React Native. It's a framework built on top of React for building mobile apps.

My React Native Series teach you everything you need to build real-world apps.