深圳Web前端就业学习班

【课程简介】

一、什么是Web前端

万维网的核心语言、超文本标记语言（HTML）的第五次重大修改。

1、Web前端 已经于2014年10月正式定稿。

2、Web前端是web时代前沿的技术，它特有canvas标签和多种选择的游戏开发引擎，让游戏开发更便捷。

3、如果说苹果重新发明了手机，那么Web前端则重新定义了网络。

4、它是链接手机、平板电脑、PC以及其他移动终端的桥梁，可以更丰富地展现页面，让视频、音频、游戏以及其他元素构成一场华丽的代码盛宴。

二、Web前端发展前景

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

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

3.毫无疑问，Web前端将成为未来5-10年内，移动互联网领域的主宰者。

4. 据IDC的调查报告统计，截至2012年5月，有79%的移动开发商已经决定要在其应有程序中整合Web前端技术。

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

三、Web前端可以做什么

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

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

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

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

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

四、Web前端的优势

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

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

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

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

【课程内容】

一、设计基础

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、异步加载项目实战

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

三、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、摄影网站实战

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

【行业分析】

1、人才需求量大

近期调差发现，全国IT类职能网上发布职位数有67万余个，较年初相比增长幅度为19%和2014年同年相比涨幅达29%，其中软件工程、网络工程、信息管理与网络营销等紧缺型IT技术人才的需求占70%以上。

2、就业薪水高

目前IT业从业人员平均年薪已逾十万元，有经验的IT工程师平均年薪一般在12万元以上。据调差显示，十大高薪行业方面，互联网/电子商务行业以8626元的月薪高居榜首。

3、发展潜力大

据CNN调差显示，在具潜力的薪酬职业中，前二十位里有5个职业属于IT行业，而前五十个中有14个属于IT行业。

【学校**】

1、先学习，后付款，我们提供0元入学；

2、旗下12人力招聘就业平台，为您提供就业**；

3、完善成熟的就业体系，让你学习无忧。