In the world of software development, what’s built falls into two categories: everything that’s seen by the user and the processes happening in the background. What we see and interact with as the visitors of a website, or as the end user of a mobile app, is considered front-end technology. All the behind-the-scenes activity that delivers the data and the speed with which that data is delivered falls into backend technology and devops.
In this post, we’ll dive deeper into the three main front end technologies you should understand as a developer or when recruiting front-end developers.
Front End Technologies in the Developer “Stack”
Together, they create the underlying scaffolding that web browsers use to render the web pages that we interact with every day. All other libraries and front-end engineering are built upon these three main languages, which makes them must-have skills for any front-end developer.
The letters in HTML stand for Hypertext Markup Language. The markup piece of the name is the most important to remember, as markups are the proper name for HTML elements, which are also called HTML tags. HTML as a whole is the markup that creates the basic elements we view on a website.
However, it’s important to remember that HTML isn’t particularly intelligent. It doesn’t make decisions or capture information on its own. It simply renders the scaffolding of the web pages.
Cascading Style Sheets, or CSS, is what gives our HTML visual appeal and draws in the user. To put it simply, style sheets dictate the presentation of HTML elements on a page.
CSS is what makes everything not look like a white background with a bunch of Times New Roman texts and blue hyperlinks. Have you ever tried to load Amazon on a bad day and see nothing but a white page with a huge list of black texts, some blue links and nothing else? That’s Amazon loading without styles. Styles are what transition beautiful designs onto a site.
A new trend with styling is to use what is called a CSS pre-processor. These include Less, Sass and stylists. Pre-processors are scripting languages that compile to CSS for the browser and are very popular as they expedite the development process. They accommodate some programming logic.
CSS pre-processors consolidate styling through “usability” and scale easily for use with large websites. Most front-end engineers of all levels have experience with pre-processors due to their power and flexibility to suit all scenarios, from building small single-page websites to enterprise applications such as Groupon or NBCUniversal.
Understanding the Front End Stack as a Recruiter
This demonstrates credibility as it communicates that you understand how the web works, recognize the abilities of a candidate, and aren’t making an assumption that a candidate may have to correct and educate you on later. It starts a conversation around what technologies a front-end engineer is excited about and used on that project.
But a high-level intro like this isn’t all you need to dive into front-end technologies and bring in top talent. Check out our “full-stack” class on front-end recruitment to get the knowledge you need to facilitate the hiring process and speak to developers in their own language.