WuShaolin

悟已往之不谏,知来者之可追!

0%

初级前端打怪升级之路

如何自学前端,以及应该学习的顺序……自己想了下,总结一下

仅代表初级前端能找到一份养家糊口的工作,至少需要一年多的理解,如果有过其他编程基础,可能需要8个月吧。

零基础的学习计划

  1. 安装vscode 先学 html 5,用MDN文档去学,废弃的属性不需要去看,大跨步的前进,xhtml的那些东西不需要去学了,记住MDN文档里面写的那些新属性,这些是以后面试时经常问的问题。学习是着重注意html 5语义化的含义,体会下。
  2. 接着学习 CSS 3,对于新的属性格外注意,各种特殊情况包括各种居中怎们做,花点时间,记住吧,这个css要多敲代码,看的再多也没用。css是区分优秀前端和其他兼职前端的分界线。
  3. 此时模仿你喜欢的网站做点静态页面。
  4. 继续学习ES 5,这是javascript基础知识,此时进入前端的瓶颈了,多花点时间理解吧,例如函数、闭包、this、作用域、原型链重点理解。

img

精进的计划

  1. 学点MVC思想与面向对象的基础知识,方便后面的jq的理解。
  2. 学习ajax,引出跨域的概念,以及破解跨域的另一个解决方案JSONP,学习主流的数据交换格式JSON。
  3. 进军jquery与bootstrap。jq是第一个你需要接触的框架,减少很多代码量,提升自信心。bootstrap的思想值得细细品味。
  4. 此时有了前端基础和框架,做一个一个完整的项目吧。学会前端工程化的目录结构。

img


以上算是前端的小小入门。接下来是升华阶段。

升华阶段

  1. 补充http的知识,cookie、session、localstorage、sessionstorage。学习缓存机制以及持久化化存储。
  2. 学习从MVC到MVVM的转换,目前主流的都是MVVM。学习axios库替换jq去操作ajax。
  3. 学习ES 6,这是现在主流框架以及工作要用到的js规范。
  4. 学习前端自动打包器-webpack不用学其他的了,其他的都淘汰了!!!!
  5. 安装webstorm,学习Vue,以及它的全家桶系列。不要学angular,初学者千万不要学它,也不用先学typescript。
  6. 做一个基于Vue全家桶的项目。

img

以上是现代化前端必备的知识体系!!!


注:锦上添花的是学会react以及小程序开发~,这一步不是必备的

未来一年努力夯实基础知识,争取早日到达中级前端!!!!!!!!!