上课方式

面授

上课校区

招生对象

零基础的学员

课程目标

零基础学习达到熟练掌握WEB前端相关知识并就业

课程详情

授课机构

教学点

同类课程

学员评论

随着互联网的迅猛发展，各种互联网项目的不断兴起让身处其中的玩家对用户体验提出了更高的要求，前端开发也由此逐渐成为了一个不可缺少的研发角色。

东莞达内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

项目实战教学
项目实战教学，解决国内开发者“缺少经验”的劣势，让你面试的时候游刃有余，不再为没有经验找工作而感到发愁！
课程实时更新
课程内容实时更新，融合时下技术热点不断升级，一定让学员学到前沿的新技术，拒绝陈旧的技术，培养高技术人才。
雄厚师资力量
高薪聘请讲师团队，分别来自企业技术经理，总监，均是业界大咖，教学质量信得过，实战经验都是7年+的水平。
十余年培训经验
从2002年办学到现在，已经有十余年WEB前端教学经验，实战经验丰富，效果理想。获得学员和业界好评。

web前端就业方向

大前端方向。一些大厂，比如阿里，在大量实践rn和weex；由于公司内部安卓/ios式微，一定程度上，前端把ios和安卓收编了，统称大前端(还有node)。比较出名的，是饿了么和美团，这种收编一定程度上也是政治的需要。像美团这种企业，一定是重后端的。距刘平川说收编完安卓/ios后加上node团队，大前端人数与后端持平。可以想象大前端的leader的话语权了：学一点ios/安卓没坏处。
WEB开发。前端、后端是web开发的两个端，其实统称web开发，在很多国外公司没前后端这个说法，都叫做『软件工程师』或者web developer。其实，要转换一个思想：前后端并不是对立的，所以在你保持前端高水平的情况下,精进一些后端技术是必要的,但是要分清主次,前端为主。

边学边练，扎实代码功底

Practice while learning

01

项目部署上线

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

02

接轨企业

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

03

自主项目

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

04

完成50000行代码

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

05

课程贯穿

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

06

真实商业项目

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

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

teaching model

适合不同基础的学员

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

满足企业需求

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

如何成为一名Web前端开发人员

首先确定你的目标或道路。我们将讨论很多技术，趋势和工具，但我们不希望您不知所措，因此你需要首先决定要成为一名Web开发人员要做什么，因为这将帮助你选择合适的工具。和学习技术。成为Web开发人员的原因有很多，比如你想作为一名Web开发人员在一家公司工作，这是比较普遍的原因。你想以自由开发人员的身份来开始自己的业务或代理。你可以成为其他公司的顾问。你可以创建自己的应用来赚钱。编码是你的业余爱好。从上述感兴趣或目标的领域，你可以选择适用于你的目标的正确工具和技术。如果你的目标是成为一名前端开发人员，则可以选择前端开发的工具和技术。后端和全栈开发也是如此。

舒适环境健康学习

Teaching environment