A lot of people get confused with frontend developer and backend developer.
The simplest explanation:
Imagine a car…
It’s like the car where you interact with the front end (what you see) – the steering, brakes, gearbox, and music system. What you don’t see is the back end that keeps the car running – the engine, wires, battery, and the water pump which is hidden.
In this post, we’d go over:
- Frontend developer meaning
- Frontend developer skills
- What they do in their day-to-day work
- Frontend developer roadmap
- Screening Frontend developers
- Front-end developer job titles
After reading this post, you’ll be able to understand the basics of frontend web development.
Let’s jump in….
Front End developer meaning:
Frontend developer is someone who works on a website especially on the client side of the website or the user interacts.
They work with back-end developers who are working with databases, servers and the designers who give them the mock-ups, wireframes that they then build out the website.
If you want to learn more about technical terms, I’ve written a detailed downloadable technology glossary, and You can read them here: Technical Terms for Recruitment Beginners.
Front End Developer Skills:
If HTML describes the layout of a house, CSS describes the look of a house. CSS, or Cascading Style Sheets, handles the way websites look. Colors, fonts, and even some animations are all controlled by CSS. Like HTML, CSS isn’t a programming language. It’s a text document that reads like an interior designer’s instructions for making a website look great.
How does an HTML & CSS look like?
You can check any website by right-clicking the mouse on the webpage. Then click the Inspect element which gives you the Inspect and live-edit the HTML and CSS of a page using the Chrome DevTools Elements panel.
Let’s look at an example – I have used the google search page for this demo below.
By now you have an idea of how an HTML and CSS looks like – great!
The other skills required for Frontend developers are:
What they do in their day-to-day work:
- Frontend developers create an attractive and intuitive user experiences.
- Interact with the designers and back-end developers
- Face challenges meeting the requirements of a project and the desire to have a clean code.
- They work on meeting deadlines.
- Fight on how perfect they can get this project gets delivered on time.
Front End Developer roadmap:
Here is a visualization which is a great resource for both beginners and experts in understanding the Frontend development.
Below image explains what technologies used in frontend web development.
Screening Frontend developers:
There are many ways to screen front-end developers. You can check their GitHub account and see if they have done any contributions or ask them to walk over their portfolio’s.
Most of the hiring managers today request candidates to take up an online coding test.
Because resumes don’t show that a candidate has or lacks certain programming skills.
So filter technical talent through coding assessment using online coding tools like Codility, TestDome, Devskiller, Tests4Geeks.
You can also, prepare few interview questions for vetting candidates.
Here are few open-ended questions for you to start with:
- What excites or interests you about coding
- What is a recent technical challenge you experienced and how did you solve it?
- Have you used different HTML templating languages before?
- Have you played around with the new CSS Flexbox or Grid specs?
You can always compile a list of questions based on the technologies by doing a simple google search.
Frontend developer job titles:
Different job titles used in different companies based on their needs, responsibilities. I’ve listed common front end job titles to help you understand what it is.
So let’s take a look.
Front End Web Designer: If you find the word “Designer” in the job title, then it says that the designer who possesses front-end skills (HTML & CSS) but also with design skills (Visual Design and Interaction Design).
Now you understand what a frontend developer is/what a front developer should know. You have a better idea of looking for a frontend developer.
Here’s my simple advice. Whatever tech roles that you are not familiar with, try to understand the basics and brush them up often.
If you have a strong knowledge of technologies, then you will find, communicate and build a strong relationship with the tech candidates easy. You could become a strong adviser for when someone is in need of a career change.
Hope this post has given you an idea of what a Frontend Developer is and let me know your thoughts on this post below in the comments!