大讲台 Web前端就业特训营

何为WEB前端工程师

WEB前端工程师就是精通HTML5、CSS3、Ajax、JQuery、JavaScript等Web前端编程技术,具备互联网交互设计能力,熟悉后端服务器运行环境和数据通信协议,掌握响应式布局框架、Bootstrap、AngularJS等最新框架的软件技术人才。

在整个互联网产品研发流程中,WEB前端工程师是协调前端设计师、后端程序员实现网站页面或程序界面,优化交互体验的一个职位。

WEB前端工程师未来主要有4大就业方向

Web前端为什么这么火?

移动互联网的爆发,让前端工程师高薪也一将难求

WEB前端工程师都入职什么样的企业?

所有互联网企业都在高薪招聘的技术人才
其中,又以百度、腾讯、淘宝、京东等顶级互联网大公司为主。
京东、百度、腾讯,所有互联网公司都在寻找前端工程师。这是需求增长最快的开发岗位,
在所有开发职位中排名第 1,市场上最朝阳的互联网职业。

您适合从事Web前端开发吗?

HTML和CSS起点低、容易入门,相对于其他IT技术职位来说,Web前端工程师算是半个程序员,所以你不用担心学不会。很多从事此项工作的都是非计算机相关专业出身,都是从0基础开始学的,而且因为职位所处位置的交叉性,也有很多Web前端人员是转行而来。

大讲台web前端就业特训营

专注培养“训练有素”的web前端工程师

在线实训,学习就是在工作 3个月积累2年项目经验,轻松转型跳槽

全真模拟企业开发团队带教新员工场景

“智能学习平台+在线实训+方法课直播”

虽然,现在很多机构都在宣传实战教学,但真相是:

大讲台的课程体系瞄准BAT级企业的

web前端工程师招聘需求

大讲台Web前端就业特训营课程大纲

学完WEB前端就业特训营课程,你将具备编写任何一个互联网系统的前端页面、交互代码的能力

阶段 课程模块 课程内容
基础入门 HTML基础 1.开发前的准备
2.DTD文档模型
3.基本元素
4.常用标签
5.div布局与table布局
6.实体字符
7.SEO与语义化
8.表单与框架
CSS基础 1.CSS语法
2.选择器
3.文本样式
4.盒模型
5.CSS核心技术
6.项目:仿知乎网导航
7.CSS技巧
8.常用布局设计
9.项目:仿百度首页
10.项目:仿京东注册
开发工具 1.PhotoShop简介与切图
2.Chrome
企业站点布局 1.项目:使用PS+HTML+CSS完成企业站点布局
阶段 课程模块 课程内容
HTML5与CSS3 HTML5标签 1.HTML5结构类与常规类标签
2.canvas
3.audio与video
4.新增的表单控件
CSS3选择器及新特性 1.CSS3选择器
2.文本设置
3.圆角与边框图片
4.项目:应用CSS3仿手机QQ会话窗口
5.CSS3动画
6.项目:应用CSS3仿京东商城侧边栏
7.背景设置
8.自定义字体
9.线性渐变与径向渐变
10.弹性盒模型
11.响应式布局与媒体查询
12.项目:响应式布局项目
阶段 课程模块 课程内容
JavaScript JavaScript基础 1.JavaScript入门及变量类型
2.操作符及判断循环语法
3.字符串和数组
4.对象和函数
5.数值类型和数学函数
6.正则表达式
7.项目:正则表达式项目
DOM 1.DOM简介
2.节点
3.操作节点
4.操作特性
5.事件
6.定时器和动画
7.项目:延时处理技术
HTML5高级应用 1.canvas
2.video与audio
3.项目:应用canvas制作视频拼图
4.项目:应用canvas制作擦除效果
5.数据存储
BOM 1.window对象
2.location对象
3.navigator对象
4.history对象
JavaScript深入学习 1.JavaScript原型链
2.JavaScript高级技巧
3.JavaScript高级函数
4.JavaScript 设计模式简介
5.JavaScript 设计模式之单例模式
6.JavaScript 设计模式之工厂模式
阶段 课程模块 课程内容
jQuery jQuery 基础介绍 1.jQuery 库功能介绍
   -1. 主旨特征
   -2. 功能特点
