2020前端分阶段学习路线和方法

前端分阶段学习路线和方法

• 第一个阶段（看看能不能学走）

• 开发环境搭建

  • 开发工具
    • vscode
    • webstorm
    • hbuilder
  • 基础的计算机命令

• html

  • 常用标签（不同刻意去背）
  • 表单
  • 语义化
  • 多媒体
    • audio
    • video
  • 一些常用的api
    • 文件读取
    • 网络状态
    • 本地缓存
    • 拖放
    • 定位
  • Dom（重点）
  • 自定义属性

• css

  • 基础语法
  • 几种样式定义的区别和优先顺序
    • 行内
    • 行外
    • 外部样式
  • css层叠规则
  • 盒模型
  • 常见的布局方式
  • 响应式布局
    • 媒体查询
    • bootstrap
  • 动画和过渡效果

• JavaScript（重中之重）

  • 基础语法

  • 常用的数据结构（必须先学）

    • 数组
    • 集合
    • 堆栈
    • 队列
    • 链表
    • 哈希
    • 树
    • 此处算法和数据结构在一起

  • JavaScript的执行机制（了解一下）

  • 面向对象（重点，多语言通用知识点）

  • 原型链

  • 实现继承的几个方式

  • 几个重点

    • 类型转换
    • 作用域
    • 闭包
    • 深浅拷贝

  • 正则表达式

  • 操作Dom和canvas绘制

  • 常见的工具库的使用（可以参考一下我上一期发的推荐视屏）

    • jquery（2020要学，花不了多少时间，了解一下链式编程和操作dom）
    • loadsh

• 网络相关基础（重要）

  • 常见的通信
    • HTTP/HTTPS
    • IP/UDP
      • websocket
        • 学习资料
  • 常见的响应方式和状态码
    • Json
    • xml
    • 1xx 2xx 3xx
  • ajax通信（重要）
  • restful风格接口
    • 学习资料
  • rpc风格
  • GraphQL拓展
  • 使用postman调试接口
  • mock数据（重要）
    • 学习资料

• 最好还是学一点设计和切图

• 浏览器相关知识

  • 兼容性
  • SEO
    • 学习资料
  • 控制台调试debug
    • 学习资料
    • 学习资料

• 学习资料

  • 基础入门
    • 前面没有注明学习资料的地方说明都在这面
    • 黑马36期
    • 鱼c小甲鱼
    • 尚硅谷
  • 推荐书籍
    • 犀牛书
    • 红宝书
    • 新人看书很不容易看下来，可以后面再看
    • 电子书合集
    • 开源的电子书合集
    • 免费的电子书合集