上课方式

面授

上课校区

招生对象

要升职的学员

课程目标

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

课程详情

授课机构

教学点

同类课程

学员评论

众多强大的语言技术支撑着Web网页的前端，前端语言主要有脚本语言、JavaScript、VBSript、Ajax、JSON、bootstrap、angluar.js和JQuery以及前端编辑器。人们接触到的脚本语言又被称为扩建的语言或者动态语言，通常以文本的形式保存，只有在被调用时才进行解释或编译。

石家庄达内WEB课程介绍

迎合市场需求研造匠心好课

服务器端技术
前端核心技术
前端进阶技术
H5 移动端开发
框架技术

技术模块	学习目标
项目导入：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 前端功能开发

技术模块	学习目标
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.js 概述、环境搭建、JSX、组件、state、组件生命周期、事件处理、表单、虚拟 DOM 算法简析、实现 ToDoList、React native 概述、React native 开发	“学子商城”后台管理项目：PC 版、APP版，理解 React 的框架原理，熟练掌握组件的构建以及复用，能够熟练使用 ReactJS 实现视图层的创建和渲染；学习 react native，构建功能强大且流畅的 APP
阶段项目：使用跨平台移动应用开发框架，结合 web 前端技术，实现Hybrid App 的开发	学习 UI 组件开发技术，熟练掌握 react native的开发技能，能够灵活选择框架技术并实现 APP的开发
Python Web：Python 基本语法、数据类型、运算符、逻辑结构、函数和对象、模块和包、数据库访问；Django 框架、视图、模板系统、数据访问、RESTful 接口开发	“学子商城”项目服务器端重构，掌握 Python 语言基本语法，注意与 JS&Node.js 的异同之处；熟练使用 Django 框架
毕业项目：学习使用 SVN 进行源代码管理，以及使用 GitHub 进行代码托管，理解开源代码库以及版本控制系统的相关知识，学习多个项目的需求分析及开发流程、前后端分离的项目架构设计，以及完整项目在 Linux 云服务器环境下的部署	项目库中多个备选项目，通过项目库中多个备选项目的学习，深入理解项目的开发流程、需求、项目搭建以及部署发布，熟练掌握前后端分离的 WEB 项目从前端到后台的完整开发技能

web前端发展方向

前端入门学习门槛比较低，所以很多人认为HTML、CSS、JavaScript是很简单就掌握的东西，在网上看点教程，随便看看书，用HTML、CSS做个网页布局就可以入门了。如果真是这样，那基本每个人只要花点时间，随便学一下，就可以入行前端了，就可以称为前端开发工程师了。想着软件开发行业可以拿高薪，想快速入门做开发，这种想法其实没有错。但是只看一点点基础，只会一点点皮毛就不再深入拓展，这样的技术水平，就算数量再多，市场对专业的前端开发需求依然是只增不减，不会有任何影响的。

你也有这些困扰吗？

学习路上的困惑你都中招了吗?

01

常用工具：Web前端开发需要哪些常用工具？合格的Web前端开发人员需要会什么？
02

发展方向：web前端开发的发展方向是什么？Web前端开发工程师的薪资待遇怎么样？
03

学习方法：学Web前端有哪些方法？Web前端开发框架有哪些？Web前端具有什么特性？
04

学习对象：Web前端开发适合哪类人学习？零基础学习Web前端开发会不会很难？

您为何选择达内？

学WEB，为什么选达内教育？

达内：有信誉
与百度、Adobe、红帽、微软等签订合作协议，共同制定行业培训标准，所学课程受国际厂商认可。
达内：有保障
采用O2O互联网+教学系统，实力讲师为全国学员授课，确保教学质量全国统一；来自行业总监级讲师进行组合上课，入学签订讲师授课承诺书，保障学员跟技术更强的讲师学习。

如何选择web前端机构

（1）品牌实力。一个培训机构的品牌实力是尤为重要的，具有品牌实力的培训机构在学员就业、师资选择上都有更多保障，其雄厚的资本实力、大规模的培训基地、过硬的教学水平、完善的就业流程等等，都是很多小机构所不具备的，所以说，大品牌意味着强实力。
（2）师资水平。一个培训机构的师资水平决定了其教学质量，这也是培训机构赖以生存的根本，看一个机构的师资水平，我们可以从老师的从业年限、教学经验以及亲身做过的项目来考察。

机构介绍

关于我们，您有多少了解呢

达内教育由美国国际数据集团IDG投资，由来自SUN、IBM、亚信、华为、东软、用友等国际知名IT公司的技术人员、海外留学生和加拿大专业技术人员创办，直接引进北美IT技术，结合中国IT企业的现状，定制化培养IT人才，致力于为中IT企业培训并输送基于Unix/Linux平台、Oracle大型关系数据库、IP网络协议、Web应用的中高级软件人才。