宁波WEB课程-地址-电话-达内教育

课程详情授课机构教学点同类课程学员评论相关推荐相关知识

Web前端开发工程师已经成为发展中的职业香馍馍。几乎整个互联网行业都缺Web前端工程师，无论是刚起步的创业公司，还是上市公司乃至巨头，空缺一样存在。杰出的Web前端工程师简直比大熊猫还稀少。

达内WEB前端知识体系包括哪些内容

达内Web前端课程，紧跟时代步伐

基础知识

HTML5、CSS3、JavaScript/ECMAScript

核心技术

BOM&DOM、jQuery、HTTP、AJAX

高阶内容

H5 高级、响应式布局、Bootstrap 框架

移动端开发

移动端适配、WebApp、微信公众号、小程序

三大框架

Vue.js、Angular、React.js 及各自的生态圈

全栈技术

Node.js、数据库、自动化构建、项目管理技术

Web前端项目驱动教学

所需即所学，所学即所用

课程贯穿

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

完成50000行代码

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

项目部署上线

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

真实商业项目

真实项目实战，成立项目专项小组，贴近工作场景。

接轨企业

真实对接企业，标准化，规范化，流程化的工作流。

自主项目

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

网页设计的原则

（一）保持醒目和简洁。我们经常会遇到一个问题，非常多的用户抱怨注册表单需要太多的信息。如果你设计的网站正在想办法增加注册用户数量，那么首先必须保证设计的表单尽可能的简洁，易于填写。同时对于着重强调的版块和信息，在设计时可以采用更醒目的方式加以强调。
（二）合理组织信息。对于较为复杂、填写项多的表单，如果不对信息进行组织，很容易显得繁杂混乱，让用户在一开始就产生抵触的情绪，甚至选择放弃。合理有层次的组织信息，可以利用框线、空间间隔、颜色的不同，按照不同信息的类别、属性和相关性进行区块的划分，用步骤条指示当前的进程。清晰的浏览线，合理的标签、提示文字及按钮的排布，避免不必要的信息重复出现，能够降低用户的视觉负担和物理负担。

宁波达内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 应用
阶段项目	课程内容：项目搭建、服务器端功能实现：商品添加、商品删除、商品列表、商品详情、商品修改、用户注册、删除用户、修改注册信息、用户列表、用户登录项目贯穿：“学子商城”之商品和用户模块服务器端接口实训目标：掌握基于单一数据库表的增删改查操作

前端核心技术

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 项目

实战讲师，鼎力带学

从实战中走出的讲师，传授真实项目经验

李文华

达内教育WEB老师

曾工作于中国互联网中心、中软国际等机构，先后任教于华育国际、IBM产品基地、达内科技等组织。具备多年互联网项目开发及管理经验，十年以上JavaEE、PHP、移动开发等多方向授课经验。行业知识广泛深入，具备多学科全部课程完整授课经验；授课思路顺畅，表达清晰自然，善于化繁为简、化抽象为具体，能够很好的调动学员积极性。

杨燕

达内教育WEB老师

多年互联网领域研发经验，包括商务网站、管理系统、移动应用等研发经验。曾参与研发的项目涉及领域包括航天系统、总参谋部队等，并在大唐电信任职高级工程师期间积累了丰富的教学实战经验。由浅入深，快速入门，实行理论加实战的教学方式，做到真正的学以致用。达内集团WEB技术讲师，主讲HTML5、CSS3、交互设计、JavaScript等课程。

Web前端需要注意的CSS书写规范

1. 样式表中中文字体名，请务必转码成unicode码，以避免编码错误时乱码
2. 背景图片请尽可能使用sprite技术，减小http请求，考虑到多人协作开发， sprite按模块制作
3. 使用table标签时(尽量避免使用table标签)，请不要用width/ height/cellspacing/cellpadding等table属性直接定义表现，应尽可能的利用table自身私有属性分离结构与表现，如thead，tr，th，td，tbody，tfoot，colgroup，scope; (cellspaing及cellpadding的css控制方法:table{border:0;margin:0;border-collapse:collapse;} table th， table td{padding:0;}， base.css文件中我会初始化表格样式)

多重服务多重选择，实现人才输送

达内携手Adobe，联合培养设计人才