上课方式

面授

上课校区

招生对象

热爱互联网，追求极致互联网体验的学员

课程目标

从入门到精通

课程详情

授课机构

教学点

同类课程

学员评论

前端开发工程师要掌握基本的Web前端开发技术，包括CSS、HTML、DOM、javascript、Ajax等，同时了解它们在不同浏览器上的兼容情况、渲染原理和存在的Bug。

东莞达内WEB前端课程内容

Web front end course content

WEB前端就业课程
WEB前端培优课程

模板	课程内容	项目贯穿
1.HTML5 WEB全栈开发导论
项目导入	WEB程序的结构与部署、项目需求、项目开发流程	“学子商城”项目导入
数据库技术	服务器概述、数据库服务器、创建数据库、创建数据表、基础查询、复杂查询、关联查询、增删改操作、常用函数	“学子商城”项目所用数据库
WEB SERVR	WEB服务器、WEB服务器技术简介、PHP服务器端技术概述、Apache服务器、PHP语法基础、PHP常用函数、PHP访问数据库、使用PHP进行复杂数据操作	“学子商城”项目的服务器端功能、常用接口
HTML5基础	HTML5快速入门、文本、图像、链接、表格、列表、表单、iframe	“学子商城”项目的基础页面
JavaScript核心	JavaScript的V8引擎运行环境、JavaScript代码的编写与调试、JavaScript的基础语法、变量与常量、数据类型及其转换应用、运算符和表达式、函数的定义及使用、变量与作用域、函数作用域、程序的流程控制、条件语句与循环语句、数组的定义和使用、数组API、二维数组的使用	“学子商城”项目的基础页面
Ajax	Ajax原理、AJAX实现方式、get与post提交、JSON的定义和使用、HTTP协议、HTTP请求、HTTP响应、HTTP优化	“学子商城”的服务器端功能交互
阶段项目	项目搭建、项目资源管理、静态页面编写、服务器端功能实现、前后端数据交互	“学子商城”之用户模块
2. HTML5 WEB前端核心
CSS3基础	CSS3基础语法、各种选择器（通用选择器、元素选择器、id和class选择器、后代选择器、伪类选择器等）、框模型与背景、文本格式化、表格、显示与定位	“学子商城”之用户模块的静态页面完善
CSS3高级	复杂选择器、2D/3D转换（包括移动、旋转、倾斜和缩放和视点）、过渡、动画、弹性布局、CSSHack和优化、浏览器兼容性	“学子商城”之用户模块的静态页面完善
阶段项目	项目完善、静态页面编写、样式细节实现、页面动效制作	“学子商城”项目的所有静态页面编写、页面样式、页面动效实现
JavaScript高级	String的使用及API、正则表达式的定义和使用、常用内置对象（Math、Date、Number、Boolean）、错误处理、Function与匿名函数、作用域与闭包、面向对象编程、Object对象与对象模板、原型与继承、原型链、ECMAScript5和ECMAScript6的新特性	“学子商城”项目之商品模块的页面编写、功能实现以及服务器交互功能完善
DOM编程	Document对象、节点对象、节点树、选取并读取节点、文档遍历以及增加节点、删除节点、元素样式编辑、Window对象、定时器、BOM模型、事件的定义及处理、event对象、location对象、history对象、screen对象、cookie对象的使用	“学子商城”项目之商品模块的页面编写、功能实现以及服务器交互功能完善
阶段项目实战	游戏项目搭建、游戏项目算法分析、WEB项目页面功能实现	1）2048或者俄罗斯方块 2）“学子商城”项目中页面功能的实现
jQuery	jQuery原理、jQuery的使用步骤、jQuery选择器（包括基本选择器、层次选择器、过滤选择器、表单选择器）、jQuery的DOM操作（包括HTML页面元素的增删改查）、jQuery事件、事件冒泡与事件处理、jQuery动画、jQuery常用Plug-in、开发jQuery插件、jQuery扩展、jQuery的AJAX应用、AJAX的增强操作、JSONP与跨域访问	“学子商城”项目的购物车功能实现
阶段项目实战	项目完善、服务器端功能实现、前后端数据交互、复杂跨域访问	“学子商城”之订单模块
HTML5高级	表单功能、增强的表单控件、新表单元素及属性、表单验证、音频和视频处理、Canvas绘制及图像处理、Chart.js框架的使用、SVG元素及使用、Two.js框架的使用、ECharts框架的使用、GeolocationAPI、百度地图API、WebStorageAPI（包括sessionStorage和localStorage）、HTML5拖放、拖放事件及相关对象、WebWorker、WebSocke	“学子商城”项目的账户查询功能
阶段项目实战	项目完善、WEB项目中H5功能的实现	“学子商城”项目完整功能
3. HTML5 WEB前端高级
Bootstrap	媒体查询技术、CSS的@media规则、手动编写以及测试响应式网页、Bootstrap基础及其基础模板、全局CSS样式（包括布局、按钮、图片等）、栅格系统、组件（包括导航菜单、列表、警告框等）、JS插件（包括模态框、工具提示等）、LESS及Bootstrap定制	“学子商城”项目之响应式专题页或者响应式个人简历
VueJS	Vue.js开发概述、环境搭建、Vue指令、组件化应用构建、组件通信、组件嵌套、自定义指令、自定义过滤器、组件属性、组件的路由、路由跳转、网络请求、Vue-Resource等	“学子商城”项目重构
阶段项目实战	使用框架技术实现“学子商城”项目的重构（视图层）
AngularJS	设计原则和模式、Angular的表达式和指令、MVC编程模型、控制器、双向数据绑定、过滤器和函数、服务和依赖注入、文件压缩、模块化编程、单页应用、路由、事件绑定、TypeScript、移动端开发支持、RxJS、国际化
阶段项目实战	使用框架技术实现“学子商城”项目的重构（MVC模式）
4. 移动端开发
WEB APP	APP开发环境、WEBAPP开发模式、Android的开发环境及模式、使用Ionic构建APP应用、使用Ionic实现页面构建、UI组件、CSS应用、基于AngularJS扩展API、路由控制、触屏事件、动画实现	“学子商城”的APP版
阶段项目实战	使用移动端开发环境，结合APP框架技术，实现WEB APP的开发	“学子商城”的APP版
"React.js React.js Native"	React.js概述、环境搭建、JSX、组件、state、组件生命周期、事件处理、表单、虚拟DOM算法简析、实现ToDoList、Reactnative概述、Reactnative开发	“学子商城”后台管理项目：PC版、APP版
阶段项目实战	使用跨平台移动应用开发框架，结合web前端技术，实现HybridApp的开发	“学子商城”后台管理项目：PC版、APP版
混编APP框架	混编APP概述、PhoneGap环境搭建、移动端事件处理、震动蜂鸣和加速度、地理位置和指南针等传感器的使用、多媒体控制、声音和图像采集	APP版本的打包部署
微信开发	微信开发准备（包括帐号注册、空间申请、域名解析等）、微信公众帐号开发及维护、JS-SDKAPI、微信小程序开发、WXML／WXSS语法、微信小程序常用组件及API	“学子商城”项目的微信推广功能
5. HTML5 WEB全栈进阶
node.js	Node.js概述、搭建服务器端运行环境、交互模式和脚本模式、全局对象、常用模块、NPM、事件循环、文件I/O、访问数据库、Express框架	“学子商城”项目的服务器端重构
常用JS框架	前端框架技术，比如zepto.js、require.js、redux、weex等，学习webpack、gulp等前端工具	项目总结及打包部署
阶段项目实战	学习使用SVN进行源代码管理，以及使用GitHub进行代码托管，理解开源代码库以及版本控制系统的相关知识，学习多个项目的需求分析及开发流程	项目库中多个备选项目

