北风网和苏州大学深度合作北风大数据培训正式落户苏大零基础大数据课程火热报名中北风网和苏州大学深度合作北风大数据培训正式落户苏大零基础大数据课程火热报名中

大前端时代已经到来，在这个人才就等于生产力的互联网时代，每个人都需要有一门拿得出手的技术，Web前端的发展非常广，不论是发展还是就业，都是应届生的首选。

入门级月薪 8K+ 精通级月薪 10K+ 最高级年薪 40K+

1、人才缺口300万

6亿互联网用户的需求促使300万web前端人才的缺口，就业机会再不断增大。
2、就业选择多

所选行业不会限制，“互联网+”大热的同时也让web技术渗透到各行各业，互联网、电子商务、教育、医疗、广告等等应有尽有。
3、晋升速度快

专员1-2年月薪5000+ / 主管2-3年月薪10000+ / 经理3-5年月薪18000+ / 总监5-8年月薪25000+
4、最容易创业

web能轻松转型创业，效果可见，不论是展示页面还是小游戏，都能独立完成，手到擒来。

设计师转前端
程序员转前端
网虫转前端
策划、编辑、站长转前端

师资无忧

300+金牌讲师保驾护航
课程品质

80%自主研发
学习方式

小班面授一对一辅导
售后保障

随时随地解疑答惑
高效学习

名企标准学完加薪
助学计划

支持学费分期

零基础入门 — 1个月完成基础学习目标

课堂辅导团队展示日常学习休闲娱乐

学习方式

课程研发讲师面授，一对一现场指导
小班教学团队式管理各司其职分工明确
课后系统跟踪进度保障学习效果

学习效果

掌握HTML5 、 CSS 、JavaScript、jQuery、PHP技术以及大量实用工具
掌握大量案例，为进入实战打好基础

快速提升 — 1个月获得一份始于自己的作品

日常解答项目教学课堂互动项目答辩

学习方式

四大企业级实战项目，31个案例的实战
安排布置作业边学边动手
讲师一对一进行批改作业

学习效果

获得属于自己的企业级作品
获得数十个企业级项目实战经验

毕业直接就业 — 1个月直接入名企

企业上门简历修改推荐面试就业指导

学习方式

3000+合作企业学完直接对接就业
根据学员个人特点与兴趣优化简历
学习产品思维方式，掌握行业最新动向，轻松适应职场

学习方式

获得一份满意的工作
获得毕业证书与工作想匹配的知识技能

制作当当网首页
当当网上书城
JaneShop电商网站
31个移动端实战项目案例

品牌保障

北风九年来已成功培养出数万名高薪就业人才，铸就了响亮的品牌，拥有5000平米实体实训基地，并且成功完成B轮融资。

品牌保障

北风九年来已成功培养出数万名高薪就业人才，铸就了响亮的品牌，拥有5000平米实体实训基地，并且成功完成B轮融资。

品牌保障

北风九年来已成功培养出数万名高薪就业人才，铸就了响亮的品牌，拥有5000平米实体实训基地，并且成功完成B轮融资。

品牌保障

北风九年来已成功培养出数万名高薪就业人才，铸就了响亮的品牌，拥有5000平米实体实训基地，并且成功完成B轮融资。

品牌保障

北风九年来已成功培养出数万名高薪就业人才，铸就了响亮的品牌，拥有5000平米实体实训基地，并且成功完成B轮融资。

300+
金牌讲师
600+
热门课程
3000+
合作企业
10000+
在线学员
854620+
课时

300+
金牌讲师
600+
热门课程
3000+
合作企业

10000+
在线学员
854620+
课时

童老师

副总裁兼产品总监

网名风舞烟，北风网产品总监，中国科技大学计算机专业，微软认证解决方案专家，10多年软件行业从业经验，先后担任过国内某知名企业的CTO以及国内知名IT高端培训机构教学总监，北风网资深金牌讲师，教学严谨，思路清晰，专业功底深厚，极具大师魅力。

娄老师

高级研发课程经理

网名，闲筝,6年软件公司研发经历，4年知名软件培训机构专职讲师经历、微软认证讲师，曾任某知名软件公司项目经理、某培训机构教学主管，现为北风网全职讲师、教学主管，主讲.NET、JAVA、PHP方向技术课程。参与北风网课程的研发，属于实力型老师。

丁老师

WEB前端专职讲师、高级前端工程师

