深圳HTML5就业学习班

【课程介绍】

一、什么是HTML5

1、一次编写，随处部署--HTMl5可以在多种设备上运行，这是其他方式都无法做到的.

2、在互联网中分享--HTML5应用都有一个URL，因此它可以在互联网中被随意分享，并且在搜索时即可被找到。

3、多厂商标准，建立在协议之上--HTML5是众多公司努力的结果，没有一家厂商可以左右它的方向。

4、适用于多种环境--HTML5应用可以使用交互式设计来提供佳体验，而不需要更改代码。你可以从桌面到手机到平板电脑无缝进行切换，而无需重复安装不同的应用。

二、HTML5发展前景

1、HTML5是WEB的未来，不仅在电脑端，而且在移动端也一定会得到广泛的应用。

2、据统计2013年全球将有10亿手机浏览器支持HTML5，同时HTML Web开发者数量将达到200万。

3、毫无疑问，HTML5将成为未来5-10年内，移动互联网领域的主宰者。据IDC的调查报告统计，截至2012年5月，有79%的移动开发商已经决定要在其应有程序中整合HTML5技术。

4、WEB技术发展越来越迅速，HTML5的到来更是把WEB技术推向了，目前HTML5技术已经日趋成熟，HTML5的未来十分光明，值得我们去学习。

三、HTML5可以做什么

除了实现之前HTML可以实现的功能外,HTML5做以下特别的事情：

1、本地存储 基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度，这些全得益于HTML5 APP Cache，以及本地存储功能。

2、实现多媒体更加简单 利用HTML5的video和audio非常方便的在网页上添加视频和音频，不需要很复杂的代码，就能打造一款功能齐全的HTML5播放器。

3、三维图形和动画 HTML5的3D引擎却可以更方便的实现3D效果，而且更加逼真。

4、CSS3的运用 CSS3提供更多的CSS属性，可以做更丰富的渲染效果。

四、HTML的优势

1、一次编写，随处部署--HTMl5可以在多种设备上运行，这是其他方式都无法做到的.

2、在互联网中分享--HTML5应用都有一个URL，因此它可以在互联网中被随意分享，并且在搜索时即可被找到。

3、多厂商标准，建立在协议之上--HTML5是众多公司努力的结果，没有一家厂商可以左右它的方向。

4、适用于多种环境--HTML5应用可以使用交互式设计来提供佳体验，而不需要更改代码。你可以从桌面到手机到平板电脑无缝进行切换，而无需重复安装不同的应用。

【课程内容】

一、设计基础

1、photoshop应用

基本的使用方法和技巧，及新增功能、图层的基本概念与应用、图像的各种选择应用及操作技巧。

2、illustrator应用

内容包括Illustrator概念，绘图与着色，画笔和符号，文本和渐变、渐变网格和混合，透明度、外观属性、图层与蒙版等工具运用，着重讲解一些常用的应用技巧。

3、多种风格界面设计

WEB界面设计的内容和规范。

掌握各类网站的网页特点认知，了解流行的设计风格，根据不同特点进行页面视觉设计，达到建站目标。

4、苹果与安卓移动界面设计

了解安卓与苹果不同的规范原则，针对与不同的平台要求进行设计。

二、WEB前端基础

1、HTML基础

前端开发环境配置（DreamWeaver、Notepad++、HBuilder、PhpStorm），HTML快速入门，熟悉文本、图像、链接、表格、列表、表单等标签使用方法。

2、CSS详解

CSS的基础和入门。了解CSS的使用方式及优先级。熟悉CSS字体样式、段落样式、背景样式、布局样式设置、常用样式在不同浏览器的兼容解决方案和CSS优化。

3、静态网页实现实战

学员在讲师的专业指导下，规范的将阶段设计的WEB界面从零开始，实现成静态网页作品。充分了解和熟悉网页布局的常用结构、常用样式处理和兼容方案。

4、HTML5和CSS3核心

熟悉HTML5新特性，新标签如audio、video、svg、canvas的使用。

熟悉CSS3新增选择器、特性、动画的应用，以及结合SVG制作常见动画、动效丰富页面体验。

熟悉背景图合并技术、常用布局技术、结构优化技巧等。

5、HTML5和CSS3应用实战

