HTML5移动端开发 - html5 - 豆职IT训练营－PHP培训，Web前端培训，设计培训

亲身体验讲师们丰富的实战经验和教学经验！

课程名称	HTML5高级前端开发班
学习周期	4个月
课程描述	HTML、CSS、Div+CSS布局、Javascript脚本、Dreamwaver的使用、Photoshop的使用，HBUILDER的使用。专业网络公司网页调试技巧，掌握高效、快速、协作的项目流程,具备独立动手能力，积累真实项目实际开发经验，由浅入深、全面详解网站建设开发中前端布局的技巧，内容涵盖了基本概念、高级应用、实战经验与技巧等。授课过程中通过现场实操结合课后作业的方式，来帮助学员对Web应用知识的理解和实战技能的提升。主要可以掌握到HTML的历史，语法和深层使用，CSS的语法及如何灵活使用，JAVASCRIPT基础练习及高级应用，并可以自己开发JS插件。了解现在主流移动端的适配方案，制作符合要求的移动端页面，及生动有趣的动画效果。了解canvas画布的高级功能，灵活运用其制作移动端互动游戏，甚至是大型的移动端页面游戏。了解并实践自动化工具的使用，大大提升开发商业项目的速度和质量。掌握国内外的开发APP思想，和相应的成熟产品，利用HTML5技术进行安卓及ios端的APP开发。整个课程可以让你利用当下最新的HTML5技术，活跃于IT各个领域，可以随心所欲制作各类型的产品，你不需要担心经验或技能不足，只要你够创意，你就可以做到。针对不同的行业需求，使用其核心技术开发企业级的综合性网站。学员可分享成功案例的经验与不足，进一步提升自身的实战技能从而成为构建企业级综合性动态网站的精英！掌握国内外开源框架及开源产品的开发思想及设计理念，并对其进行使用及二次开发。主要涉及的产品有：Bootstrap、H5+、MUI框架、AngularJS框架
课程要求	高中以上学历，电脑日常操作熟练，不要求编程经验，零基础开始。只要对电脑有兴趣，想有一份高薪行业，有兴趣来学，不管你以前是学什么的，也不管你以前是做什么的。
培训承诺	PhotoShop切图，Dreamwaver下DIV+CSS独立完成静态网站的全站切图和布局制作适合多个终端的网站 Javascript独立完成并实现网站特效使用自动流工具协助开发手写网页代码，制作符合商业应用的互动应用可以制作安卓或IOS的APP 两年内免费重听包学会
就业方向	WEB前端开发工程师 APP开发工程师交互设计师 HTML5游戏开发工程师高级前端开发工程师
赠送课程	计算机英语职业素养面试技巧商务礼仪
课　　程　　大　　纲
培训主题	培训内容	项目实战
Photoshop 基础	Photoshop 基础像素单位图层概念选区工具切片工具快捷键（快速操作）	了解PS菜单及工具的使用网站的成型常用概念图片格式切图工具的使用技巧
探索HTML5+HTML考试	HTML 简介 HTML 元素 HTML 标签 HTML 属性 HTML 文本格式化 HTML 实体 HTML 链接，相对路径，绝对路径 HTML 图像 HTML 列表 HTML 表格 HTML 背景 HTML 表单 HTML布局	HTML表单 1)单行文本输入框 2)表单提交按钮 3)表单重置按钮 4)复选框 5)单选框 6)下拉框 7)多行文本输入框 8)密码输入框简单的企业网站首页可以用表格布局（涉及一些字体，图像，背景，颜色等的使用）框架页的编写在网页中使用新表单控件使用HTML5新标签对网页进行布局
探索CSS3	CSS－介绍 CSS－选择器 CSS语法 ID选择器、类选择器、派生选择器 CSS字体属性 CSS常用文本属性 CSS背景属性 CSS边框属性 CSS边距属性 CSS间隙属性 CSS盒子模式 CSS列表样式属性 CSS伪类 CSS3 - transform变换属性 CSS3 - transition过渡动画 CSS3－animation自定义动画 CSS3-animate.css使用 CSS3-常用单位一览 CSS -布局	CSS 基础语法规则的使用使用css选择器控制页面每一个元素的样式元素的变形属性（元素放大，缩小，旋转，拉伸等）元素的样式过渡(颜色的渐变等) 自定义动画(css3弹球效果) 2D/3D 转换(查看大图的显示效果) 动画库Animate.css的使用 CSS Hack(各大浏览器的兼容调试) CSS 优化(优化代码结构)
PC实战篇	1.使用html5以及css3完成响应式网站的制作 2.兼容各种分辨率的响应式网站 CCS3－制作伊森手表网站	运用html5和CSS3知识，完成实战响应式项目： 1.伊森手表 2.金领企业网站
移动端实战篇	CSS3－移动端现状介绍及未来发展 CSS3－视口介绍 CSS3－移动端适配 CSS3－制作购物app	了解视口的设置原理完成实战项目：团购app ；社交网站；完成实战项目：
Bootstrap	Bootstrap - 基本介绍 Bootstrap - 基本实例 Bootstrap - 栅格系统 Bootstrap - 排版 Bootstrap - 表格 Bootstrap - 表单 Bootstrap - 按钮 Bootstrap - 图片 Bootstrap - 响应式工具 Bootstrap - 组件 Bootstrap - Javascript插件 Bootstrap - 项目实战	理解 Bootstrap 的原理熟练掌握Bootstrap 的核心API 能够实现响应式布局以及功能交互完成实战项目： layabox游戏引擎主题网站
CSS预处理器-SASS+CSS考试	sass的介绍与安装 sass的编译 sass的语法 sass的项目使用	SASS的实现原理 SASS的编译和基本使用 SASS如何应用到项目
SVN&FTP+前端就业总结	SVN版本控制器软件 FTP文件传输软件	FTP的简单操作 SVN的具体操作方法实操：上传项目到服务器
Javascript入门应用	JavaScript语言介绍 JavaScript变量 JavaScript流程控制 JavaScript函数内置对象、属性、方法、事件浏览器对象、文档对象 DOM基础应用正则表达式 JSON	目的要求：如何引用js；掌握js的语法练习：阶乘计算；99乘法表 1）文件域的动态生成与删除 2）表格的动态生成与删除 3）JSON对象，函数的自定义与传值演示常见的错误，培训学员使用 FireFox调试网页，解决网页错误
javascript高级应用+考试	介绍各种js类库Zepto,jquery,easyui,JQUERY UI 掌握jQuery的使用及其插件的封装；在jQuery中编写插件、插件扩展、插件应用 touchJS、jQuery.pagination分页、jQuery.artDialog弹出层 jQuery custom-scrollbar滚动条 JQUERY UI /jquery mobile使用 AJAX同源策略和跨域 JSON XML 熟悉JavaScript的设计模式；构造函数，单例、工厂、代理、观察者等设计模式 ES6初步和Babel 掌握模块化开发AMD，CMD的设计规范理解模块式开发，以及requirejs / seajs / CommonJS插件的使用面向组件编程的方式面向组件编程的实现原理面向组件编程实战 RequireJS框架介绍 LoadJS框架介绍 SeaJS框架讲解及实操	制作网站的动态特效在HTML文件中添加jQuery的应用使用JQuery中的核心方法常用选择器的使用常用的JQuery方法 jQuery中的几种实现方法使用JQuery实现一些常见的页面实例，进面巩固JQuery的学习 jquery插件使用了解jQueryUI的使用原理异步获取数据使用JQuery实现一些常见的页面实例，进面巩固JQuery的学习
就业总结课	就业总结课
Canvas应用	canvas - canvas简介和应用领域介绍 canvas - 基础绘图接口使用 canvas - 高级绘图接口使用 Canvas - 项目实战（贪吃蛇） Lufylegend引擎	通过系统学习canvas基本到高级接口，熟悉使用市场上流行的游戏框架，完成实战项目熟悉使用Canvas绘制动画和特效 canvas - 【实操】原生canvas游戏“贪吃蛇” 了解Lufylegend 游戏引擎的原理、使用方法
环境搭建	网络编程思想介绍、BS/CS架构介绍、静动态网页介绍、开发语言介绍等 Windows 下Apache+PHP+Mysql集成环境的搭建（WAMP、PHPstudy） http.conf介绍和 php.ini介绍域名虚拟主机 HTTP协议	搭建并配置环境，编写phpinfo.php页面
php基础部分	PHP语言介绍变量数据类型操作符流程控制函数数组字符串表单	PHP语法每个知识点的使用每个知识点都有具体案例
mysql基础部分	数据库概念数据库实体数据库关系 MYSQL介绍使用phpmyadmin管理MySQL MySQL数据库类型介绍 Mysql数据库建立 MySQL表的建立 MySQL字段类型介绍索引及主键介绍 SQL语句介绍（增、删、改、查、连表查询） PHP与数据库的操作介绍	PhpMyAdmin安装配置使用(navicat 的安装和使用) 数据定义数据操纵数据控制 SQL文件导出导入
php接口部分	XML介绍及应用 PHP解析XML JSON应用 PHP解析JSON 实例演示	XML介绍及应用 PHP解析XML JSON应用 PHP解析JSON 实例演示
本地存储方案	Web Storage API（包括localstorage、sessionstorage） Cookie本地存储离线 Web 应用 websql	了解常用的移动端缓存原理，并熟悉其使用
项目实战(json 数据调用模式)	项目开发演示	主项目实战：H5博客系统
Web工作流框架	WEB工作流 - 介绍 gulp - 介绍 gulp - 搭建环境（Nodejs的安装和NPM的使用） gulp - 全局安装 gulp - package.json文件配置 gulp - gulpfile.js文件配置 gulp - 插件安装 Webpack - 介绍 Webpack - 全局安装和局部安装 Webpack - 查看版本和安装指定版本 Webpack - 实现单个或多个JS文件编译 Webpack - 设置源文件目录 Webpack - 省略文件后缀 Webpack - 编译CSS和引用CSS Webpack - 编译SASS和引用SCSS Webpack - 执行命令 Bower - 介绍 Bower - 全局安装 Bower - 初始化（bower.json文件配置） Bower - 安装最新包和指定版本包 Bower - 自定义安装目录 Bower - 更新、查找和卸载包 Grunt - 基本使用	知悉业界内技术最前沿的WEB工作流开发方式掌握Nodejs的安装和Npm的基本使用理解Gulp的基本原理，从实战中收获项目经验： 1) 掌握如何安装Gulp工具 2) 掌握如何配置Gulp，个性化配置适合自己的开发模式掌握如何利用Gulp插件，享受高效开发体验理解Webpack的基本原理和开发效能 1) 掌握各种Webpak安装方式 2) 掌握各位编译（JS/CSS/SASS） 3) 掌握Webpack的命令行操作理解Bower的基本原理，清晰高效利用插件的开发方式 1) 掌握Bower的各种安装方式 2) 掌握Bower的常用操作理解Grunt的基本原理和使用掌握前端开发工具（Gulp、webpack、Grunt、Bower），快速有效完成项目。实现常见的HTML、CSS、JS文件压缩优化、打包等操作，落实到利用WEB工作流工具构建高质量、高性能、高规范化的前端项目。
AngularJS前端架构框架	Angular.js - 基本介绍 Angular.js - 基本实例 Angular.js - 控制器 Angular.js - 模板 Angular.js - 过滤器 Angular.js - 依赖注入 Angular.js - MVC Angular.js - 服务 Angular.js - 与服务端的交互 Angular.js - 指令 Angular.js - 路由 Angular.js - 项目实战	理解 AngularJS 的框架原理，掌握 MVC 编程模式，能够熟练使用 AngularJS 实现页面的重构 Angularjs电影网项目 TK科技项目
前端架构师考试+简历指导课	前端架构师考试+简历指导课
NodeJS	NodeJS - 基本介绍 NodeJS - 回调函数 NodeJS - 事件循环 NodeJS - 路由 NodeJS - MySQL操作 NodeJS - 函数 NodeJS - GET/POST请求 NodeJS - 文件系统	基于NodeJS架构项目
VueJS前端开发框架	VueJS - 介绍 VueJS - 实例 VueJS - 模板语法 VueJS - Class 与 Style 绑定 VueJS - 条件渲染 VueJS - 列表渲染 VueJS - 表单控件绑定 VueJS - 组件	了解VueJS的基本原理了解VueJS的基础应用基于VueJS快速开发WEBAPP
微信小程序	小程序开发工具介绍与项目创建小程序文件结构常用组件(view,image,text,navigator,swiper等) 界面：设置导航条、导航、动画、绘图等等开放接口：登录，包括签名加密，用户信息、微信支付、模板消息	了解微信小程序开发原理利用前端框架开发小程序开发前后台微信小程序的应用
混合式app开发	混合式app介绍模拟器(夜神，海马) MUI框架项目实战	混合式app介绍模拟器(夜神，海马) MUI框架项目实战
阶段回顾	回顾整个体系的所有知识点部分	整理并审核相关项目
模拟面试	模拟面试	模拟面试