具有5年研发、实训的经验；曾参与过携程、铁友旗下机票分销平台制作；熟练HTML5+CSS3等新技术，精通jQuery、Bootstrap等主流前端框架，具有多年移动端web开发经验。其讲课风格独特，细致，其见解鞭辟入里，同时洞悉行业发展方向，深受学生亲赖。

刘老师

HTML前端讲师

九年各互联网公司以及外包开发经验，多年WEB前端应用经验。擅长各种基于JS脚本的效果实现与设计，拥有丰富完整的前端理解以及丰富的结合后端团队的开发经验。熟悉目前基于LESS、SASS的CSS，开发方式和基于Bower的前端组件等最新的流行开发模式。

入学前签订就业协议
就业老师全程指导
足不出户企业上门招聘
3000+合作企业对点推荐

线上直播+点播

针对想要自我提升的在职学员，北风直接线上成班，学员可以通过北风教学系统进行点播，并且老师全天7X12小时在线，学员在学习过程中遇到任何问题，可随时通过QQ群进行沟通
线下实训+实战

针对刚毕业的大学生，北风提供线下全日制的培训，班主任、金牌讲师、就业老师全面辅导，学完4个月成功拥有一年以上工作经验

没有基础可以学吗？

报名有什么要求？
学费要多少？

预算不够可以分期吗？
学完之后包就业吗？

工资能拿到多少?
报名流程是什么？

住宿问题怎么解决？
如何知道自己是否适合学？

学不会怎么办？
就业形势好吗？

有没有参考的案例？

《Web前端培训就业课程》

课程一：HTML/CSS设计与构建网站

内容：

1、HTML基础、HTML高级标签、表单、表格；
2、CSS基础、CSS引入方式、CSS属性、盒子模型；
3、倒三角制作、滑动门技术、IE6双边距bug、IE6中兼容png24背景透明；
4、Css Sprite制作使用及优缺点；
5、PS基础与切图技巧。

目标：

1、熟练掌握HTML基本结构创建网页、熟练掌握HTML的基本标签、掌握超链接标签制作页面导航、熟练掌握表格标签制作网页表格、会使用表单标签制作提交页面、了解XHTML框架结构；了解什么是网页样式、掌握CSS的基本语法、熟练掌握CSS的基本属性、会使用DIV+CSS进行网页布局、熟练使用CSS来装饰页面；
2、了解什么是网页样式、掌握CSS的基本语法、熟练掌握CSS的基本属性、会使用DIV+CSS进行网页布局、熟练使用CSS来装饰页面；
3、熟练掌握HTML基本结构创建网页掌握倒三角不同的运用、熟练掌握css滑动门技术、掌握IE6的一些常见bug、掌握IE的滤镜用法；
4、了解CSS精灵的概念及原理、熟练使用CSS精灵编写样式、掌握CSS精灵的优缺点；
5、了解PS基础、掌握PS切图技巧。

课程二：JavaScript交互式Web前端开发

内容：

1、JavaScript基础、JavaScript基本应用；
2、数据类型与运算符、条件语句与控制语句、函数、事件；
Window对象、DOM和BOM、使用HTML DOM操作表格；"
3、JavaScript对象、数组；
4、表单、正则表达式。

目标：

1.了解JavaScript的发展史、理解JavaScript的特点、学会3种JavaScript的引入方式；
2.掌握JavaScript的基本语法、熟练使用JavaScript函数、熟悉JavaScript的BUG调试方法；
3.了解使用BOM对象实现窗口特效、了解Window对象、History对象、Location对象和Document对象的用法、掌握DOM对象的操作、掌握对表格的操作管理；
4.掌握JavaScript内置对象、学会使用JavaScript控制样式、制作一些常见网页特效。

课程三：Web前端开发利器-jQuery

内容：

1.jQuery基础、jQuery选择器；
2.jQuery操作网页元素、掌握jQuery事件及其应用。

目标：

1.了解jQuery的实质是什么、掌握jQuery环境的搭建、掌握jQuery选取网页元素的不同方法；
2.利用jQuery控制网页元素的属性、样式及操作网页节点元素、掌握jQuery事件及其应用、熟悉jQuery常用的动画效果。

课程四：HTML5+CSS3构建商业Web站点

内容：

