程序员也有鄙视链，后端开发程序员普遍看不上前端，原因是前端入门真的太简单了。就html、css、简单的JavaScript，认真学一天也能做个简单的网页来。
但是想要做好却并不简单，前端的学习路线有点陡峭，到后期要对各种细节问题进行探究、优化，所以如果想要做好，那也不简单，关键还在于得多下功夫。
学习路线：
1、HTML、CSS、JavaScript语法基础。学完基础后，可以仿照电商网站（例如京东、小米）做首页的布局。
2、JavaScript语法进阶。作用域和闭包、this和对象原型等。前端的有很大一部分都在JavaScript与DOM上面了。JS目前来说在开发岗位算是最“万能”的语言，前后端通吃。偶曾经有个项目中就是用JS技术栈开发一个完整的系统，整个项目不管是运行在服务器端的程序还是运行在PC端的程序，基本上都是JS写的。JS很重要、JS很重要、JS很重要（重要的事情说三遍）。
3、Xpath、Ajax、jQuery等。
4、移动Web开发、Bootstrap等。要注意移动开发中的适配和兼容性问题。
5、前端框架：
Node.js，nodejs不一定得学会，但是npm包管理一定要清楚，因为一些大型的前端项目会有一堆包。
Vue.js和React，这两个框架必须要熟练一个。建议先学Vue.js，上手相对容易。同时掌握 Vue 和 React 才是合格的前端同学。
6、自动化工具：构建工具 Webpack、构建工具 gulp、CSS 预处理器 Sass 等。
7、网络通讯：HTTP协议、跨域通信、安全问题（CSRF、XSS）、浏览器渲染机制、异步和单线程、页面性能优化、防抖动（Debouncing）和节流阀（Throtting）、lazyload、前端错误监控、虚拟DOM等。
8、底层原理：V8、垃圾回收、内存生命周期、线程。
9、图像处理：canvas、WebGL。
10、面向对象设计、架构设计、算法等。
PS：前面5条建议按照顺序学习，这是基础内存，作为一名前端必须掌握的。后面5条可按照需求修改先后顺序。
以上是作为一名纯技术前端来讲的，如果是偏向UI前端，那么比较需要多一点了解业务知识，并且尽可能自己的审美观变得接近大多数人。
附上一个偶用前端实现的表情包，图二（欢迎吐槽偶的审美[偶想静静]）
extjs修改css样式，css 立体库，css文本左右顶头，css表格有叉号标志，css实现汽车动画效果，仿爱奇艺html css，css布局原则