前端学习路线图~

281 阅读2分钟
  • 第一阶段

    HTML、CSS

    • 标签语义化、行元素、块元素、标签层级关系
    • CSS:基本语法、层级关系、盒模型、优先级

    JavaScript

    • 基本类型、变量、类型转换、判断语句、循环语句、数组、函数等内置对象方法、DOM、BOM、ECMAscript、定时器、事件、JQ、ajax、HTTP协议、动画
  • 第二阶段

    HTML5+CSS3

    • HTML5的新标签、音视频、离线、本地存储、Canvas
    • CSS3:Transition、动画、background系列属性改变、媒体查询、伪元素、3D效果等各种炫酷效果
    • Bootstrap:响应式布局、栅格布局、栅格原理
    • Less、Sass

    JavaScript

    • 正则表达式、异步进阶、Promise、ES6语法、原型、继承、闭包、ajax进阶(ajax缓存、XML)、JSONP、跨域技术、事件进阶(事件兼容性处理、拖拽)、JQ进阶(如果转让JQ$、扩展JQ方法等)、移动端开发、Zepto框架

    JavaScript的常见效果

    • tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图
  • 第三阶段

    JavaScript

    • 设计模式、移动端、模块化开发、Git/Webpack/Gulp工具使用、NPM/Bower依赖管理工具、写出自己的一些常用小框架(转换类数组、事件绑定、事件解除、CSS选择操作、DOM选择操作等)、理解MVVM/MVM/MVC思想、React/Vue/Argular等框架、node介绍、基本操作、常用框架等
  • 第四阶段

    微信开发

    React Native

    • React Native简介、React Native环境配置、创建项目,配置,编译,调试,部署发布、原生模块和UI组件、原生常用API

    移动端开发

    • 移动端内置JS方法

    Node进阶

    • 快速入门
      • Node.js发展、生态圈、Io.js、Linux/Windows/OS X环境配置、REPL环境和控制台程序、异步编程,非阻塞I/O、模块概念,模块管理工具、开发流程,调试,测试
    • 核心模块和对象
      • 全局对象global,process,console,util、事件驱动,事件发射器、加密解密,路径操作,序列化和反序列化、文件流操作、HTTP服务端与客户端、Socket.IO