1.初识 HTML5 和 CSS3、HTML5 语义和结构标签等；
2.HTML5 中常用的文本标签、CSS 属性等；
3.HTML5 中常用的图像标签、CSS 的背景设置等；
4.HTML5 的列表标签、CSS 列表属性（List）、CSS 表格属性（Table）、CSS 定位属性（Positioning）等；
5.HTML5 的表单及控件标签、HTML5新的form 属性、HTML5新的input 属性、HTML5的input类型及使用方法等；
6.HTML5 的多媒体元素标签等；
7.HTML5 的<canvas>标签、 HTML5 的画布与画笔、 HTML5 的坐标与路径、绘制矩形、绘制文字、设置阴影效果、设置颜色渐变、绘制图片、SVG等；
8.CSS 属性、HTML5 拖放等。

目标：

1.初识 HTML5 和 CSS3、了解 HTML5 的主要特性、变化及其发展趋势、了解 HTML5 新增和废除的标签与属性、掌握 HTML5 网页的基本结构及组成元素、掌握 HTML5 的语义和结构标签及其使用方法、掌握 CSS 样式的定义与样式表的插入、学会移动平台网站首页的设计；
2.熟悉 HTML5 中常用的文本标签和 CSS 文本属性、熟悉 CSS 的字体属性、颜色值及颜色表示方法、CSS 链接属性、学会网页元素的水平对齐设置方法、学会 CSS 导航栏的设计方法、掌握文本新闻网页和导航网页的设计方法；
3.熟悉 HTML5 中的图像标签、熟悉 CSS 的背景设置和图像透明度设置、学会在网页中合理地插入图像、学会恰当应用图片设计景点推荐网页的方法。
4.熟悉 HTML5 中的列表标签、熟悉 CSS 的列表属性、表格属性和定位属性、学会在网页中合理地使用列表、表格和 CSS 定位属性展示相关信息、 学会应用列表、表格以及 CSS 定位设计商品信息展示网页；
5.熟悉 HTML5 中的表单及控件标签、掌握 HTML5新的form属性和input属性、掌握 HTML5的input类型及使用、学会应用表单及控件设计注册登录与留言网页；
6.了解 CSS 媒介类型、掌握 HTML5 中的多媒体元素标签（主要包括<audio>标签和<video>标签）、熟悉 HTML5 的 Audio/Video 属性、Audio/Video 方法和 Audio/Video 事件、学会应用<audio>标签、<video>标签以及相关属性、方法和事件设计音乐视频网页；
7.了解阴影效果和颜色渐变效果的设置方法、掌握 HTML5 中的<canvas>标签、熟悉 HTML5 中的画布与画笔、坐标与路径、熟悉各种网页图形的绘制和图片的绘制、学会应用<canvas>标签以及相关属性和方法进行网页图形绘制与游戏设计；
8.熟悉 CSS 选择器规则以及各种类型选择器的使用、熟悉 CSS 框模型、边框属性、外边距属性和内边距属性、熟悉多列属性和动画属性、掌握HTML5 拖放的实现方法、学会网页中复杂样式与网页特效的设计。

课程五：后端交互语言之PHP基础（选修）（翻转课堂）

内容：

PHP开发环境及开发工具介绍、PHP 基本语法、PHP 流程控制语句、PHP 函数、PHP与Web 交互、正则表达式、面向对象等

目标：

了解 PHP 开发环境的安装及使用；了解 PHP 常用开发工具的使用、了解 PHP 语言的发展史；了解 PHP 的标记风格、熟练使用 PHP 中的注释；掌握 PHP 变量和常量的定义及使用；熟知 PHP 中的数据类型；熟练使用 PHP 各种常用运算符、掌握 PHP 两种条件语句的语法和用途；理解循环语句的应用环境及注意事项；掌握跳转语句的巧妙用法；掌握 PHP 与 Web 交互的处理流程，掌握 PHP 对 Web 表单的操作，掌握超全局变量的使用；正则表达式其实就是一种匹配模式，类似于我们数学中的 x+y=z 这种模式，但是正则表达式的应用非常强大，建议大家在学习阶段多观察元字符的特殊用法；多去分析常用正则表达式的写法；掌握 PHP 中类与对象的概念，掌握成员属性和成员方法的定义，理解构造方法与析构方法的使用，充分理解静态与非静态成员的区别，通过编程掌握继承的意义，熟练使用面向对象中的魔术方法，理解抽象类与接口的意义，理解面向对象的三大特征及面向对象编程的优势。

项目实战

制作当当网首页
一．项目任务1：实现登录界面的验证功能

