HTML5前端全能工程师

课程体系

从HTML5前端工程师是什么开始入门讲解
内容涵盖Web基本构件、运行原理
HTML的解析原理引入了CSS的使用和PhotoShop等工具
项目实战以完成一个PC端的PSD网站效果解析为最低标准

由Javascript的版本区别开始讲起
然后讲解有关DOM对象等标准化操作
在Javascript的高级部分引入了开发模式
代码标准写法最后通过jQuery框架技术帮助学生
快速掌握用户接口体验设计技术

本章内容围绕后端技术和服务器做了介绍
本阶段课程主要学习：
服务器的运行原理、服务器端环境的搭建
服务器端动态语言脚本NodeJS、PHP语言
Ajax异步通信技术、及其网站SEO搜索引擎
的优化原理让学生能通过前几个阶段内容
设计一个完整的项目并上线实施，进行SEO优化调整

本阶段主要讲解前端工程师更高级别的前端技术内容包含了：
HTML5的新增标签、HTML地图定位、Socket通信技术、并发操作大网站技术
CSS3的各种运动框架技术、LESS和SASS可编程CSS技术、RequireJS和SeaJs导入技术
离线缓存技术、本地存储技术、ChartJS和D3JS图像技术、Grunt和GulpJS项目管理技术
以及常见的响应式框架BootStrap框架等技术
并详细讲解了微信开发和流式布局、自适应式布局、响应式布局的网页布局技术

本阶段课程围绕企业级的使用
设计了以下课程内容
AnguLar.JS框架技术、RectJS框架技术、AueJS框架技术
jQuery Mobile手机端jQuery框架技术
混合App制作发布和版本迭
大并发网站和大流量网站的前端优化技术
（页面级，代码级、静态资源级、服务器级等）
以及多人团队和异地团队开发时使用的
常见工具SVN和GIT版本控制技术等

前端工程师的发展趋势

• 什么是前端工程师
• 前端工程师的行业现状
• 前端工程师的未来发展趋势
• 前端工程师的职业发展规划

WEB构件组成

• WEB构建的定义
• 服务器是什么
• 语言脚本是什么
• 浏览器是什么
• 浏览的基本结构原理
• 常见的网络协议比如WWW协议
• IE6/7/8/9/10/11,FireFox,Chrome,Safari,Opera等浏览器的安装与操作技巧
• 360浏览器、QQ浏览器、猎豹浏览器、搜狗浏览器等安装技巧以及与Chrome和IE的区别

HTML5基本介绍

• 什么是网站和网页
• HTML发展历史
• HTML5是什么、标准
• HTML5应用生态
• App中的HTML5未来比重

HTML基本应用

• HTML是什么、页面主体结构、文档声明、语法结构
• 标签的入门：编码声明与为什么，头元素，body元素，单标签，对标签，字体标签，超链接，
• 锚文本，HTML实体，路径意义，图像标签，列表标签，表格标签，文本标签，按钮标签，块标签，Iframe标签等等

CSS基本应用

• CSS是什么、优点和实战标准是什么
• CSS的实战应用场景
• CSS的三引入方式区别和用途
• CSS中选择器的使用，优先级和应用场景
• CSS中块元素和行元素的转换，及其主要用途
• CSS中字体、文本、背景设计技巧
• 列表、表格常见操作
• 浏览器的基本结构原理
• 导致浏览器中不同元素出现不同盒子模型的原因
• 盒子模型详细讲解
• 标签定位中绝对定位、相对定位、固定定位的使用
• DIV块的层级设计
• 标签浮动及其浮动原理
• 常见伪类的使用
• 如何使用HTML5.0和CSS3.0实现PC端页面

DIV+CSS标准化布局

• CSS命名规范和标准写法
• DIV+CSS布局和Table布局的区别、好处
• DIV+CSS布局中水平和垂直切分原理
• CSS Hack浏览器兼容性调试原理
• CSS属性继承和叠加原理
• CSS污染规避
• 常见的CSS的bug和使用技巧（如DIV垂直居中）
• DIV+CSS建站中自己代码库的创建和优化

UI常见工具介绍

• UI常见工具PhotoShop的介绍和基本使用，
• PhotoShop中元素尺寸，颜色，字体样式数据的获取
• 图片图层和图层合并使用
• 网页布局中图片的切割和使用
• 大型网站中小图片合成等技术

实战项目

• PC端的网站前端（内部提供PSD项目效果图）

第二阶段

中级课程

Javascript基本应用

