web前端从小白到大神各阶段需掌握技能详解

阶段一（HTML&CSS基础）

HTML：html语义化，html常用标签及其语义，html5新特性和新增常用标签

CSS：css语法、选择器，定位、浮动、盒子模型，css3新增选择器及其属性，变形、过滤、动画

Photoshop：基本应用，把psd图转为静态页面

规范：样式和结构分离，制作符合w3c标准的页面，添加注释，规范缩进

阶段二（前端基本功）

javaScript基础：基本语法，算法基础，常用数据结构，编程规范，内置对象常用方法，对象的创建方式和this用法

javaScript API：BOM操作，DOM操作，特效实现、页面布局，事件处理、浏览器兼容处理

JavaScript高级：面向对象思想，对象，json、闭包、原型、作用域链，函数的调用方式及this指向，正则表达式、面向对象理论及实践

jqurey：优势，选择器，动画，链式编程及隐式迭代，插件使用和制作

模块化：概念，演变过程，设计规范，RequireJS

阶段三（移动WEB开发初级）

HTML5&CSS3：多媒体、音频视频播放，DOM扩展、自定义属性、HTML5data，地理定位、文件读取、元素拖拽、多媒体加强，应用缓存、历史管理、web存储，CSS3选择器、新属性、2d转换、3d转换、动画

canvas：绘图命令、非零环绕原则，绘制形状、文字、图片，平移、缩放、旋转变换，ECharts数据报表

Git：命令行、基本使用、对比文件差异、还原、合并，回滚操作、远程仓库操作、GitHub创建远程仓库，github创建远程私有仓库、github和gitlab的区别，生成ssh key并添加到github和gitlab上

阶段四（移动WEB开发高级）

bootstrap：概述，栅格系统，排版、表格、表单、按钮，图片、响应式工具，组件使用

移动web：移动端屏幕介绍、浏览器介绍、操作系统介绍，chrome模拟调试、真机调试、viewport、rem、主流适配方案，手势封装、mvc、常用指令、双向绑定和单项绑定

angularjs：模块、控制器、$watch、自定义指令、jqLite、过滤器，格式化过滤、数据过滤、服务$http、前端路由、http拦截器

css框架：通过bootstrap完成响应式开发，了解常见的移动端UI框架