(1)鼠标在email文本框中时展示login_content_input和login_content_input_Focus样式 (2)鼠标离开email文本框中时展示login_content_input样式 (3)鼠标在密码文本框中时展示login_content_input login_content_input_Focus样式 (4)鼠标离开密码文本框中时展示login_content_input样式 (5)单击登录按钮时，验证email地址和密码是否为空 (6)单击快速注册进入注册页面
二．项目任务2：加强注册界面验证功能

(1)鼠标在email文本框中时的特效 (2)鼠标离开email文本框中时的特效 (3)鼠标在昵称文本框中时的特效 (4)鼠标离开昵称文本框中时的特效 (5)鼠标在密码文本框中时的特效 (6)鼠标离开密码文本框中时的特效 (7)鼠标在再输入一次密码文本框中时的特效 (8)鼠标离开再输入一次密码文本框中时的特效 (9)单击提交注册页面时，对页面内容进行验证的特效 (10)所在地的省、城市、地区级联选择的特效 (11)当鼠标放在提交注册按钮上时，按扭样式的特效 (12)当鼠标离开提交注册按钮上时，按扭样式的特效

三．项目任务3：购物

(1)实现根据您挑选的商品，当当为您推荐部分的显示和隐藏的功能 (2)鼠标移到产品上时的特效 (3)鼠标离开产品上时的特效 (4)实现删除产品的功能 (5)实现自动计算商品的总金额、总共节省的金额和积分
四．项目任务4：书籍

(1)实现循环显示的轮换横幅广告的效果 (2)最新上架版块TAB切换效果 (3)书讯快递循环垂直向上滚动的文字特效 (4)右侧随鼠标滚动的广告图片 (5)右侧随鼠标滚动的广告图片关闭 (6)首页弹出广告窗口
五.项目效果

开始编写jQuery代码之前，先确定应该完成哪些功能。
一．在网站首页（index.html)上将完成如下功能。
1.搜索框文字效果(讲解)。
2.网页换肤(讲解)。
3.导航效果(讲解)。
4.左侧商品分类热销效果(讲解)。
5.中间大屏广告效果(讲解)。
6.右侧最新动态糢块内容添加超链接提示。
7.右侧下部品牌活动横向滚动效果。
8.右侧下部鼠标滑过产品列表效果。
二．在详细页（detail.html)上将完成如下功能。
9.产品图片放大镜效果(讲解)。
10.产品图片遮罩层效果(讲解)。
11.单击产品小图片切换大图(讲解)。
12.产品属性介绍之类的选项卡(讲解)。
13.右侧产品颜色切换。
14.右侧产品尺寸切换。
15.右侧产品数量和价格联动。
16.右侧给产品评分的效果(讲解)。
17.右侧放入购物车。
接下来就用jQuery逐步地完成这些效果。
注意：为了使js文件代码更加清晰，每个页面上引用了很多js文件，实际开发过程中，可以合并成一个js文件。

经典案例

纯CSS3实现的焦点图切换效果
凡客诚品网触屏版的品牌墙网页
酷狗音乐网的首页

路趣网手机版的热点景点推荐网页
蚂蜂窝的推荐旅游目的地网页
麦包包网触屏版的热销商品网页

麦包包网的用户注册网页
迷你音乐播放器面板制作
穷游网的首页

去哪儿旅行网的Touch版旅图网页
去哪儿网的意见反馈网页
设计基于HTML5的网页音乐播放器

实现拖动选择多张景点图片
手机搜狐网的留言反馈网页
搜狐网的名站导航网页

搜狐网的文本新闻网页
苏宁易购触屏版的促销商品列表网页
苏宁易购触屏版的家用电器精选商品导航网页

苏宁易购网的首页
同程旅游网的首页
同程旅游无线网的会员登录网页

网页中的圆形导航按钮
网页中精美挂钟的绘制
携程旅行网的首页

携程旅行网的最佳旅游景区网页
新华网手机版的标题新闻及导航网页
新华网手机版的网址导航网页

新华网手机版的文本新闻网页
易购网的个性化用户注册网页
易购网的选用商品列表网页

掌上1号店的用户登录网页

微信公众号

售前客服

400-0186-216

周一至周日9:00-23:00

售后客服

400-0055-705

周一至周五9:00-18:00

反馈建议

webmaster@ibeifeng.com

关于北风| 培训课程| 加入我们| 在线咨询| 联系我们

友情链接

北风网学习⑤群:

北风网学习⑤群

(已满) 北风网交流⑥群:

北风网交流⑥群

(已满) 北风网交流⑦群:

北风网学习交流⑦群

Copytright 2008-2016 上海育创网络科技股份有限公司

北风网学员交流④群