Basics of Learning Front-end Web Development

HTML/CSS - HTML is the most basic building block you'll need for developing websites and CSS is the language used to style the document you create with HtML.
Javascript - Where HTML and CSS determine the content & 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 then converts that code to CSS.
Version control / GIT - Version control software lets you track changes so you can 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 webpages to adjust themselves to the device you're using without you doing anything on your end.
Browser Developer Tools - Browser developer tools generally consist of an inspector (so you can see HTML and CSS of a site) and a JavaScript console.
Building & Automation Tools / 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 typed commands in the command line.

Skills for Front-end Web developers