• Javascript是什么、用途是什么
• Javascript的构成部分：ECMAScript，DOM，BOM
• Javascript的历史发展版本和标准、在浏览器中运行机制如何
• Javascript的基本语法：常量，变量，注释等
• Javascript的运算符、控制结构
• Javascript的函数，作用域，闭包实现，预解析，引用常见的函数种类、常见内置函数，如类型强制转换函数等
• Javascript数组的定义，种类，遍历和使用技巧
• Javascript面向对象开发思想、常见操作
• javascirpt中自定义对象的封装、继承，构造函数等用法
• Javascript中4大数据类型对象：数学对象，字符串对象，数组对象，日期对象等实战用法
• Javascript中正则表达式、中异常处理

Javascript DOM操作

• DOM基本介绍和主要通途是什么
• DOM分类：HTML DOM/CSS DOM/XML DOM各自特点
• HTMLDOM中基本操作：节点对象的访问，节点对象修改，节点对象添加，节点对象删除
• DOM节点属性、操作、DOM中内容操作
• DOM事件对象Event对象，事件流，绑定和事件销毁等
• DOM中Cookie的添加，删除，修改和记住用户名密码
• DOM中常见的其他控件操作：如表格对象，SELECT对象，Object对象，Script对象等常见对象操作

Javascript BOM操作

• BOM是什么
• BOM主要的实战应用场景有哪些
• BOM中Windows对象、Navigator对象的常见用法
• BOM中Screen的常见用法、History的使用技巧
• BOM中Location的主要用途、BOM中动画等常见使用
• BOM中常见窗口操作，和窗口关系操作
• Javascript运动框架，如常见图片特效，滚动，弹性运动等

Javascript库实现（自定义js库）

• 框架与库的意义
• JavaScirpt框架的设计模式
• Javascript的代码规范、框架分类
• Javascript的的框架的主要用途和功能
• Javascript的选择器引擎设计
• Javascript模块加载系统设计
• Javascript浏览器嗅探设计
• Javascript样式的支持侦测设计
• Javascript异步处理设计
• JavascriptDOM节点操作设计
• Javascript 事件、动画设计
• Javascript兼容性设计

jQuery

• 什么是Javascript框架
• Javascript框架种类和使用情况
• jQuery框架好处
• $工厂函数
• jQuery使用、对象捕获
• jQuery属性、事件操作
• jQuery中CSS，val，class,text,html操作
• jQuery中特殊事件
• jQuery内置函数
• jQuery插件、核心函数
• jQuery中AJAX操作
• jQuery中跨域操作，弹出层，div拖动设置
• jQuery网络中插件的使用
• jQuery节点、跨域操作
• jQuery数据缓存系统

实战项目

• 编写自己的Javascript框架

第三阶段

高级课程

WEB服务器介绍

• WEB服务器是什么
• WEB服务器常见用途是什么
• WEB服务器常见种类有那些，优缺点是什么
• Apache或者Niginx的服务器的安装和配置
• Apache或者Niginx的各项配置详解
• http协议原理

NodeJs

• NodeJS与浏览器js的区别
• 使用NodeJS搭建WEB服务器
• 掌握HTTP与WEB工作原理
• 掌握Socket长连接实时网络通信技术

PHP+MySql

• PHP和MySql是什么
• PHP基本语法，控制结构
• PHP函数、数组操作
• PHP字符串操作
• PHP会话控制
• 数据库基本操作
• PHP操作MySql

AJAX操作

• AJAX是什么
• AJAX技术原理
• AJAX技术包含的内容
• XmlHttp协议内容
• AJAX登陆验证
• AJAX无刷新分页
• Xml协议中Json数据和Xml数据的传递和接收
• POST数据传递
• AJAX缓存问题
• AJAX轮询机制
• AJAX跨域传值
• AJAX长链接和短链接

SEO

• SEO是什么
• SEO常见的白帽优化操作
• SEO关键字选择，长尾关键字的布局等
• SEO常见的黑帽优化操作
• 搜索引擎地址收录，
• 页面布局对SEO的影响
• 搜索引擎基本原理

PHPCMS或者DEDECMS

• CMS系统是什么
• CMS系统现在常见的种类和使用情况
• CMS的模块之间的联系
• CMS会员系统模块
• CMS系统的模型管理模块
• CMS系统的栏目管理模块
• CMS系统内容管理模块
• CMS系统静态生成管理模块
• CMS系统的模板风格管理模块
• CMS系统的系统配置管理模块
• CMS系统的二次开发
• 服务器中服务器环境搭建
• 上传工具FTP的使用
• 项目迁移时，数据库的备份和上传更新
• CMS系统整站发布

