What Does a Front-End Developer Do?
                     What Does a Front-End 
Developer Do?
INTRODUCTION
A front-end developer creates websites and 
applications using web languages such as HTML, 
CSS, and JavaScript that allow users to access and 
interact with the site or app. 
Source: www.coursera.org
RESPONSIBILITIES
Many actions a developer performs daily require 
skills like JavaScript or HTML coding, with a great 
deal of overlap in their day-to-day responsibilities
Source: www.coursera.org
RESPONSIBILITIES CONT.
A front end developer has one general responsibility: 
to ensure that website visitors can easily interact 
with the page. They do this through the combination 
of design, technology and programming to code a 
website’s appearance, as well as taking care of 
debugging.
Source: bootcamp.berkeley.edu
COMMON TASKS
■ Optimizing the user experience.
■ Using HTML, JavaScript and CSS to bring 
concepts to life.
■ Developing and maintaining the user interface.
■ Implementing design on mobile websites.
■ Creating tools that improve site interaction 
regardless of the browser.
■ Managing software workflow.
■ Following SEO best practices.
■ Fixing bugs and testing for usability
Source: bootcamp.berkeley.edu
HOW DEVELOPERS USE PROGRAMMING LANGUAGE
Front end developers use HTML to lay out a 
document’s general structure and content, CSS for 
styling and JavaScript for situations that require 
advanced interactivity. 
Additionally, they might use AJAX (a combination of 
JavaScript and XML) to update specific areas of a 
website without having to refresh the entire page.
Source: bootcamp.berkeley.edu
Libraries and Frameworks
Front end developers also commonly use the 
libraries built on these programming languages like 
AngularJS, jQuery and React; and design 
frameworks including Foundation and Bootstrap. 
CSS extensions, such as SASS, provide improved 
modularity and power.
Source: bootcamp.berkeley.edu
Additional Front End Development Languages
While they are less common, front end developers 
may also use Python, Ruby or PHP to easily connect 
data with the back end of their website.
Source: bootcamp.berkeley.edu
Graphic Design Tools
Before a front end developer begins coding, they 
typically use graphic design tools to create a 
prototype of their website, which lets them test and 
experiment with the user interface before working 
out the actual code.
Source: bootcamp.berkeley.edu
Code Editing Tools
A code editing tool is simply the program a front end 
developer chooses to use to write the code for their 
website. 
Some developers prefer to use a lightweight editor 
like Notepad, while others opt for something more 
feature-rich like Visual Studio or Eclipse.
Source: bootcamp.berkeley.edu
THANK YOU