DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Bukunmi Odugbesan
Bukunmi Odugbesan

Posted on

Becoming a Frontend Engineer – An Introduction

With a lot of buzz these days about Tech, a number of people are looking to get into it for various reasons. There are many ways to get into tech - Frontend Engineering, Backend Engineering, Mobile Development, DevOps, QA Testing, Game Development, Data Engineering, Data Science, Machine Learning, and Blockchain. There are also non-code areas in Tech - Product Management, Product Design, Technical Writing, etc.

Each of them is equally important, with everything coming together to accomplish the same goal. However, you are advised to specialize in one area. If you have chosen Frontend Engineering, this article will give you all the information you need to become a Frontend Engineer. And if you haven’t decided, this article will give you the information you need to make an informed decision.

What is Frontend Engineering?

The part of any application that you can see with your eyes is called the front end, for example, the images, videos, forms, buttons, etc. Frontend engineers are responsible for building the frontend of a web application.

Aspects of Frontend Engineering

There are three parts of frontend engineering: Text, Styling, and Actions. Each part has its own programming language, and I will explain each of them in this section.

Text: Every application comes with words, buttons, and forms. And all these are added to an application using HTML. HTML stands for HyperText Markup Language. HTML can be likened to the skeleton of a body. It is the structure of the application, the first thing you do before anything else when building out an application from scratch. HTML has guidelines to help you determine what to put where, and you would know more about that when you start learning.

Styling: During the early days of the web, applications just had texts and it wasn’t really pleasing to the eye. Then came CSS! CSS stands for Cascading Style Sheet. It is used to add styles to an application which means colors, spacing, fonts, positioning, and sizes. CSS is likened to adding muscle and flesh to the skeleton, so it’s beautiful. CSS helps applications look good not just on the web, but across different screen sizes.

Actions: When you fill out a form or you click on a button, you expect something to happen. Storing away the information or the action that the button performs is done by Javascript. Javascript is a programming language used to add actions to an application. It is likened to aiding a complete body move and carry out activities.

Conclusion

There are other areas of frontend engineering that you would come across when you start learning such as accessibility, responsiveness, application performance, etc. They are important when catering to specific needs - poor internet, disabilities, etc.

I find the frontend part of the application to be the most interesting because it connects the user to the application, and the beauty of a design well built makes me happy. Hope you have a fun time learning Frontend Engineering. Cheers!

Top comments (0)

Super Useful CSS Resources

>> Check out this classic DEV post <<