实战项目

• 搭建自己的服务端项目，并进行SEO优化

第四阶段

特级课程

HTML5基础应用

• HTML5介绍、应用场景是什么
• HTML5浏览器的支持、新增标签元素、拖放效果制作
• HTMl5视频播放设计、音频播放设计
• HTML5新增表单元素和新增表单属性、语义化标签

HTML5的高级应用

• HTML5地理位置的应用、WEB本地存储和Sql数据库操作
• HTML5应用程序离线缓存、多线程操作、Socket通信设计
• HTML5 Server-Sent事件原理和长走、Cavans动画绘图操作

CSS3应用

• CSS3是什么，及其流行的原因，CSS3中特殊选择器使用
• CSS3特殊单位和颜色特性介绍、边框设计、背景设计
• CSS3渐变效果操作、文本操作制作、字体属性设计
• CSS3 2D、3D效果转换，过渡效果制作、动画内容制作
• CSS3多列设计和用户界面属性设计
• CSS3响应式布局设计和特殊布局操作、ViewPort和网格视图
• CSS3媒体查询和图片特殊制作、常见框架使用

SASS

• SASS是什么、主要用途和特色是什么
• SASS安装配置、基本语法、3种使用方式、CSS扩展运算意义
• SASS脚本设计：变量，数据类型，运算、控制结构、函数和导入功能等、SASSMixin使用、客户端函数定义、缓存原理

LESS

• LESS简介、使用方法、函数使用：数学，列表，字符串
• LESS样色定义，通道，操作和混合函数使用

SeaJS 或者 RequireJS

• avaScript模块加载框架是什么、框架种类和各自特性有哪些
• SeaJS的优点、原理、别名配置、路径配置
• SeaJS模块路径映射配置、预加载处理配置、调试模式配置
• SeaJS CharSet属性使用
• SeaJS如何加载一个或多个文件、模块标识设计原理

ChartJS

• 第三方JS效果函数库的使用方法
• ChartJS用途、引用方式和配置、曲线图制作、柱状图制作、雷达或蛛网图制作、极地区域图、饼状图制作、环形图制作

D3JS

• D3JS简介和安装、如何使用数据和选择元素
• D3JS如何选择，插入，删除元素、使用Scale（比例）
• D3JS添加坐标轴和标签图表、制作图表、图表动画效果
• D3JS中Update, Enter, Exit 的使用、对话操作（事件）
• D3JS可视化图形（ Layout ）
• D3JS饼状图、力学图、弦图、集群图、树状图、打包图制作
• D3JS地图制作、如何简化GeoJSON 文件、制作可拖动地图
• GeoJSON 和 TopoJSON 数据类型区别

Grunt gulpjs

• Grunt是什么、配置和安装、任务创建、插件创建
• Grunt命令行工具的使用方法
• Grunt.Config、Grunt.event、Grunt.Fail、Grunt.file、Grunt.option、Grunt.task、Grunt.template等接口使用

BootStrap

• 前端框架是什么、优点是什么、常见的前端框架有哪些特点
• BootStrap简介、环境搭建
• BootStrapCSS中，网格系统，排版，表格，图片等操作原理
• BootStrap布局组件中字体图标，下拉菜单，按钮组，面板等
• BootStrap过渡效果，模态框，折叠，轮播等插件使用
• BootStrap布局和编写前注意事项

响应式布局与微网站

• 网页布局是什么
• 网页布局中静态、自适应、流式、响应式布局的优缺点
• 静态页面、自适应、流式、响应式、布局原理和实战案例

实战项目

• 电子商务网站PC站，微信站

企业应用级

Angular.js或者ReactJS或者 Auejs

• 企业级的手机Javascript框架是什么
• SPAS是什么
• 常见的企业级Javascript框架有那些
• Angular.js的简介、表达式
• Angular.js的指令，模型和作用域
• Angular.js的的http请求
• Angular.js的事件处理
• Angular.js表单和表单验证
• Angular.js的的模块操作、包含
• Angular.js的动画操作
• Angular.js的依赖注入和双向绑定
• Angular.js的路由和实际应用
• Angular.js的实战案例，单一页面应用程序

jQuery Mobile

