HTML 5 课程大纲.docxVIP

课程目标课程内容1、HTML基础，CSS基础(1) HTML语法(2) HTML常用标签(3) CSS语法(4) CSS样式表(5) CSS常用选择符及其权重2、CSS核心属性，及盒模型(1) 文本属性(2) 浮动布局的应用(3) padding的使用方法(4) border的使用方法(5) margin的使用方法3、页面练习及容器溢出文本溢出(1) 容器溢出(2) 文本溢出4、元素类型(1) HTML中的元素类型(2) 元素类型的转换5、浏览器的兼容(1) IE6及以下版本常见CSS Bug、CSS Hack(2) Filter的使用6、定位锚点透明(1) 定位属性定位的应用场合7、图片整合(1) CSS Sprites的原理(2) 滑动门(3) 图片整合完整案例8、宽高自适应(1) 宽度自适应(2) 高度自适应(3) 最小高度自适应(4) 高度塌陷9、表格表单高级(1) 表格的CSS属性(2) 表单标签（文本字段集，字段级标题…）(3) 表格行分组、列分组10、css统筹(1) 网站自身优化方式(2) CSS文档统筹(3) 整站案例课程目标课程内容1、基础核心原理(1) 二进制及位运算?(2) OOA和OOP?(3) 封装、继承、多态?(4) 事件流及事件委托?(5) 原型链和继承?(6) 构造函数?(7) 执行上下文?(8) 变量对象?(9) 活动对象?(10) 作用域链?(11) 闭包?(12) This关键字及严格模式?(13) 正则表达式?(14) Cookie及安全技术?(15) JS兼容性问题?(16) AJAX同源策略和跨域?(17) 缓存及文档碎片?(18) 函数的懒加载?(19) JSON和XML2、算法及逻辑思维训练(1) 逻辑面试题训练?(2) 常用数学知识?(3) 递归深入?4) 排序算法?(5) 哈希表及Map结构3、数据结构及内存管理(1) 堆、栈、队列、链表结构?(2) 指针原理?(3) 作用域内存原理?(4) 常量池4、服务器及HTTP协议(1) 服务器原理及环境搭建?(2) 通信协议及HTTP详解?(3) 文件异步提交5、异步编程及websocket通信(1) 多线程及操作系统原理?(2) Promise对象?(3) Socket通信?(4) IO操作?(5) 字符集处理问题6、函数库及框架编写(1) 缓冲运动及弹性运动?(2) 运动框架封装?(3) 链式调用?(4) AJAX封装7、Javascript实战(1) 自适应瀑布流?(2) 淘宝首页轮播图?(3) 淘宝分类菜单?(4) 淘宝放大镜?(5) 微博弹出可拖拽窗口?(6) 仿苹果菜单?(7) 微信聊天界面?(8) 模拟windows可拉伸窗口?(9) 模拟烟花爆炸效果?(10) 照片墙?(11) 土豆悬浮菜单?(12) 微信打飞机游戏课程目标课程内容1、jQuery实战及原理分析2、CSS框架Sass3、前端布局框架bootstrap4、模块化及协同开发(1) Git/SVN?(2) 前端工程化5、设计模式及规范单例、工厂、代理、观察者、适配器、桥接、外观6、PC端全站制作课程目标课程内容1、html5+css3精讲(1)HTML5与HTML4的区别, 表单域增强元素?(2) CSS3选择器,文字与字体相关样式?(3) CSS3中的变形处理?(4) css3中的过度动画和关键帧动画?(5) 弹性盒与媒体查询?(6) 本地存储，本地缓存?(7) 使用Canvas?(8) 媒体播放器开发、workers2、移动端页面布局深入剖析(1) 为大屏而设计?(2) 移动端切图?(3) 文字流式/布局弹性/图片等比例/特殊设计的100%布局?(4) viewport/meta?(5) Rem/vw的使用?(6) iconfont?(7) flexbox详解?(8) 移动web特别样式处理（reset，1px border, 高清图片）3、移动端常用框架使用(1) css framework?(2) 交互框架：Zepto/iScroll5/swiper?(3) 轻量级MVVM框架：Vue4、前端工程化(1) gulp/grunt?(2) webpack?(3) gulp+webpack实现前端工程化5、企业级WebAPP开发实战(1) WebApp项目实战?(2) 微信场景开发?(3) Angular框架?(4) ionic 框架?(5) Angular+ionic项目实战6、企业级Hybrid开发实践(1) phonegap(2) 微信接口开发课程目标课程内容1、ReactJS(1) React简介?(2) JSX?(3) 组件的生命周期?(4) 数据流?(5) 事件处理?(6) 组件的复合?(7) mixin?(8) DOM操作与表单?(9)