Does front-end as a we know it still exist; or has the role evolved into something we no longer recognise? As with evolution in nature, the evolution of “front-end” has resulted in several distinct flavours — and in my opinion — an identity crisis. development What is a front-end developer anyway? Traditionally speaking the front-end could be defined as the UI of an , i.e. what is client-facing. This however seems to have shifted in recent years as employers expect you to have more experience, know more languages, deploy to more platforms and often have a ‘relevant computer science or engineering degree’. application Languages like Angular and React require developers to have a much deeper understanding of programming concepts; concepts that might have historically been associated only with the back-end. MVC, functional programming, high-order functions, hoisting… hard concepts to grasp if your background is in HTML, CSS and basic interactive JavaScript. This places an unfair amount of pressure on developers. They often quit or feel that there is no value in only knowing CSS and HTML. Yes technology has evolved and perhaps knowing CSS and HTML is no longer enough; but we have to stop and ask ourselves what it really means to be a front-end developer. Having started out as a designer I often feel that my technical knowledge just isn’t sufficient. ‘It secures HTTP requests and responses’ wasn’t deemed a sufficient answer when asked what an SSL certificate was in a technical interview for a front-end role. Don’t get me wrong, these topics are important, but are these very technical details relevant to the role? *I will be occasionally referring to front-end development as FED from here on. The problem This identity crisis is perpetuated by all parties: organisations, recruiters and developers. The role has become ambiguous with various levels of responsibility, fluctuating pay scales and the lack of a standardised job specification within the industry. While looking at the job market you might find that organisations expect employees to be unicorns and fill multiple shoes. Recruiters also could have unrealistic expectations in terms of the role which is often supplied by a Human Resources department with little understanding of what they are hiring for. Lastly developers compound this problem ourselves: they accept technical interviews as they are and should we get the job we place ourselves under unnecessary pressure to learn the missing skills, instead of challenging recruiters and organisations on what it actually means to be a front-end developer. Compare the below job posts on LinkedIn, both titled ‘Front-end Developer’. The roles are vastly different: on the one hand the developer is expected to know Flux architecture and unit testing while on the right they are expected to know Java and MongoDB. Comparing two roles on LinkedIn, both labelled “Front-end developer” Both of these roles are vastly different; and clearly lack a definitive scope or the role. Why it is important to standardise the role Evening out the pay scale: front-end engineers won’t get paid what should and vice versa. FEDs Alleviates pressure; allowing developers to either focus on engineering products or on creating rich interactive web experiences It creates specialists; developers who are really good at CSS, HTML and interactive JavaScript Makes job hunting less stressful when it comes to technical interviews and job specifications Separation of concerns In order to define the role we have to strip out all the roles that could be considered above and beyond the scope of a . The web developer role, for example, should not be confused with the role as the one builds applications and the other builds experiences. Other examples include front-end designer, web engineer, back-end web developer etc. FED FED To distinguish these roles we could look at four criteria: The developer’s canvas If we were to make the assumption that the primary context for front-end is the browser — where would that leave PHP or C# developers on the spectrum? PHP is a good example; yes it runs on a server but ultimately still delivers data to a UI (i.e. the browser). Both JavaScript and PHP are scripting languages that don’t require compilation. Is a PHP developer then considered a front-end developer or a back-end developer? Tools like Github’s Electron allows a developer to build cross platform desktop apps from HTML, CSS and JavaScript. Similarly tools like Adobe Phonegap make it possible to compile HTML pages with JavaScript to native mobile applications. This essentially enables an intermediate front-end developer to build and publish mobile or desktop apps. Could app development then be added to the scope of a front-end developer’s responsibilities? The lines between back-end and front-end became blurry somewhere between JQuery and Node and ever since it’s often expected for front-end developers to know Node and accompanying packages like Express. These are clearly back-end technologies, so why are we adding them to a job specification? FEDs Before we can standardise the role we have to agree on what the front-end developer’s canvas is. In my view, this is confined to the UI of an application and primarily runs in a browser — the role should not be concerned with building any server side functionality. The chosen language A second criteria to consider might be a developer’s chosen programming language. It is possible to build website infrastructure in languages like Python and C# which begs the same question as before — could Python, PHP and C# be considered a front-end language? The below example asks for PHP as a required skill where the other expects the developer to know TypeScript. Comparing the skills required for two roles on LinkedIn, both labelled “Front-end developer” JavaScript can now do much of what PHP and Python can do; with popular libraries like TensorFlow becoming available to JS developers. Another example includes TypeScript (as above), which brings static typing to JavaScript from languages like Java. Where do we draw the line then in terms of what is considered a front-end language or framework? Which frameworks or libraries then should be part of the role’s scope if we are excluding PHP, C#, Java etc? JQuery for example is a the perfect tool for building interactivity for the web, where most front-end developers might argue that it’s better to learn Vue. Libraries like React on the other hand requires a developer to learn concepts that traditionally were not associated with the front-end: setting up webpack and transpilation, deployment processes, understanding high-order components and just for fun you might throw in state management with Redux. The list grows quickly; and although this all uses JavaScript as a language the understanding that comes with it is often very different. Many back-end developers have told me that they find CSS very difficult and I agree — CSS is hard! We forgive back-end developers for not knowing CSS and interactive JavaScript; why then is there an expectation for front-end developers to know back-end technologies? The question we should ultimately be asking is whether a front-end developer should be dealing with functional or data driven components at all. In my view, the role’s language choice should only be HTML, CSS and JavaScript (limited to front-end libraries), primarily used to build interactive components or web projects that consume data from services where necessary. The skill-level When does a front-end developer transition into a full-stack developer or a web developer? Distinguishing this becomes really easy when considering the as well as the A full-stack developer is a developer that understands both front-end and back-end (i.e deals with more than one A web developer is a developer that can work in multiple to build rich data driven applications. Most will then most likely move from an intermediate role to a senior full-stack, engineer etc. role. canvas chosen language. canvas). frameworks, libraries and languages FEDs FED Is it then possible to be a when considering our role definition up to now? My argument is yes. Simply look at any winning website on and you’ll quickly agree that this level of interactivity requires a very good understanding of the DOM and DOM manipulation via JavaScript. also then have an opportunity to focus on learning libraries that build interactive features (for example HTML canvas, WebGL) as opposed to back-end libraries or frameworks that takes them away from what got them started as a in the first place. senior front-end developer Awwwards FEDs FED Other specialties The last factor to consider are all the additional requirements that come with front-end roles. I consider this ‘baggage’ mostly because these requirements often get thrown into the mix in an ad-hoc fashion. A good example of this is MongoDB (which was a requirement in the listing mentioned earlier). Previously database administration or architecture was a role in itself, so why now are we expecting to have this skill set on top of everything else? FEDs Another example from an earlier screenshot is the listed requirement. Personally I am a big advocate of developers design, but expecting them to have it as a skill on top of their other skills changes the role into something else (perhaps a front-end designer or full-stack designer). graphic design understanding FED When considering the added responsibility that comes with having all this knowledge, we have to ask ourselves whether adding them into the mix only complicates the landscape. If today I decided to bring React into my organisation, the developer they choose to replace me with would have to know React as well. If the new developer then decides to add Redux to the mix… well you understand where this is going. To make matters worse, they will keep on hiring regardless of the technology used because that is the role required by the department. front-end developers So with great power come great responsibility and it is ultimately up to us as developers to use technology responsibly. Consider the operational impact of a technology stack change and understand that you might be perpetuating an existing problem. does Defining the role Now that we’ve unpacked what it means to be a front-end developer, we could write the following job description: A front-end developer is responsible for building interactive user interfaces or experiences for the web using HTML, CSS and JavaScript. Let’s keep things simple — a should not need to understand functional programming or how SSL works on a micro technical level. This is not to say that they shouldn’t learn these concepts; but at the very least it shouldn’t be an expectation. FED I feel that it is important that we collectively address the confusion surrounding the roles in the development community by helping the next generation of front-end developers understand what it means to be a . FED This article is purely based on my personal experiences and biased opinions — I would love to hear your views down in the comments. Vernon Joyce, a full-stack unicorn.
