html5前端知识点概述及学习方向

html5前端的知识点及学习方向
作者：叩丁狼教育(云姐)
链接：https://www.zhihu.com/question/52055152/answer/695000093
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

第一阶段 HTML5+CSS3网站
开发主要内容：
1、PhotoShop 熟练掌握PhotoShop，能够独立完成尺寸测量、切图、图层操作、Cutterman切图神器等
2、HTML5 掌握客户端和服务端交互原理、浏览器内核、语法及使用、常用标签、语义化、表单元素、HTML5 新标签、编码规范。
3、CSS3 掌握CSS常用属性、各种选择器、继承和优先级、数值与单位、文字文本样式、CSS盒子模型、CSS背景技巧（圆角、阴影、过渡等）、定位和浮动、伪类和伪元素、、CSS高级技巧（精灵图、滑动门、CSS三角等）、布局样式、CSS兼容性问题、Google浏览器开发者工具调试技巧。

第二阶段 JavaScript网页编程
主要内容：
1、编程预科
2、JavaScript基础 掌握JS基本语法、数据类型、操作符、分支语句、循环语句、操作符、函数、数组、内置对象、事件、DOM操作、JS企业编码规范、断点调试等
3、Web APIs和网页特效 熟悉BOM 编程、DOM高级编程、高级事件处理、浏览器兼容性、定时器、常用函数库、高阶函数封装思想、立体轮播图、动画特效、导航菜单、瀑布流、3D旋转木马、飞机大战等各种网页特效等

第三阶段 动画设计和响应式网站
主要内容：
1、JavaScrip高级 掌握面向对象思想、Object深入剖析、this深入分析、Function剖析、with和eval函数、JSON应用、闭包原理和应用、继承思想和应用、原型和原型链剖析、作用域和作用域链深入分析、正则表达式、高级函数进阶、设计模式和模块化思想、多种JS调试技巧、ES6等。
2、jQuery框架 掌握jQuery选择器、jQuery事件处理、jQuery文档处理、jQuery常用方法、jQuery动画效果、jQuery企业案例、jQuery插件、jQuery源码分析等。
3、响应式网站开发项目 熟悉BootStrap框架，项目代码规范、栅格系统布局、响应式布局、字体图标、情景组件、移动端兼容、导航栏布局、吸顶效果、响应式轮播图、媒体查询、模态框、Swiper插件等。
4、动画特效网站项目 熟悉Less语言、Zepot库、FlexBox布局、Gulp自动化构建、MouseWhee插件、3D效果、CSS3动画特效、Animate动画库、WOW特效库、ScrollReveal库等。

第四阶段 H5全栈开发和AJAX交互
主要内容：
1、Web服务端开发 熟悉网络基础、服务器和动态网页、HTTP协议、GET和POST请求、请求和响应原理
2、AJAX编程 熟悉同步和异步请求、原生AJAX、jQuery-ajax、JSON等知识点
3、面向接口开发 熟悉前后端分离架构设计、RESTful API 设计、Mock.js、Postman工具、天气查询案例等。
4、Node.js 熟悉REPL 运行环境、Node调试、NPM 常用命令、模块加载机制、模块和包、全局对象、作用域和回调函数、异步和同步机制、事件驱动、文件模块、网络模块、路由模块、RequireJS、Express框架、Koa框架、Egg框架、数据库操作等。
5、MongoDB 熟悉MySQL、NoSQL、BSON、MongoDB安装和常用命令、MongoDB基本操作、Node操作MongoDB、MongoDB高级命令等
6、Git/GitHub

第五阶段 移动Web和Vue电商
了解使用原生CSS和JS完成M站项目；掌握移动端适配和兼容问题；熟悉JS抽取和封装思想；掌握Vue框架技术栈技术（指令、组件、路由等）；熟练使用 Vue技术栈完成项目开发；熟练使用源代码管理工具；熟悉掌握应对业务编程的能力；熟练使用webpack工具；掌握Web项目的部署与发布；培养分析问题，独立解决问题能力；必须掌握代码调试技能；

第六阶段 React和移动App
掌握React框架技术栈技术（指令、组件、路由等）；熟练使用 React技术栈完成项目开发；了解混合式App开发框架快速开发移动App；掌握移动端适配和兼容问题；掌握React Native技术栈技术；熟练使用React Native技术栈开发原生App；掌握应对业务编程的能力；熟悉整个项目的分解和开发流程；

第七阶段 微信小程序和大数据可视化
掌握小程序的技术栈；熟练并独立开发小程序项目；掌握小程序的部署与发布；掌握应对业务编程的能力；培养逻辑层和业务层分离架构思想；培养组件高度封装能力；培养分析问题，独立解决问题能力；了解Canvas绘图功能；了解使用HTML5开发网页游戏；了解第三方 AI平台的使用。