• jQuery Mobile jQuery Mobile是简介
• jQuery Mobile安装、页面操作、过渡操作、
• jQuery Mobile按钮，弹窗操作
• jQuery Mobile工具栏操作、导航栏操作、
• jQuery Mobile面板，表格操作
• jQuery Mobile表单操作、主题操作、事件操作
• jQuery Mobile的手机端页面设计技巧
• 手机端页面的测试工具和测试方法

混合App应用

• App是什么？
• 混合App应用发展
• 混合App和原生App应用的区别，各自的优缺点
• Cordova工具的安装和使用，打包和发布
• 混合App应用的开发原理和常见操作及其技巧
• 混合App的版本迭代

前端优化技术

• 前端优化简介
• 前端优化技术的主要目的和原理
• 页面级前端优化
• 代码级前端优化
• 静态资源前端优化
• 服务器级前端优化
• 大数据量，并发网站前端优化策略

版本控制器

• 版本控制器是什么
• 版本控制器的用途
• SVN和Git的版本控制器介绍和区别
• SVN版本控制器配置和安装
• SVN版本控制器基本使用
• SVN守护进程，创建项目仓库，建立项目版本库，权限分配，用户管理
• SVN客户端使用,添加，删除，更新，上传，检出，冲突解决，清楚bug，版本库比较，日志，版本tags等
• SVN版本控制器和IDE联合使用NetBeans Editplus（形成文档）

实战项目

• 编写一个网站，实现PC端，手机网页端和混合App的制作

• 制定职业生涯规划，有利于自我
  定位认识自我了解自我，明确自
  己的方向、人生目标
• 面试指导，模拟场景面试讲解
  如何正确的编写简历了解面试流程
  以及面试技巧
• 我们与上千家互联网企业和软件
  企业合作全国唯一限时就业
  和终身负责就业的机构

报名须知

课程周期	756课时
使用教材	《学院自编教材》
温馨提示	1、考试不过免费重学； 2、参加本培训推荐知名企业就业； 3、外地学员可以提供住宿安排； 4、签订协议，未就业全额退款 5、签订就业保障协议，终身免费就业服务； 6、签订劳动实习合同，开就业证明，应届生提早离校，踏上工作岗位；
实训项目	企业SAAS系统，电子商务，旅游团购等系统的PC站，微信站，Wap站，轻App应用。
实训导师	王老师 周老师 刘老师 苗老师
开设班次	全日制白班：（周一至周六）（9:00-18:00） 学时4个月 非脱产班：周一、周三、周五晚上19:00-22:00 周日9:00-18:00 学时6个月
食宿方面	学生公寓：400-500元/月（2~6人间）配置常用家用电器，包含水电费，宽带费，被子等
报名须知	1.请随身携带身份证，客服老师需复印身份证正反面。 4.学费可先就业后付款/分期/现金/刷卡付费（刷卡对学员本身无手续费）。 2.请提供高等学历证明即可优惠。 5.来访报名，请提前联系客服老师预约时间 3.请随身携带四张一寸照片（红底/蓝底/白底均可）。

招生对象

• 热爱互联网技术的所有学员
 
• 具有一定网页基础的ui设计师
 
• 熟悉Java、PHP、ASP.NET等后端技术但不精通H5前端技术的学员
 
• 在校大学生对基础无要求但必须对互联网或软件开发有兴趣

欣才让更多人成为更优秀的互联网工程师

欣才IT学院让更多人成为更优秀的互联网工程师，成立于2008年，是以高端IT人才培训及服务为核心的教育培训机构，立志成为教育行业最具社会价值的公司并受人尊敬，让我们所触及的一切更具价值!

欣才的学员就业地点遍布北、上、广、深等全国各大城市。欣才在互联网技术领域耐心打磨，用实力凝聚出互联网行业最先进的前沿技术课程，用信誉搭建与众多名企的合作互惠平台，致力于培养拥有全栈能力的互联网工程师。超强实力，工业和信息化部----全国信息技术人才培养工程培训基地落地欣才IT学院。

1. 欣才实施闭环式课程创新，与合作公司保持新技术交流，并将新技术汇集。
2. 欣才教研室专业的课程研发团队会对汇集的新技术进行细心分析和实用创新，设计出最适合学生学习的课程。
3. 新的课程会在班级试点，教研室会根据课程反馈情况，进一步完善、提升课程细节，直到试点成功后，教学部执行虚新教学。
4. 欣才会跟踪就业学员，进行就业回访，再一次确保教学课程的科学实用性。

5. 欣才课程每半年更新一次，实实在在做到与企业零距离，让学员学以致用，站在更高点起飞职场梦想。