JavaScript的基本数据类型、常量、变量、运算符、数组、流程控制语句。 熟悉JavaScript中的对象、函数，类和面向对象结构的编程。 了解Document对象、节点树模型，节点操作、文档操作、Window对象、Screen对象、定时器、Location对象、History对象等。

6、JavaScript语言和面向对象

充分运用HTML5中的新特性构建修改页面内容，融入丰富的CSS3动画、动效，来理解和掌握用户体验的重要性以及如何通过细节来提高用户体验决定一个作品的成败。

7、正则表达式

熟悉JavaScript中RegExp对象的使用，常用的方法、场景，以及技巧练习，能书写常见表达式如“用户名格式、邮箱格式、日期格式、网址格式”等。

8、DOM编程和AJAX

Bitmap 熟悉文档结构中的节点增、删、改操作，document、window、form、table对象的深入了解和使用。熟悉HTML文档流中的事件机制及使用方法、技巧，以及事件冒泡、阻止，浏览器兼容等。

9、异步加载项目实战

通过异步刷新机制，实现大批量内容（以图片瀑布流为例）的延迟加载，从而优化页面性能，进一步优化提高用户体验。

10、JavaScript常见面试题讲解

目前如腾讯、百度、阿里巴巴等大型企业面试中常用的JavaScript面试题分析和讲解。

11、京东专题页

熟悉常见的大型专题页实现细节、处理技巧，掌握企业应用开发中常用的开发技巧。

三、WEB前端框架

1、jQuery框架

了解jQuery的基本语法，链式操作、隐式迭代的特性，jQuery选择器、属性样式、HTML操作、事件、动画、AJAX等。熟悉jQuery的插件扩展机制，了解第三方插件的使用和常用设计方法。熟悉自定义插件设计，以及常见的问题和注意事项。

2、jquery实战

结合运用HTML5、CSS3、JavaScript、JQuery知识模拟实现window桌面操作系统，如window窗口、桌面图标、双击打开应用、任务栏、时间日期等操作系统元素。

3、LESS样式预处

熟悉CSS预处理语言的设计、编译和运用技巧，以及配置LESS的开发环境。熟悉LESS变量、混合、嵌套、运算、函数、作用域、注释、import。

4、样式实战

在学习Bootstrap之前，先行分析、实现按钮组、输入框组、选项卡等常见布局组件，为后面的课程提供知识储备和指导

5、Bootstrap框架

基础模板的使用，可视化布局工具使用，字体图标、表格、表单、Tab选项卡等。网格系统和布局、响应式布局，常用排版技巧，以及按钮组、输入框组、导航栏、页标题、缩略图、列表组、面板和JavaScript插件使用技巧。

6、vue框架

vue事件和控件的使用，指令及过滤器的实现，vue核心组件的使用，自定义组件及常用插件开发，通过过渡动画提升用户体验，大型应用的开发规范和技术。

四、后端开发

1、PHP语言后端开发

熟悉PHP语言基础， 表单的验证及处理，文件上传，Cookies和Seesions的使用，异步AJAX数据传输，数据交互及API接口开发等。

2、NodeJS后端

理解这门神奇的服务端“JavaScript”语言，及其非阻塞式特性，模块化和npm包管理器使用，事件、路由、数据交互方法等。

五、项目实战

1、移动项目实战

移动端微阅读网站整站项目实战，综合运用前端框架、AJAX数据交互、移动UI组件技巧，按照企业标准流程进行需求分析、项目构建、页面设计，框架运用等，终实现整体项目的开发。

2、游戏专题实战

移动端厨艺类网站整站项目实战，熟练常用组件的开发原理和技巧，如评论版块、下拉菜单、边栏菜单、分享版块、导航栏、滑块按钮、下拉刷新等。

3、摄影网站实战

婚纱摄影主题网站首页制作实战，结合运用新框架解决网站兼容性问题。

【师资介绍】

张雄军

HTML5产品副总监

10余年互联网从业经验，熟练Web前端及移动前端开发。熟练 PHP+MySQL 架构各类型后端开发。精通FLASH视觉设计，AIR桌面应用、以及AS3页游开发、Web前端插件开发。擅长Web网站、Web APP、数据服务、OA办公、后台管理、企业应用、FLASH游戏等。

【教学环境】