移动互联网的兴起，让互联网又进入了一个新的风口，但是传统的App已经不能适应现代移动互联网的发展，所以HTML5和CSS3就成为了主流技术，本阶段主要讲解前端工程师更别的前端技术，内容包含了：HTML5的新增标签、HTML地图定位、离线缓存技术、本地存储技术、Socket通信技术、并发操作大技术、CSS3的各种运动框架技术、LESS和SASS可编程CSS技术、RequireJS和SeaJs导入技术、ChartJS和D3JS图像技术、Grunt和GulpJS项目管理技术、以及常见的响应式框架BootStrap框架等技术。并详细讲解了开发和流式布局、自适应式布局、响应式布局的网页布局技术。

　　课程

　　学习内容

　　学习目标

　　实战项目

　　HTML5基础应用

　　HTML5介绍

　　HTML的应用场景是什么

　　HTML5浏览器的支持

　　HTML5新增标签元素

　　HTML5拖放效果制作

　　HTMl5视频播放设计

　　HTML5音频播放设计

　　HTML5新增表单元素和新增表单属性

　　HTML5语义化标签

　　熟练掌握HTML5中特有标签的使用方法，尤其是表单标签，视频标签等常用标签操作。

　　使用HTML5设计基本的HTML5前端

　　HTML5的应用

　　HTML5地理位置的应用，

　　HTML5 WEB本地存储 和WEBSql数据库操作

　　HTML5应用程序离线缓存

　　HTML5多线程操作

　　HTML5 Socket通信设计

　　HTML5 Server-Sent 事件原理和长走

　　HTML5 Cavans动画和绘图操作。

　　熟练掌握HTML5中的技术特性，有利于后期对于前端优化。

　　1、使用HTML5实现具有地图定位、数据本地存储、Socket通信的网页聊天室。

　　2、使用Cavans标签制作网络小游戏-坦克大战。

　　CSS3应用

　　CSS3是什么，及其流行的原因

　　CSS3中特殊选择器的使用。

　　CSS3特殊单位和颜色特性介绍

　　CSS3边框的设计

　　CSS3背景设计

　　CSS3渐变效果操作

　　CSS3文本操作制作

　　CSS3字体属性设计

　　CSS3 2D效果转换和3D效果转换

　　CSS3过渡效果制作

　　CSS3动画内容制作

　　CSS3多列设计和用户界面属性设计

　　CSS3响应式布局设计和特殊布局的操作

　　CSS3ViewPort和网格视图

　　CSS3媒体查询和图片特殊制作

　　CSS3常见框架使用

　　熟练掌握CSS3的各种属性，尽量使用CSS3设计网页前端。

　　1、制作CSS动画效果

　　2、制作圆角框

　　3、使用CSS制作PSD图片的响应式布局

　　SASS

　　SASS是什么

　　SASS的主要用途和特色是什么

　　SASS安装和配置

　　SASS的基本语法

　　SASS三种使用方式

　　SASS CSS扩展运算意义

　　SASS脚本设计：变量，数据类型，运算，

　　SASS控制结构

　　SASS函数和导入功能等

　　SASixin使用

　　SASS客户端函数的定义

　　SASS缓存原理

　　熟练掌握SASS的设计原理和基本语法

　　使用SASS编写简单的可编程CSS小框架

　　LESS

　　LESS简介

　　LESS使用方法

　　LESS函数使用

　　LESS字符串函数

　　LESS数学函数

　　LESS列表函数

　　LESS类型函数

　　LESS样色定义，通道，操作和混合函数使用

　　了解LESS的设计原理和基本用法

　　使用LESS编写简单的CSS可扩展的CSS语言框架

　　SeaJS 或者 RequireJS

　　模块加载框架是什么

　　模块加载框架的种类和各自特性有那些

　　SeaJS的优点

　　SeaJS原理

　　SeaJS别名配置

　　SeaJS路径配置

　　SeaJS模块路径映射配置

　　SeaJS预加载处理配置

　　SeaJS调试模式配置

　　SeaJS CharSet属性使用

　　SeaJS如何加载一个或多个文件

　　SeaJS模块标识设计原理

　　熟练掌握SeaJS或者RequireJS的原理和使用技巧。

　　将以往项目全部JS的包含全部改成使用JS模块加载框架的方式引入。

　　ChartJS

　　第三方JS效果函数库的使用方法

　　ChartJS用途

　　ChartJS的引用方式和配置

　　ChartJS曲线图制作

　　ChartJS柱状图制作

　　ChartJS雷达或蛛网图制作

　　ChartJS极地区域图

　　ChartJS饼状图制作

　　ChartJS环形图制作

　　熟练掌握WEB站点和SASS软件中各种动态统计图的制作方式

　　1、制作“天访问人数”曲线统计图

　　2、制作“每年终月度业绩”柱状图

　　3、制作“不同渠道创造业绩份额”饼状统计图

　　4、制作“不同学历占比”环形统计图

　　D3JS

　　D3JS简介和安装

　　D3JS如何使用数据和选择元素

　　D3JS如何选择，插入，删除元素

　　D3JS使用Scale（比例）

　　D3JS添加坐标轴和标签的图表

　　D3JS制作图表、图表动画效果

　　D3JS中Update, Enter, Exit 的使用

　　D3JS对话操作（事件）

　　D3JS可视化图形（ Layout ）

　　D3JS饼状图、力学图、弦图、集群图、树状图、打包图的制作

　　D3JS地图的制作

　　D3JS如何简化 GeoJS0N 文件

　　D3JS制作可拖动的地图

　　GeoJS0N 和 TopoJS0N 数据类型的区别

　　了解D3JS制作图表的原理和方法

　　1、制作三种不同类型的图表统计图

　　2、制作一个可拖动的地图

　　Grunt gulpjs

　　Grunt是什么

　　Grunt配置和安装

　　Grunt任务创建

　　Grunt插件创建

　　Grunt命令行工具的使用方法

　　Grunt.Config、Grunt.event、Grunt.Fail、Grunt.file、Grunt.log

　　Grunt.option、Grunt.task、Grunt.template、Grunt。untilApi接口使用.

　　熟练掌握Grunt的常见操作和第三方插件的使用。

　　1、搭建一个Grunt项目。

　　BootStrap

　　前端框架是什么

　　前端框架的优点是什么

　　常见的前端框架有哪些特点是什么

　　BootStrap简介

　　BootStrap环境搭建

　　BootStrapCSS中，网格系统，排版，代码规范，表格，表单，按钮，图片等操作原理

　　BootStrap布局组件中字体图标，下拉菜单，按钮组，输入框组，导航栏，面包屑导航，分页，标签，缩略图，警告，进度条，列表组，面板等

　　BootStrap过渡效果，模态框，折叠，轮播等插件使用

　　BootStrap布局和编写前注意事项。

　　熟练掌握BootStrap的常果和常用操作方法，布局原理。

　　使用BootStrap制作一套后台管理界面

　　使用BootStrap制作一套前台前端用户访问界面。

　　响应式布局与微

　　网页布局是什么

　　网页布局中静态布局，自适应布局，流式布局，响应式布局的优缺点。

　　静态页面布局的原理和实战案例

　　自适应布局原理和实战案例

　　流式布局原理和实战案例

　　响应式布局原理和实战案例

　　熟练掌握流式布局和响应式布局的制作技巧

　　使用BootStrap制作一套响应式布局前端页面

　　实战项目

　　电子商务PC站，站

以上就是H3C培训课程的全部内容介绍，如需了解更多的H3C培训班、课程、价格、试听等信息，也可以点击进入 H3C 相关频道，定制专属课程，开始您的学习之旅。