模板	课程内容	实训目标
MongoDB	MongoDB快速入门、MongoDB概述和环境配置、实现基本的增删改查数据操作	理解MongoDB的基本原理，熟练掌握MongoDB的安装、环境配置、基本原理、常用CRUD操作以及复杂操作，实现快速高效的修改和查询操作。学习高效率的查询技能，实现查询优化、统计和汇总，并结合基本的WEB前端页面来实现数据的操作和展示。以时下流行的社交网络为需求，设计数据库结构
	复杂查询、修改操作、运算符、修改器的使用以及如何访问复杂数据结构
	查询选项、索引定义及实现、复杂索引、查询优化、约束机制、数据操作优化
	聚合操作、聚合框架、聚合操作符、分组操作、执行复杂数据统计和分析功能、对常见社交网络数据进行数据库建模
Node.js	Node.js特点及适用场景、安装Node.js以及两种运行模式、Node.js基础语法和内置对象的使用、ES6中的新特性在Node.js中的使用	从Node.js的特点和使用方法开始，完整的学习Node.js各种常用的原生模块，以及众多的第三方扩展模块。通过此课程的学习，可以全面掌握Node.js服务器端开发的各方面知识，正式步入Web全栈工程师行列
	Node.js中的全局对象、四种定时器的使用、模块系统中的文件模块和目录模块、CommonJS包规范、使用NPM工具创建／上传／下载和维护第三方模块
	常用原生模块（global、os、readline、querystring、url、path、dns、util、error模块等）、常用API
	进程和线程等操作系统基础知识、Node.js中的单线程模型、非阻塞型的异步事件、事件回调、events模块、自定义事件对象、添加事件监听函数和监听事件
	使用Buffer模块操作缓冲区、fs模块、文件的访问模式、操作文件目录、异步和同步读取／写出／和追加文件内容、文件的管道式操作
	HTTP协议、请求消息格式和响应消息格式、http模块、基于HTTP协议的客户端应用和服务器端应用、HTTPS协议背景、加密技术、基于https模块创建服务器端应用和客户端应用
	MySQL数据库的使用、常用DDL／DML／DQL语句、复杂查询、mysql模块、实现数据连接和访问、连接池技术
	第三方Express模块、路由定义、接收GET／POST／PUT／DELETE请求、消息返回、自定义和预定义中间件、EJS模板引擎整合
	进程概述、process全局对象、使用child_process模块、创建子进程、cluster模块、进程集群
	WebSocket协议、Socket.IO模块整合、全双工通信应用、Socket.IO中的事件、广播消息、划分名称空间和房间
