Web前端核心技术培训班

模块

课程内容

项目贯穿

实训目标

HTML基础

HTML5语法概述、文本系列标签、图像和路径、链接和锚点、表格和数据、有序列表无序列表、表单和输入项、frame和iframe、HTML5新标签的浏览器兼容性问题

“学子商城”客户端请求

熟练掌握各种HTML5标签，能够快速完成各种页面元素的编写

HTTP&AJAX

HTTP协议详解、三次握手/四次挥手、异步和同步、AJAX原理、原生AJAX实现、GET/POST/PUT/DELETE请求、JSON和XML的定义和使用、RESTful API规范、WEB调试技巧、HTTP性能优化

深入理解AJAX的基本通信原理，掌握基于JSON的数据规则，透彻理解HTTP协议，能够熟练使用AJAX实现与服务器的异步通信，实现服务器端的通信分析，并完成页面的局部提交和刷新

阶段项目

“学子商城”数据API的异步请求：项目搭建、项目资源管理、静态页面编写、服务器端数据获取、异步数据处理

“学子商城”用户模块

结合服务器端和AJAX知识，实现网站与服务器的交互功能，*括登录、注册、个人中心、用户信息维护等功能，深入理解Web程序的结构和运行原理以及项目的开发流程

CSS基础

C SS3基础语法、各种选择器（通用选择器、元素选择器、id和class选择器、后代选择器、伪类选择器等）、框模型与背景、文本格式化、表格、显示与定位、CSS样式的浏览器兼容性问题、CSS Reset、Normalize.css的使用

“学子商城”用户模块的静态页面完善

熟练掌握各种常用CSS选择器以及CSS样式的定义和使用，完成各种页面样式的定义和编写，进行页面美化

CSS3高级

复杂选择器、2D/3D转换（*括移动、旋转、倾斜和缩放和视点）、Transition过渡动画、Keyframes关键帧动画、弹性布局、CSS Hack和优化、CSS3新特性的浏览器兼容性、Animate.css动画库的使用

熟练掌握各种CSS动画特效等高级应用，实现页面的弹性布局，实现复杂页面效果的制作，理解CSS Hack和CSS优化，能够手动完成各种页面样式的定义和编写，并*浏览器兼容性

响应式&Bootstrap

媒体查询技术、CSS的@media规则、手动编写以及测试响应式网页、Bootstrap基础及其基础模板、全局CSS样式（*括布局、按钮、图片等）、栅格布局系统、组件（*括导航菜单、列表、警告框等）、JS插件（*括模态框、工具提示等）、Sass/Less预处理样式的使用，定制Bootstrap

“学子商城”之商品模块(响应式版本)

理解响应式布局的原理，熟练使用CSS3 Media Query技巧，掌握Bootstrap框架的核心样式架构思想，能够熟练应用Bootstrap的全局样式、组件以及JS插件来实现响应式布局的开发、测试以及功能交互，并能够使用Sass/SCSS语言实现动态样式的编写以及定制

阶段项目

“学子商城”响应式版本实现：响应式首页、商品列表页、商品详情页、用户相关功能页

熟练掌握媒体查询的使用，使用栅格布局系统实现响应式页面布局、使用Sass/SCSS动态样式语言实现Bootstrap默认样式的定制