前端学习计划

前端学习计划

作者为:Li,本人仅负责贴出

写在前面

本培训文档重在基础,如有已经掌握的内容可以选择性的跳过,加快学习进度
对于大量记忆性内容,不需要死记硬背,用到时通过速查列表再查就可以

文章目录

  • 前端学习计划
    • 写在前面
    • 工具
    • 基础
      • html 一周
      • css 一周
      • js 两周
    • 框架
      • VUE
    • 组件库
      • iView
      • ElementUi
    • 其他
      • ES5、ES6
      • axios

工具

  • WebStorm (强大的IDE,Web前端开发首选,内置emmet)
  • chrome (市场占有率第一,内置开发者工具)
  • node
  • git
  • 善用baidu与Google(科学上网)

基础

入门三大基础,养成三者分离的习惯,尽可能记忆更多知识细节

html 一周

  • 文档看完两遍,越基础的内容越重要
  • 可跳过的:HTML5
  • 重点:元素标签 表单表格
  • 避免使用样式属性,如bgcolor、background等,推荐标准中已删除这些属性,应该使用层叠样式表(CSS)来定义 HTML 元素的布局和显示属性。
  • 参考教程(虽然网站有很多,内容上的区别不大,选择自己喜欢的站点即可)
    • MDN
    • W3C
    • 菜鸟

css 一周

  • css和css3都很重要,请熟记甚至背诵样式属性名称
  • 可跳过的:动画、媒体查询
  • 重点 :选择器 定位
  • 参考教程
    • 同上
  • 扩展:
    • less
    • sass
    • css-灵感

任务一 1-2天
根据自身能力完成一个静态网页
尽可能还原,同时熟悉之前学过的内容,有关js的内容不需要做
可参考如下站点
1. 简单:http://www.qust.edu.cn/index/ryfl/xs.htm http://xueshu.baidu.com/
2. 普通:http://xiuxiu.web.meitu.com/ https://linecorp.com/zh-hans/
3. 困难:https://www.jetbrains.com/webstorm/

js 两周

  • js是前端的核心,建议多写demo,同其他语言一样,先认识js的数据类型、对象、函数、运算符等
  • 可跳过的:class、原型、闭包、严格模式
  • 重点:全部
  • 参考教程
    • 文档同上
    • 慕课
    • 极客

框架

主流的框架有React Vue Angular
前端框架现状 State of Js 统计

VUE

  • 一套构建用户界面的渐进式框架,性能良好,上手简便,作者尤雨溪
  • 理解mvvm思想,组件的写法
  • 链接 掌握“过渡&动画”之前的内容
  • 重点:事件、计算属性、watch、路由、vuex

组件库

组件库的核心意义在于代码复用,提高了开发效率

iView

  • 链接
  • TalkingData开源

ElementUi

  • 链接
  • 饿了么前端团队开源,基于Vue 2.0开发

其他

ES5、ES6

  • 必备技术、人人都在用
  • 参考教程
    • ECMAScript5.1中文版
    • 《ECMAscript 6 入门》 —— 阮一峰

axios

你可能感兴趣的:(前端学习计划)