项目实战	使用SVN/Git实现项目代码管理、使用Gulp实现项目的自动化构建、使用Webpack实现模块加载和打包管理、介绍软件工程标准流程和各阶段产出标准文档	使用node.js和mongodb实现服务器端功能，使用常用前端框架构建使用，并完成PC版和APP版本。使用SVN/Git／Gulp实现项目代码管理和自动化构建；使用Webpack实现模块加载和打包管理；整合Yeoman生成器创建项目并实现工作流标准化
	分析并设计项目数据结构、编写SQL语句、创建初始数据库结构、创建Node.js服务器并整合常用模块、实现项目的服务器端业务逻辑
	使用常用前端框架创建客户端应用、实现客户端功能
	使用移动端框架创建移动版应用、实现项目的部署、打包安装调试

学WEB前端为什么选择达内

Reasons for choice

十余年培训经验

从2002年开始办学到现在，已经有十余年的WEB前端教学经验，实战经验丰富，效果理想。获得学员们和业界的好评。

雄厚师资力量

高薪聘请讲师团队，他们分别来自企业技术经理，总监，均是业界大咖人物，教学质量信得过，实战经验都是7年+的水平。

课程实时更新

课程内容实时更新，融合时下前沿技术热点不断升级，一定让学员学到前沿的新技术，拒绝陈旧的技术，培养高技术人才。

项目实战教学

项目实战教学，解决国内开发者“缺少经验”的劣势，让你面试的时候游刃有余，不再为没有经验找工作而感到发愁！

Web前端的就业前景如何

大家熟知的Facebook就是Web前端技术的产物，完全基于前端框架打造出来的平台。另外，外卖平台饿了么旗下的部分产品也是基于Web前端技术的。像淘宝，百度，阿里等等，都已经将Web前端技术打入到了自己的产品中。随着人们越来越重视用户界面的设计美感和操作体验，企业对Web前端工程师的需求也变得越来越大，而且Web前端开发资深人员的市场缺口仍在与日俱增。国外的前端开发和后端开发人员占比为1:1，国内占比是1:3，虽然比例相差较大，但随着web前端行业的高速发展，其岗位的人才缺口已经达到了近50万，并且北上广深等一线城市的Web前端开发人员的薪资待遇也因此而一高再高。

边学边练，扎实代码功底

Practice while learning

WEB人才缺口巨大

WEB前端发展前景好，薪资待遇高
完成50000行代码

实战讲师手把手教学，完成50000行代码组

1
自主项目

学员自主完成3个不低于10000行代码的项目

2
接轨企业

真实对接企业，标准化，规范化，流程化

3
项目部署上线

云服务真实部署，项目上线，投入使用

4
真实商业项目

成立项目小组，团队完成，更贴近工作场景

5
课程贯穿

企业核心项目贯穿课程，培养Web大局观

6
选择达内成就未来

做硬核的WEB全栈工程师

达内推出因材施教、分级培优教学模式

teaching model

适合不同基础的学员

教育培训行业一直不能解决的难题是：无法根据不同学习能力、不同学习水平学员进行针对性的因材施教，导致不同学习水平、不同学习能力的学员在一个班级内混合上课。

满足企业需求

随着企业招聘职位越来越细化，对岗位的技术要求越来越细，达内必须按照企业的需求为企业提供高水平的技术人才，所以必须推出差异化教学模式，满足企业的招聘需求。

Web开发的基本工具和软件

Web浏览器：大多数开发人员的首选是Chrome或Firefox。Chrome速度很快，并且使用V8引擎（JavaScript引擎）。Firefox也取得了长足的进步，其中的一些好东西不在chrome浏览器中。两种浏览器都有出色的开发工具，可以对Web开发中的问题进行故障排除。
终端：您将使用一些系统命令来使用CLI进行很多工作。您可以将默认或第三方终端用于您的Web开发项目。Bash，Zsh，Powershell，Git Bash，iTerm，Hyper这些都是可以使用的选项。

实力讲师传授真实项目经验

Introduction to teachers