Scribd
Upload
131 views1 page

Front-End Web Development Roadmap

The document provides guidance for a front-end web development career path. It recommends learning HTML, CSS, and JavaScript fundamentals first, with a focus on JavaScript. Preprocessors like Sass and module loaders like Webpack are introduced. React is suggested over Vue for frameworks, and testing with Mocha is advised. The document concludes by encouraging the reader to build projects and pursue job or freelance opportunities.

Uploaded by

asad ar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
131 views1 page

Front-End Web Development Roadmap

The document provides guidance for a front-end web development career path. It recommends learning HTML, CSS, and JavaScript fundamentals first, with a focus on JavaScript. Preprocessors like Sass and module loaders like Webpack are introduced. React is suggested over Vue for frameworks, and testing with Mocha is advised. The document concludes by encouraging the reader to build projects and pursue job or freelance opportunities.

Uploaded by

asad ar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

A F R O N T - E N D The front-end developer creates client-side

software which handles the interaction and


user experience of visitors to a website or a
web app.
WEB HTML, CSS,  & JS
HTML, CSS, and Javascript are the
C A R E E R basics of the web. Learn them

DEV'S G U I D E
REALLY well before moving on! 
jQuery is thing of the past but
JAVASCRIPT spend a day on it.
HTML
Learn Javascript well. It's the
CSS
foundation for everything you'll
Javascript
be doing in the future. jQuery

ES6 RESPONSIVE WEB DESIGN


Make your page look good on all
devices (desktops, tablets, and
phones).
media queries
responsive typography
PREPROCESSORS responsive images
Sass, Sass, and more Sass.
Forget the rest.
CSS FRAMEWORK
Sass
Semantic UI is the new kid on the
block but go with Bootstrap.  I use
Bulma

Bootstrap
MODULE LOADER Semantic UI
Learn Webpack. You can learn
gulp too but it's optional.  

Webpack

MODULAR JS | PATTERNS
DESIGN

Time to write BIG-BOY javascript.


Very IMPORTANT. People skip
JS FRAMEWORK
this.
Vue is easier but go with React :)
Should be relatively easy if you
understand JS properly.
MVC REACT/REDUX
React
Since you'll be doing React, you'll
Vue.js
need to learn these as well.
Flux

TESTING Redux
Gotta take care of those JS bugs.

Mocha

PROJECTS
By this point, you should have
some solid projects.

YOU DID IT!


Now, go get a kick-ass job or
become an independent web dev
consultant/freelancer.

jab

You might also like