郑州达内教育

使用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 程序的开发流程，理 解 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 应用

阶段项目

课程内容：项目搭建、服务器端功能实现：商品添加、商品删除、商品列表、商品详情、商品修改、用户注册、删除用户、修改注册信息、用户列表、用户登录

项目贯穿：“学子商城”之商品和用户模块服务器端接口

实训目标：掌握基于单一数据库表的增删改查操作

前端核心技术

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 默认样式的定制