YouTube Link: https://youtu.be/krQU3vnpVKE ** Full Stack Web Developer Masters Program:https://www.edureka.co/masters-program/full-stack-developer-training ** This Edureka PPT on "Front End Developer Skills" (blog: https://www.edureka.co/blog/front-end... ) will help you know about the different skills that you need to possess if you want to become a successful front end developer. Follow us to never miss an update in the future. YouTube: https://www.youtube.com/user/edurekaIN Instagram: https://www.instagram.com/edureka_learning/ Facebook: https://www.facebook.com/edurekaIN/ Twitter: https://twitter.com/edurekain LinkedIn: https://www.linkedin.com/company/edureka Castbox: https://castbox.fm/networks/505?country=in

1. Copyright © 2017, edureka and/or its affiliates. All rights reserved.

2. WHAT IS FRONT END DEVELOPMENT?
WHO IS A FRONT END DEVELOPER?
JOBS & SALARY TRENDS
TOP 10 FRONT END DEVELOPER SKILLS: TECHNICAL
FRONT END DEVELOPER SKILLS: NON-TECHNICAL
www.edureka.co

3. www.edureka.co

4. www.edureka.co

5. www.edureka.co

6. www.edureka.co

7. FRONT END DEVELOPER SKILLS:
TECHNICAL
www.edureka.co

8. HTML/CSS
HyperText Markup Language (HTML) is the standard markup language
used for creating web pages. It is the most basic building block required
for developing websites.CSS (Cascading Style Sheets) is the language
used for presenting the document you create with HTML.
www.edureka.co

9. JAVASCRIPT/
JQUERY
If you are trying to implement interactive features in your website such
as audio and video, games, scrolling abilities, page animations, JS is
the tool you need.
www.edureka.co

10. FRAMEWORKS
CSS and JavaScript frameworks are collections of CSS or JS files
that perform different tasks by providing common functionality. Instead
of starting with an empty text document, you start with a code file that
has lots of JavaScript present already in it.
www.edureka.co

11. RESPONSIVE
DESIGN
We use different gadgets like computers, phones, and tablets to look at
web pages. The web pages adjust themselves to the device you’re using
without any extra effort from your end. This is due to the responsive
design.
www.edureka.co

12. VERSION
CONTROL/GIT
Version control is the process of tracking and controlling changes to
your source code so that you don’t have to start from the beginning if
anything goes wrong.
www.edureka.co

13. TESTING/
DEBUGGING
Testing is an important part of any project to keep the bugs away. Thus,
a front end developer must possess the skill and ability to test and
debug codes. There are different testing methods for web development.
www.edureka.co

14. BROWSER
DEVELOPER
TOOLS
The modern web browsers come equipped with developer tools for
testing and debugging. These tools allow you to test the web pages in
the browser itself and finds out how the page is interpreting the code.
www.edureka.co

15. WEB PERFORMANCE
Web performance defines the amount of time it takes for your site to
load. If you’re having problems with performance time there are steps
you can take to improve them.
www.edureka.co

16. CSS
PREPROCESSING
CSS Preprocessor is an advanced version of CSS. This is used to
enhance the primary class of CSS to create better versions of websites.
www.edureka.co

17. COMMAND LINE
GUI is an important part of web development and coding as well. But an all-
purpose GUI is going to have its limitations for some specific applications.
Sometimes, you may need to open a terminal on your computer where you
can enter typed commands or command lines to get what you need.
www.edureka.co

18. FRONT END DEVELOPER SKILLS:
NON-TECHNICAL
www.edureka.co

19. NON-TECHNICAL
SKILLS
Communication Skills
Problem Solving Skills
Team Work
www.edureka.co

20. Copyright © 2017, edureka and/or its affiliates. All rights reserved.
www.edureka.co

21. www.edureka.co