2.开发环境搭建
   -1. 下载jQuery框架文件库
   -2. 应用页面中引入文件库
   -3. 开发第一个包含jQuery框的页面应用
jQuery 语法和简单应用 1.jQuery代码风格
   -1. $美元符号标志
   -2. 代码的链式写法
2.jQuery操控DOM元素对象
   -1. DOM对象的访问
   -2. 获取DOM对象值
3.jQuery操控元素CSS
   -1. 设置和获取元素样式
   -2. 元素样式的操作
jQuery基础选择器 1.元素选择器
   -1. #id 选择器
   -2.element选择器
   -3.class选择器
   -4. *选择器
   -5.selector1,selectorN选择器
2. 层次选择器
   -1.ancestor descendant 选择器
   -2.parent > child 选择器
   -3.prev + next 选择器
   -4.prev ~ siblings 选择器
jQuery过滤性选择器 1. 基本和内容过滤选择器
   -1.first
   -2.last
   -3.eq(index)
   -4.contains(text)
   -5.has(selector)
2. 可见性和属性过滤选择器
   -1. hidden过滤选择器
   -2. visible过滤选择器
   -3. [attribute=value]属性选择器
   -4. [attribute!=value]属性选择器
   -5. [attribute*=value]属性选择器
3.子元素过滤选择器
   -first-child
jQuery表单选择器 1.表单对象属性过滤选择器
   -1. checked
   -2. selected
2.表单元素选择器
   -1. input
   -2. text
   -3. password
   -4. radio
   -5. checkbox
   -6. submit
   -7. image
   -8. button
jQuery 操作DOM元素 1.操控DOM元素
   -1. 使用attr()方法控制元素的属性
   -2. 操作元素的内容
   -3. 操作元素的样式
   -4. 移出属性和样式
2.元素节点的操作
   -1. 使用append()方法向元素内住家内容
   -2. 使用appendto()方法向被选元素内插入内容
   -3.使用befor()和after()在元素前后插入内容
   -4.使用clone()方法复制元素
   -5.使用replaceWith()和replaceAll()方法替换内容
   -6.使用wrap()和wrapInner()方法包裹元素和内容
3.元素的其他操作
   -1. 使用each()方法遍历元素
   -2. 使用remove()和empty()方法删除元素
jQuery 事件与应用 1.事件概述
   -1. 页面加载时的ready()事件
2. 事件分类
   -1. 使用on()方法绑定元素的事件
   -2. 使用hover()方法切换事件
   -3. 使用unbind()方法移除元素绑定的事件
   -4. 使用toggle()方法绑定多个函数
   -5. 使用one()方法绑定元素的一次性事件
   -6. 使用trigger()方法手动触发指定的事件
   -7. 使用on方法绑定元素执行的事件
3.事件应用
   -1. 文本框元素的focus和blur事件
   -2. 下拉列表框元素的change事件
jQuery 动画特效 1.显示与隐藏效果
   -1. show()和hide()方法的基本用法
   -2. 动画效果的show()和hide()方法
   -3. toggle()的动画效果
2.滑动与淡入淡出效果
   -1. slidedown()与slideup方法
   -2. slidetoggle()方法
   -3. fadein()与fadeout()方法
   -4. fadeto()方法
3. 自定义动画
   -1. 制作简单的动画
   -2. 移动位置的动画
   -3. 动画延时
   -4. 动画停止
jQuery 实现Ajax应用 1.异步数据请求
   -1. load()方法
   -2. 全局函数getjson()
   -3. 全局函数getScript()
2.请求服务器数据
   -1. get()请求数据
   -2. post()请求数据
   -3. serialize()序列化表单
3.$.ajax()方法
   -1. ajax()方法的基础使用
   -2. ajaxsetup()设置全局ajax
4. ajax中的全局事件
   -1. ajaxstart和ajaxstop全局事件
jQuery 常用插件 1.表单类插件
   -1. 表单插件
   -2. 验证插件
2.图片类插件
   -1.图片灯箱插件notesforlightbox
   -2.图片放大镜插件jqzoom
3.其他类插件
   -1.cookie插件cookie
   -2.搜索插件autocomplete
   -3.右键菜单插件contextmenu
