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小甲鱼
      • 尚硅谷
    • 推荐书籍
      • 犀牛书
      • 红宝书
      • 新人看书很不容易看下来,可以后面再看
      • 电子书合集
      • 开源的电子书合集
      • 免费的电子书合集

你可能感兴趣的:(前端)