前端学习路线图

什么是前端

Photoshop

• Photoshop 简介
• 测量及取色
• 切图
• 图片保存

开发及调试工具

• Sublime 编辑器
• Visual Studio Code 编辑器
• 浏览器调试

HTML

• HTML 简介
• HTML 语法
• HTML 标签

CSS

• 语法
• 选择器
• 文本
• 盒模型
• 背景
• 布局
• 变形
• 动画
• 常见布局样例

JavaScript 程序设计

• JavaScript 介绍
• 基础语法
• 类型系统
• 内置对象
• 变量作用域
• 表达式与运算符号
• 语句
• 闭包
• 面向对象
• 正则表达式

DOM 编程

• 文档树（DOM Tree）
• 节点操作
• 属性操作
• 样式操作
• 事件
• BOM
• 数据通信
• 数据存储
• 表单操作
• 列表操作
• 动画
• 多媒体（视频与音频）
• Canvas

页面架构

• CSS Reset
• 布局解决方案
• 响应式布局
• 页面优化
• 规范与模块化

产品前端架构

• 协作流程
• 接口设计
• 版本控制
• 技术选型
• 开发实践

Angular.js

• angular入门

Node.js

• Node.js基础