4.自定义插件
   -1. 自定义对象级插件
   -2. 自定义类级别插件
jQuery UI型插件 1.交互性插件
   -1. 拖曳插件
   -2. 放置插件
   -3. 排序插件
2.微型插件
   -1. 折叠面板插件
   -2. 选项卡插件
   -3.对话框插件
3.新版UI插件
   -1. 菜单工具插件
   -2. 微调按钮插件
   -3. 工具提示插件
jQuery 工具类函数 1.浏览器检测函数
   -1. 获取浏览器名称或版本信息
   -2. 盒子模型
2.测试操作函数
   -1. 检测对象是否为空
   -2. 检测对象是否为原始对象
   -3. 检测两个节点的包含关系
3.其他工具函数
   -1. 字符串操作函数
   -2. URL操作函数
4.工具函数的扩展
   -1. 使用$.extend()扩展工具函数
   -2. $.extend()扩展Object对象
jQuery 实战项目 1.项目:应用jquery制作瀑布流效果
2.项目:应用jquery制作图片轮播
阶段 课程模块 课程内容
Bootstrap 全局CSS样式 1.Bootstrap配置
2.全局样式
3.栅格系统
4.表单元素
5.按钮
6.辅助类的使用
7.响应式工具
组件 1.下拉菜单
2.按钮组与按钮工具栏
3.按钮下拉菜单
4.输入框组
5.导航使用方法
6.导航条
7.分页与翻页方式
8.标签、徽章和巨幕
9.缩略图
10.进度条
11.媒体对象、列表组、面板
综合实例 1.项目:Bootstrap综合实例
阶段 课程模块 课程内容
前端热门 jQuery Mobile 1.了解jQuery Mobile并下载使用
2.jQuery Mobile常用API介绍
3.使用jQuery Mobile框架开发项目
Angular.js 1.初步了解Angular.js
2.Angular项目的基础概念
3.Angular指令集合,理解scope概念
4.自定义directive
5.Angular框架核心内容讲解
6.Angular实战应用
Node.js 1.快速认识Node.js
2.Node.js开发环境搭建
3.模块化知识和express框架介绍
4.Node.js实战
socket 1.HTML5 Web socket和socket.io
2.前端使用socket插件
3.Node.js中调用socket模块
【选学】Webpack+React+ES6 1.快速掌握ES6的新特性
2.React.js基础
3.React.js应用及相关工具
4.淘宝腾讯技术大牛的新玩法——Webpack+React+ES6
阶段 课程模块 课程内容
前后端通信 Web服务器基础 1.服务器基础知识
2.常用服务器简介
3.XAMPP
4.HTTP介绍
PHP基础 1.PHP基础语法
2.MySQL简介与基本语法
3.PHP操作MySQL
4.PHP处理表单
5.Ajax数据交互及JSON处理
6.项目:PHP实现用户注册登录验证
阶段 课程模块 课程内容
项目实战 综合项目 (一):京东首页
综合项目 (二):飞机大战

项目实训案例

只有具备真实的项目经验,才能在工作中游刃有余。我们精选了大量来自企业的真实项目,作为案例(案例均来自讲师实际工作,并
已获得相关授权),帮助学员掌握第一手工作经验。从此以后,你可以对“需要x年工作经验”这类招聘要求胸有成竹。

行业一线大咖联合研发&授课

更多保障,让你无忧学习高薪就业

做web前端开发,培训靠谱还是自学靠谱?

做web前端开发,培训靠谱还是自学靠谱?

网上的免费视频,不系统,知识前后不连贯。而前端开发的知识点很多,特别需要有经验的老师手把手培养你。我们的课程特别聘请微软专家和大讲台非常受欢迎的高级讲师联袂授课,师资力量有保证。

学完大讲台的WEB前端就业特训营课程能干什么?

我们的课程涉猎很广,课程涵盖HTML5、CSS3、JS基础、高级JS、JQuery、Bootstrap、Angular.js、前后端通信知识、PHP等内容。全部学习下来,你将会酣畅淋漓,大快朵颐。所以就业范围选择广,18般武艺样样精通。可以做企业前端,或者专门从事移动端H5开发或者Canvas游戏开发。

还有其他疑问?戳我马上知道