基础内容

• HTML
• CSS
• JavaScript

进阶内容

• Ajax
• DOM
• Http（协议与安全）
• SVG
• SPA（单页 Web 应用）
• Canvas

JavaScript 进阶内容

• 常见的 JS 类库
  • jQuery（★★★必须熟练）
  • 其他类库
    • MooTools / Prototype / D3 数据可视化 / ★ Echarts 商业级数据图表 / ExtJS
• 常见的 JS 框架
  • Bootstrap（★）
  • Vue（★）
    • Vue 技术栈
      • VueX / VueRouter / VueResoucre / Vue-Cli / Mpvue / Axios / eslint 等
      • webpack → Vue + Element UI
  • 其他框架（Angular / React）

浏览器

• 浏览器的工作原理
• 浏览器的兼容性
• 跨浏览器开发（移动平台 Android & iOS 的浏览器特性）
• 利用 jQuery Mobile 构建移动端的 WebApp
• 调试工具（Web 前端的性能优化）

其他

• Web 图像 → 动态效果

• Web 动画 → 实现原理 / 常用特效 / 动画插件

  • 页面架构、盒模型、DIV + CSS 布局
  • Flex 布局 / 响应式布局 → 屏幕自适应 / 流式布局
  • CSS3 动画
• 轻应用
  • 微信小程序 / 支付宝小程序 / 钉钉微应用
  • Mpvue / Wepy 等框架的开发

• RESTful 架构

• 编程
  • 模块化编程思想 / 面向对象编程 / MVC 模式
  • 编程风格 → 事件驱动 / 数据驱动
  • 前端编程规范 → git flow。
  • Web标准 → HTML5 / CSS3 / ECMAScript 6 / W3C
• 后台
  • 数据库 → 交互 / 解析 → API 调用
    • MySQL 数据库 / nosql (MongoDB) → 索引优化 / 数据库架构设计
  • 语言
    • ★ Node.js → express / koa
    • Python / PHP / .NET
• 全球化 / 本地化的敏捷开发流程

其他工具

• 常用平面工具
  • PS
  • AI
• 项目代码管理工具
  • Git
  • SVN
• 前端构建工具
  • webpack
  • parcel（★★★）
  • gulp（基于 Node.js 的插件工具）