10 Essential Skills Every Front End Developer Needs

HTML / CSS

HTML is the most basic building block you'll need for developing website and CSS is the language used to style the document you create with HTML.

JAVASCRIPT

Where HTML and CSS determine the content and presentation of a page, Js determines the function.

CSS & JAVASCRIPT FRAMEWORKS

CSS and JavaScript frameworks are collections of files that do a bunch of the work for you by providing common functionality.

CSS PREPROCESSING

CSS preprocessing lets you write code in the preprocessor's language and them converts that code to CSS.

VERSION CONTROL / GIT

Version control software lets your track changes so you go back to a previous version of your work and find out what went wrong without tearing the whole thing down.

RESPONSIVE DESIGN

Responsive design allows web pages to adjust themselves to the device you're using without you doing anything on your end.

TESTING / DEBUGGING

Bugs are a reality of the development process, so in order to keep things moving, you'll need to test your code for bugs along the way.

BROWSER DEVELOPER TOOLS

Browser developer tools generally consist of an inspector (so you can see the CSS and HTML of a site) and a JavaScript console.

BUILDING & AUTOMATION TOOL / WEB PERFORMANCE

Programs like Grunt and Gulp can be used to automate image optimization, CSS and Js minifying and other web performance chores to make your sites faster.

COMMAND LINE

There will be times you'll need to open a terminal on your computer and type commands on the command line.

CONFLICT RESOLUTION SKILLS

By learning conflict-resolution skills, you can keep your personal and professional relationships strong and productive.

INFLUENCING AND PERSUASION SKILLS

These skills are a great power! Why? Because people believe what you say and you can make them follow or you can influence people in the most beneficial way for you.