基础三驾马车：

首先三架马车要跑起来html css js要学好，但是初期学习的时候不建议花太多时间去背标签，用到再查就好，查询可以通过MDN


推荐一个初期入门网站表严肃，缺点就是这个网站的东西有点老，在这个上面把js看完就好，不过老实讲js是核心，表严肃讲的不够，可以再看看b站上的其他js的视频, 学习的时候记得把表严肃上面的极简博客和电商网站敲出来哦!

框架学习：

然后前端就基本算是入门了，可以接触一些框架了，bootstrap, css开发框架，里头有挺多好看的按钮啦，导航栏啦之类的东西，可以不用写那么多的样式就呈现挺好看的界面。

然后就可以接触js的库和框架了，jQuery可以极大的简化js编程，而且里面还封装有ajax等实用工具,vue这个以构建数据驱动的web界面框架是尤雨溪捣鼓出来的，它的文档对国人相当友好，vue可以提供数据绑定，避免直接操作dom等功能，当前推荐使用Vue,而暂时不学jQuery,至于其他的与vue更加相似的react,angula也可以暂时跳过。

vue的学习可以通过b站来进行学习，这里推荐一个老师叶建华，这个老师讲课的逻辑性不错，整体感觉挺好。

现在感觉大公司里技术栈用react的多，但国内还是vue使用的多，看自己权衡吧，不过迟早都要学，也没得啥子影响。


零散学习：

学那些一块一块的东西的时候，可以参杂着学一些零零散散的东西，例如:

  1. 动画库annimate.css
  2. 填坑的normalize.css
  3. 好玩的抖动库csshake
  4. 包管理工具npm以及速度更快的淘宝镜像cnpm,还有为npm填坑的yarn
  5. 经常被处理的数据类型json
  6. 能使网站异步更新的ajax
  7. 百度家的很强大的数据展示框架echarts,echarts官网,可以通过这个视频跟着学一下，里头一堆神奇的操作。

  8. git及github操作，github作为全球最大同性交友网站，不得不说内容极好极多。又要去神奇的b站啦！学会Git玩转Github
  9. 闲着没事搭个博客啥的还是极好的对吧。 solo一款小而美的博客系统
  10. 提及博客就不得不说markdown语法了,这个是真的方便，排版真的快乐。

用js写后台,nodeJs:

这是个用js写后台代码的js运行环境，据说基于v8引擎，站在巨人的肩膀上，挺厉害的，node.js中文网可以了解一下,依旧是b站，神奇的b站，依旧是叶建华=>视频地址,老实讲这又是一个挺大的工程

前端进阶(虽然笔者也是个弱鸡):

css进阶：

  1. 推荐张鑫然的《css世界》，这有个总结版的，老实讲比不得实体书，前端基础篇之CSS世界，可以参照看看再决定买不买实体书，这本书讲的基本没得css3，据说作者快有一本《css新世界》要出来了，讲的是css3的新特性。

js进阶：

  1. ES6当然要着重学习啦,推荐阮一峰的(ECMAScript6 入门)[http://es6.ruanyifeng.com/#README]
  2. lodash源码阅读，lodash是个js实用程序库,这里推荐对角大佬的lodash源码阅读啦
  3. underscore 源码阅读，underscore 跟 lodash 差不多，可以多了解点 函数式编程思想啦，underscore 源码阅读
  4. wtfjs,里头有一堆神奇的操作，可以通过它比较深入了解到ECMA规范。wtfjs
    5.《你不知道的javaScript》上中下都很赞哦！
    ps:所有的链接都是指向对应文字指向的网站的哦！一起努力吧！

** 以下是一些大佬分享的学习博文



写在后面，大家一起加油丫，前端路漫漫，大家一起冲冲冲！