使用HTML/CSS/JS以及更多的框架技术，编写网站页面、App应用、小程序、2D&3D游戏、Web VR&AR等应用，通过内容设计、交互动画、数据操作构建项目与用户的交互界面。前端开发工程师在项目中可以与UI设计师和后台程序员合作，实现设计意图并调用后台接口;也可以工作，完成强用户交互的各类应用。
达内Web 前端开发工程师特色
既懂前端开发
前端核心 + 三大框架 + 移动端开发全面&深入
又懂后端开发
200名实战技术讲师，开设技术更强的27大技术课程
还懂企业需求
达内有14万家合作企业，所以更懂企业招聘需求
边学边练、实战项目训练
1功底实 : 扎实代码功底，应对企业需求!
2懂后台 : 懂后台的 Web，更有效团队配合!
3大项目 : PC/ 响应式 / 移动 / 小程序前台 + 后台的企业级全栈项目!
4会微信 : 微信公众号及小程序开发，更适应市场需求!
5擅混编 : 混编 App 开发，发展前景更广阔!
服务器端技术
| | |||
|---|---|---|---|
| 项目导入 | 课程内容：WEB 程序的结构与部署、项目开发流程、项目需求分析 项目贯穿：“学子商城”项目导入 实训目标：了解 WEB 程序的开发流程，理 解 WEB 程序的结构与部署，了解项目需求，学习标准开发文档 | ||
| 数据库和 SQL | 课程内容： 服务器概述、数据库服务器、创建数据库、创建数据表、基础查询、复杂查询、关联查询、增删改操作、常用函数 项目贯穿：“学子商城”项目所用数据库 实训目标：使用 MySQL 创建“学子商城”项目所用数据库，根据需求完成数据表的创建，并熟练掌握各种常用数据库操作 | ||
| JS 基础 | 课程内容：JavaScript 的 V8 引擎运行环境、JavaScript 代码的编写与调试、JavaScript 的基础语法、变量与常量、数据类型及其转换应用、运算符和表达式、函数的定义及使用、变量与作用域、函数作用域、程序的流程控制、条件语句与循环语句、数组的定义和使用、数组 API、二维数组的使用、String 的使用及 API、正则表达 式 的定 义和 使 用、常用内置 对 象（Math、Date、Number、Boolean）、错误处理 项目贯穿：“学子商城”项目服务器端应用 实训目标：理解 JavaScript 的语言原理与运行模式，熟练掌握JavaScript核心编程技巧，能够熟练使用JavaScript实现逻辑算法、流程控制、函 数，以及常用 API | ||
| Node.js | 课程内容：搭建服务器端运行环境、 交互模式和脚本模式、 常用模块、NPM、Yarn、事件循环、文件 I/O、访问数据库、Express 框架、Webpack 打包 项目贯穿：“学子商城”项目导入 实训目标：了解 Node.js 服务器端应用特性，掌握常用模块，熟悉 NPM 模块管理，在学会文件 I/O 操作基础上，结合数据库访问，创建动态 Web 应用 | ||
| 阶段项目 | 课程内容：项目搭建、服务器端功能实现：商品添加、商品删除、商品列表、商品详情、商品修改、用户注册、删除用户、修改注册信息、用户列表、用户登录 项目贯穿：“学子商城”之商品和用户模块服务器端接口 实训目标：掌握基于单一数据库表的增删改查操作 |
前端核心技术
| HTML 基础 | 课程内容：HTML5 入门、 文本、 图像、 链接、 表格、 列表、 表单、iframe 项目贯穿：“学子商城”之客户端请求 实训目标：熟练掌握各种 HTML 标签，能够手动完成各种页面的编写 |
| HTTP&AJAX | 课程内容： Ajax 原理、AJAX 实现方式、get 与 post 提交、JSON 的定义和使用、HTTP 协议、HTTP 请求、HTTP 响应、HTTP 优化 项目贯穿：“学子商城”项目所用数据库 实训目标：深入理解 Ajax 的基本通信原理，掌握基于JSON 的数据规则，透彻理解 HTTP 协议，能够熟练使用 Ajax 实现与服务器的异步通信，实现服务器端的通信分析，并完成页面的局部提交和刷新 |
| 阶段项目 | 课程内容：项目搭建、项目资源管理、静态页面编写、服务器端功能实现、前后端数据交互 项目贯穿：“学子商城”之用户模块 实训目标：结合服务器端和 AJAX 知识，实现网站与服务器的交互功能，包括登录、注册、个人中心、用户信息维护等功能，深入理解 WEB 程序的结构和运行原理以及项目的开发流程 |
| CSS 基础 | 课程内容：CSS3 基础语法、各种选择器（通用选择器、元素选择器、id 和 class 选择器、后代选择器、伪类选择器等）、框模型与背景、 文本格式化、表格、显示与定位 项目贯穿：“学子商城” 之用户模块的 静态页面完善 实训目标：熟练掌握各种常用 CSS 选择器以及 CSS 样式的 定义和使用，能够手动完成各种页面样式的定义 和编写 |
| CSS3 高级 | 课程内容：复杂选择器、2D/3D 转换（包括移动、旋转、倾斜和缩放和视点）、 过渡、动画、弹性布局、CSS Hack 和优化、浏览器兼容性 项目贯穿：“学子商城” 之用户模块的 静态页面完善 实训目标：熟练掌握各种 CSS 复杂选择 器以 及高级 应 用， 实现页面的弹性布局，实现复杂页面的制作， 理解 CSS Hack 和 CSS 优化，能够手动完成各 种页面样式的定义和编写，并保证浏览器兼容性 |
| 响应式&Bootstrap | 课程内容：媒体查询技术、CSS 的 @media 规则、手动编写以及测试响应 式网页、Bootstrap 基础及其基础模板、全局 CSS 样式（包括布局、 按钮、图片等）、栅格系统、组件（包括导航菜单、列表、警告框等）、 JS （包括模态框、工具提示等）、Sass 及 Bootstrap 定制 项目贯穿：“学子商城”之商品模块( 响应式版本 ) 实训目标：理解响应式布局的原理，熟练掌握 Bootstrap 的核心 API，能够熟练应用 Bootstrap 的全局样 式、组件以及 JS 来实现响应式布局的开发、 测试以及功能交互，并能够使用 Sass 语言实现 动态样式的编写以及定制 |
| 阶段项目 | 课程内容：响应式版本的首页、商品列表页、商品详情页 项目贯穿：“学子商城”之商品模块( 响应式版本 ) 实训目标：熟练掌握媒体查询的使用，使用栅格布局系统实 现响应式页面布局、使用 Sass 动态样式语言实 现 Bootstrap 默认样式的定制 |
前端进阶技术
| | |||
|---|---|---|---|
| JS 高级 | 课程内容：Function 与匿名函数、作用域与闭包、面向对象编程、Object 对象与对象模板、原型与继承、原型链、ECMAScript 5 和 ECMAScript 6 的新特性 项目贯穿：“学子商城”项目之商品模块的页面编写、功能实现以及服务器交互功能完善 实训目标：理解 JavaScript 的语言原理与运行模式，熟练 掌握 JavaScript 核心编程技巧，能够熟练使用 JavaScript 实现逻辑算法、流程控制、界面验 证以及功能实现 | ||
| BOM&DOM | 课程内容：Document 对象、节点对象、节点树、选取并读取节点、文档遍 历以及增加节点、删除节点、元素样式编辑、Window 对象、定 时器、BOM 模型、事件的定义及处理、event 对象、location 对象、 history 对象、screen 对象、cookie 对象的使用 项目贯穿：“学子商城”项目之商品模块的页面编写、功能实现以及服务器交互功能完善 实训目标：深入理解 DOM 和 BOM 理论，熟练掌握 DOM 编 程，能够熟练的使用 JavaScript 原生代码对页 面进行处理，完成各种页面动态以及动态交 互的实现 | ||
| 阶段项目 | 课程内容： WEB 项目页面功能实现 项目贯穿：“学子商城”项目中页面功能的实现 实训目标：熟练掌握原生 DOM&BOM 操作，实现常见的页面交互：轮播广告、楼层滚动、标签页等 | ||
| jQuery | 课程内容：jQuery 原理、jQuery 的使 用步骤、jQuery 选择器（包括基 本 选择器、层次选择器、过滤选择器、表单选择器）、jQuery 的 DOM 操作（包括 HTML 页面元素的增删改查）、jQuery 事件、 事件冒泡与事件处理、jQuery 动画、jQuery 常用 Plug-in、开 发 jQuery 、jQuery 扩展、jQuery 的 AJAX 应用、AJAX 的 增强操作、JSONP 与跨域访问 项目贯穿：“学子商城” 项目的购物车 功能实现 实训目标：掌握 JQuery 核心 API，深入理解 JQuery 设计 原 则，了解多种 JQuery 插 件，能 够 熟 练使 用 JQuery 编程，实现页面各种功能 | ||
| 阶段项目 | 课程内容：项目完善、服务器端功能实现、前后端数据交互、复杂跨域访问 项目贯穿：“学子商城” 之订单模块 实训目标：进一步完善项目中购物车、订单相关功能，熟练 掌握全栈开发中，从前端到后台开发的全部技能 | ||
| Vue.js | 课程内容：Vue.js 开发概述、环境搭建、 Vue 指令、 组件化应用构建、组件 通信、组件嵌套、自定义指令、 自定义过滤器、组件属性、组件 的路由、路由跳转、Axios、Vuex 等 项目贯穿：“学子商城” 后台子系统 实训目标：理解 Vue.js 的框架原理，熟练掌握数据驱动的 渐进式框架，能够熟练使用 Vue.JS 实现视图层 的开发，驱动复杂的单页应用 | ||
| 阶段项目 | 课程内容：响应式版本的首页、商品列表页、商品详情页 项目贯穿：“学子商城” 后台子系统 实训目标：使用框架技术实现“学子商城”项目的重构（视图层） 深入理解电商项目前台站点和后台管理站点的 需求，基于后台功能接口，实现后台管理站点的 WEB 前端功 |
H5 移动端开发
| | |||
|---|---|---|---|
| Vue.js 组件库 | 课程内容： 基于Vue.js 的移动UI组件库 Mint UI， 常用JS组件（Toast、InfiniteScroll、Swipe 等）、CSS 组件（Header、Tabbar、Navbar 等）、表单组件（Switch、Checklist、Field 等） 项目贯穿：“学子商城”移动版客户端 实训目标：掌握基于 Vue.js 的生态系统中提供的常见 UI 组 件库的原理和使用方法，了解自定义 UI 组件的 方法，掌握更多的扩展组件库的自学技巧 | ||
| 阶段项目 | 课程内容：项目商品模块、用户模块和购物车模块的功能点 项目贯穿：“学子商城”移动版客户端 实训目标：掌握 Vue.js 整合第三方 UI 组件库的使 用方法， 熟 练使 用 Mint UI 移动组件库编写 WebApp 应用 | ||
| H5高级 | 课程内容： 表单功能、增强的表单控件、新表单元素及属性、表单验证、音 频和视频 处理、Canvas 绘制及图像处理、Chart.js 框架的使 用、SVG 元素及使用、Two.js 框架的使用、ECharts 框架的使 用、Geolocation API、地图 API、Web Storage API（包括 sessionStorage 和 localStorage）、HTML5 拖放、拖放事件及 相关对象、Web Worker、Web Socket 项目贯穿：“学子商城”项目细节优化 实训目标：熟练掌握 HTML5 的各种新特性，能够熟练使用 新表单特性实现页面功能，能够实现页面中的音 视频处理，实现复杂绘图以及图表绘制，实现页 面的地理定位操作以及页面的离线存储功能，能 够熟练使用 HTML5 进行各种 Web 应用开发 | ||
| 阶段项目 | 课程内容： 项目完善、WEB 项目中 H5 功能的实现（实时访问统计、历史记 录等、富客户端编辑器、后台上传等） 项目贯穿：“学子商城”项目细节优化 实训目标：分析页面功能需求，能够熟练使用 HTML5 的相 关技术实现 WEB 应用开发，使用原生技术完成 整个项目的 PC 版本的开发，熟练掌握原生代码 开发技能 | ||
| 微信 | 课程内容： 微信开发准备（包括帐号注册、空间申请、域名解析等）、微信 公众帐号开发及维护、JS-SDK API、微信小程序开发、WXML ／ WXSS 语法、微信小程序常用组件及 API 项目贯穿：“学子商城”项目的微信推广功能 实训目标：了解微信公众平台开发及维护的相关知识，掌握 微信产品设计和接口开发实现的相关技能，能够 基于微信平台开发微信应用小程序 | ||
| 阶段项目 | 课程内容： 项目微信小程序版本开发，实现商品模块和购物车模块功能点 项目贯穿：“学子商城”项目的微信推广功能 实训目标：熟练掌握微信小程序的开发流程、常用组件和常用API | ||
| HybridApp | 课程内容： 混编 APP 概 述、PhoneGap/Cordova 环境搭建、移动端事件 处理、震动蜂鸣和加速度、地理位置和指南针等传感器的使用、 多媒体控制、声音和图像采集 项目贯穿：APP 版本的打包部署 实训目标：熟练使用 PhoneGap/Cordova 实现混编 APP 开发，熟练完成APP的迁移和部署 |
框架技术
| | |||
|---|---|---|---|
| Angular生态系统 | 课程内容：设计原则和模 式、Angular 的表 达 式 和指 令、MVC 编程模 型、 控制器、双向数据绑定、过滤器和函数、服务和依赖注入、文件 压缩、模块化编程、单页应用、路由、事件绑定、TypeScript、 移动端开发支持、RxJS、国际化 项目贯穿：“学子商城”项目重构 实训目标：理解 AngularJS 的框架原理，熟练掌握 MVC 编 程模式，能够熟练使用 AngularJS 实现页面的 重构和单页面 WEB 应用程序的开发 | ||
| 阶段项目 | 课程内容： 使用框架技术实现“学子商城”项目的重构（MVC 模式） 项目贯穿：“学子商城”项目重构 实训目标：了解软件开发流程，学习从功能分析到软件设计、 再到功能实现的整个开发流程，能够熟练使用 AngularJS 的相关知识，实现 Web 应用程序的 开发，并实现和其他框架的整合 | ||
| React生态系统 | 课程内容： React.js 概述、环境搭建、JSX、组件、state、组件生命周期、 事件处理、表单、虚拟 DOM 算法简析、实现 ToDoList、React native 概述、React native 开发 项目贯穿：“学子商城”后台管理项目：PC 版、APP版 实训目标：理解 React 的框架原理，熟练掌握组件的构建 以及复用，能够熟练使用 ReactJS 实现视图层 的创建和渲染 ；学习 react native，构建功能强 大且流畅的 APP | ||
| 阶段项目 | 课程内容： 使用跨平台移动应用开发框架， 结合 web 前端技术， 实现Hybrid App 的开发 项目贯穿：“学子商城”后台管理项目：PC 版、APP版 实训目标：学习 UI 组件开发技术，熟练掌握 react native 的开发技能，能够灵活选择框架技术并实现 APP 的开发 | ||
| Python Web | 课程内容： Python 基本语法、数据类型、运算符、逻辑结构、函数和对象、 模块和包、数据库访问；Django 框架、视图、模板系统、数据访问、 RESTful 接口开发 项目贯穿：“学子商城” 项目服务器端 重构 实训目标：掌握 Python 语言基本语法，注意与 JS&Node. js 的异同之处 ；熟练使用 Django 框架提供符合 RESTful 风格的服务器端 API | ||
| 毕业项目 | 课程内容：学习使用 SVN 进行源代码管理，以及使用 GitHub 进行代码托 管，理解开源代码库以及版本控制系统的相关知识，学习多个项 目的需求分析及开发流程、前后端分离的项目架构设计，以及完 整项目在 Linux 云 服务器环境下的部署 项目贯穿：项目库中多个备选项目 实训目标：通过项目库中多个备选项目的学习，深入理解项 目的开发流程、需求、项目搭建以及部署发布， 熟练掌握前后端分离的 WEB 项目 |
地理位置 Location
