Read through these slides to understand what you need to know to be a successful Front End developer and contribute effectively to the organisation.

1. rockinterview.in

2. ESSENTIALS FOR A
FRONT END
DEVELOPER ROLE
+
o o

3. rockinterview.in
WHAT DOES A FRONT
END DEVELOPER DO?
A Front End Developer uses programming
languages and tools to develop effective
user interfaces on websites and mobile
apps that are released to the public.
They work closely with web development
and software design teams to update the
website and internal web tools, that
increase efficiency.

4. rockinterview.in
SCROLL THROUGH TO
FIND OUT WHAT KIND
OF TECHNICAL
KNOWLEDGE AND
SKILLS ARE EXPECTED
OF A FRONT END
DEVELOPER TODAY.
+
oo

5. THE BASICS
+

6. rockinterview.in
HTML – THE ORGANIZER
HTML is the basic building block of a website
It dictates the way browsers and software
understand how to organize, interpret, and
display a site’s text
The latest in HTML, HTML5 is a hybrid of three
types of code: HTML, CSS, and JavaScript CSS
that offers cross-platform application development

7. rockinterview.in
CSS – THE STYLIST
While HTML defines what elements are on a page,
CSS defines how those HTML elements appear
In general, CSS allows developers to:
- Create the style of a page
- Create the layout of a page
- Add global styling to all pages

8. rockinterview.in
JAVA SCRIPT – THE MULTITASKER
While HTML and CSS are sufficient for a very basic
website, Javascript adds more functionality to them
It is used to create interactive features like audio and
video, games, scrolling abilities, page animations, etc.
JavaScript is more than just a language — it’s an
entire ecosystem that spans frameworks, task
runners, server-side development, and more

9. rockinterview.in
AJAX – THE BRIDGE
AJAX (Asynchronous JavaScript and XML) is a
technology that’s used to create dynamic
applications and webpages
It allows a page to update data within certain
elements separate from the whole page, so
portions can be refreshed without reloading
the entire app
It’s important to know AJAX to create a
seamless user experience across devices

10. ADDED ADVANTAGES
+

11. rockinterview.in
FAMILIARITY WITH J QUERY
JQuery is a collection of plugins and
extensions that makes developing with
Java Script easier and faster
It allows developers to add ready-made
elements to projects that can later be
customised as necessary

12. rockinterview.in
Frameworks are a collection of Javascript
files that give a ready-made structure to
your project
Common functionalities like logging in,
searching a blog, etc., can be done using
these frameworks
KNOWLEDGE OF JAVA
SCRIPT FRAMEWORKS

13. rockinterview.in
CSS pre-processors speed up the CSS coding
SASS and LESS are most in demand pre-processors
EXPERIENCE WITH
CSS PRE-PROCESSORS

14. rockinterview.in
Excellent problem-solving skills are
mandatory for a job as a Front End Developer
Testing and debugging code is also an
important part
PROVEN PROBLEM
SOLVING ABILITY

15. rockinterview.in
Excellent problem-solving skills are
mandatory for a job as a Front End Developer
Testing and debugging code is also an
important part
PROVEN PROBLEM
SOLVING ABILITY

16. SOFT SKILLS
+

17. rockinterview.in
To become a good planner is important
for the role
Use tools like Workfowy, Writemaps for
planning
BE A GOOD PLANNER

18. rockinterview.in
Become proactive about projects; it
boosts credibility
Be curious to learn about new tools
plugins and programming languages
BE PROACTIVE & CURIOUS

19. rockinterview.in
Invest time to learn new skills
It will help you to be updated with
the new technologies for the role
INVEST IN YOUR SKILLS

20. rockinterview.in
SOURCE
https://codeburst.io/the-unofficial-guide-to-becoming-
a-front-end-developer-5944200cae49
https://skillcrush.com/2016/02/11/skills-to-become-a-
front-end-developer/
https://ihatetomatoes.net/8-tips-become-better-
front-end-developer/
https://skillcrush.com/2017/03/20/front-end-
developer-skills/

21. Download the
Rock Interview App
for more opportunities
to enhance your skills.