上海市web前端培训

小班详询

课程优势：真实企业核心项目贯穿全课程

上课方式：直播,面授

上课时段：全日制,周末班

¥ 询价

预约试听在线咨询

课程详情教学点教学环境学员评论相关推荐

WEB前端是使用HTML、CSS、JS以及更多的框架技术，编写网站页面、App应用、小程序、2D、3D游戏、Web、VR、AR等应用，通过内容设计、交互动画、数据操作构建项目与用户的交互界面。前端开发工程师在项目中可以与UI设计师和后台程序员合作，实现设计意图并调用后台接口；也可以独立工作，完成强用户交互的各类应用。达内教育开设的web前端课程结合了前端H5，后端node.JS和移动端APP开发，致力于培养真正的全栈人才。

01 课程适合哪类人学？

技术进阶

应届毕业生

在职转行

02 学什么？重点我们帮你圈

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

课程模块	课程内容	项目贯穿	实训目标
项目导入	WEB程序的结构与部署、项目开发流程、项目需求分析、WEB服务器的使用	“学子商城” 项目导入	了解企业项目的开发流程，理解WEB程序的结构与部署，了解项目需求，学习企业项目标准开发文档的编写
数据库和SQL语言	服务器概述、数据库服务器、维护数据库、维护数据表、创建表、列类型、列约束、基础查询、复杂查询、关联查询、子查询、跨表查询、常用函数	“学子商城” 项目数据库	创建“学子商城”项目所用数据结构，根据需求完成数据表的创建，并熟练掌握各种常用数据库操作
编程语言基础	JavaScript 的V8引擎运行环境、JavaScript代码的编写与调试、JavaScript的基础语法、变量与常量、数据类型及其转换应用、运算符和表达式、函数的定义及使用、变量与作用域、函数作用域、匿名函数、递归调用、arguments、程序的流程控制、条件语句与循环语句、数组的定义和使用、数组API、二维数组的使用、String 的使用及API、正则表达式的定义和使用、常用内置对象（Math、Date、 Number、Boolean）、错误处理、ES5/6高阶特性	“学子商城” 项目服务	理解编程语言的语言原理与运行模式，熟练掌握JavaScript核心编程技巧，能够熟练使用JavaScript实现逻辑算法、流程控制、函数，以及常用API
Node.js服务器端	搭建服务器端运行环境、异步和同步、进程和线程、回调和事件循环队列、交互模式和脚本模式、CommonJS规范、Node.js核心模块(Global、Buffer、Console、QueryString、URL、HTTP/HTTPS、 Process、Cluster、FileSystem、Stream、Timer、Zlib)、NPM和第三方模块、访问数据库和连接池、Express框架、路由和路由器、中间件和第三方中间件、模板引擎、SQL注入和WEB安全问题	“学子商城” 项目服务	掌握Node.js服务器端端应用相较于Java和PHP等语言的适用场景，掌握Node.js常用模块，熟悉NPM模块管理，在学会文件I/O操作基础上，结合数据库访问，创建动态Web应用
阶段项目	“学子商城”数据API接口设计：项目基础结构搭建、服务器端功能实现：商品添加、商品删除、商品列表、商品详情、商品修改、用户注册、删除用户、修改注册信息、用户列表、用户登录；Git命令实现版本管理、使用Github远程仓库；购买域名、购买并使用云服务器	“学子商城” 商品和用户模块服务器端接口	掌握企业级项目后端数据RESTful API的定义及实现过程
零基础公开课
课程模块	课程内容	项目贯穿	实训目标
WEB训练营	学习HTML5常用标签、CSS3样式基础及页面布局知识、掌握JavaScript基础语法、制作简单页面交互动画、图形化方式理解关系型数据库MySQL中的数据存储特性	“学子商城”项目预热	了解WEB开发核心HTML/CSS/JS技术，了解关系型数据库中数据的逻辑结构，以及常见SQL语句的编写

课程模块	课程内容	项目贯穿	实训目标
HTML基础	HTML5语法概述、文本系列标签、图像和路径、链接和锚点、表格和数据、有序列表无序列表、表单和输入项、frame和iframe、HTML5新标签的浏览器兼容性问题	“学子商城”客户端请求	熟练掌握各种HTML5 标签，能够快速完成各种页面元素的编写
HTTP/AJAX	HTTP协议详解、三次握手/四次挥手、异步和同步、AJAX原理、原生AJAX实现、GET/POST/PUT/DELETE请求、JSON和XML的定义和使用、RESTful API规范、WEB调试技巧、HTTP性能优化	“学子商城”客户端请求	深入理解AJAX的基本通信原理，掌握基于JSON的数据规则，透彻理解HTTP协议，能够熟练使用AJAX实现与服务器的异步通信，实现服务器端的通信分析，并完成页面的局部提交和刷新
阶段项目	“学子商城”数据API的异步请求：项目搭建、项目资源管理、静态页面编写、服务器端数据获取、异步数据处理	“学子商城”用户模块	结合服务器端和AJAX知识，实现网站与服务器的交互功能，包括登录、注册、个人中心、用户信息维护等功能，深入理解Web程序的结构和运行原理以及项目的开发流程
CSS基础	CSS3基础语法、各种选择器（通用选择器、元素选择器、id和class选择器、后代选择器、伪类选择器等）、框模型与背景、文本格式化、表格、显示与定位、CSS样式的浏览器兼容性问题、CSS Reset、 Normalize.css的使用；WebStorm IDE的使用	“学子商城”用户模块的静态页面完善	熟练掌握各种常用CSS选择器以及CSS样式的定义和使用，完成各种页面样式的定义和编写，进行页面美化
CSS3高级	复杂选择器、2D/3D转换（包括移动、旋转、倾斜和缩放和视点）、Transition过渡动画、Keyframes关键帧动画、弹性布局、CSS Hack 和优化、CSS3新特性的浏览器兼容性、Animate.css动画库的使用	“学子商城”用户模块的静态页面完善	熟练掌握各种CSS动画特效等高级应用，实现页面的弹性布局，实现复杂页面效果的制作，理解CSS Hack和CSS优化，能够手动完成各种页面样式的定义和编写，并保证浏览器兼容性
响应式/Bootstrap	媒体查询技术、CSS 的@media规则、手动编写以及测试响应式网页、Bootstrap基础及其基础模板、全局CSS样式（包括布局、按钮、图片等）、栅格布局系统、组件（包括导航菜单、列表、警告框等）、JS插件（包括模态框、工具提示等）、Sass/Less预处理样式的使用，定制Bootstrap	“学子商城”之商品模块(响应式版本)	理解响应式布局的原理，熟练使用CSS3 Media Query技巧，掌握Bootstrap框架的核心样式架构思想，能够熟练应用Bootstrap的全局样式、组件以及JS插件来实现响应式布局的开发、测试以及功能交互，并能够使用Sass/SCSS语言实现动态样式的编写以及定制
阶段项目	“学子商城”响应式版本实现：响应式首页、商品列表页、商品详情页、用户相关功能页	“学子商城”之商品模块(响应式版本)	熟练掌握媒体查询的使用，使用栅格布局系统实现响应式页面布局、使用Sass/SCSS动态样式语言实现Bootstrap默认样式的定制

课程模块	课程内容	项目贯穿	实训目标
JS高级	正则表达式、Function与匿名函数、作用域与闭包、面向对象编程、 Object对象与对象模板、this、call()/bind()/applay()、原型与继承、原型链、ECMAScript 5和ECMAScript6（ES2019）的新特性（Promise、async/await、模块规范export/import）	“学子商城” 项目之商品模块的页面编写、功能实现以及服务器交互功能完善	掌握JS原生对象API的使用；理解JavaScript面向对象编程理论，对封装、继承、原型链、闭包、模块化编程有深入的理解；同时掌握新版本的ECMAScript语言的各类新特性
BOM/DOM	Document对象、节点对象、节点树和元素树、选取并读取节点、文档遍历以及增加节点、删除节点、元素样式编辑、Window对象、定时器、BOM模型、事件的定义及处理、event 对象、location对象、history对象、screen对象、cookie对象的使用	“学子商城” 项目之商品模块的页面编写、功能实现以及服务器交互功能完善	深入理解DOM和BOM编程模型，熟练掌握 DOM&BOM编程API的使用，能够熟练的使用JavaScript原生代码对页面进行处理，完成各种页面动态效果以及复杂动态交互的实现
阶段项目	“学子商城”用户交互效果实现：级联下拉菜单、手风琴和树形菜单、弹出框和模态框、轮播广告多种实现、滚动监听	“学子商城” 项目中页面功能的实现	熟练掌握原生DOM&BOM操作，实现常见的页面交互效果：轮播广告、楼层滚动、标签页等
jQuery	jQuery原理解析、jQuery选择器（包括基本选择器、层次选择器、过滤选择器、表单选择器）、jQuery的DOM操作（包括HTML页面元素的增删改查）、jQuery事件、事件冒泡与事件处理、jQuery动画、jQuery常用Plug-in、开发jQuery插件、jQuery扩展、AJAX的增强操作、跨域访问与JSONP	“学子商城” 项目的购物	掌握jQuery核心API，深入理解jQuery设计思想，了解多种jQuery插件，能够熟练使用jQuery进行DOM操作、事件处理、执行复杂动画效果以及服务器端数据API访问
阶段项目	“学子商城”管理后台子系统：前台子系统完善、管理后台功能实现、前后端数据交互、复杂跨域访问（JSONP、CORS、请求代理）	“学子商城” 之订单模块	进一步完善项目中购物车、订单相关功能，熟练掌握全栈开发中，从前端到后台开发的全部技能
TypeScript 和Vue.js	TypeScript语言、静态类型和基于类的面向对象、MVC和MVVM模式、双向数据绑定原理分析及实现、计算属性、Vue 指令、组件化应用构建、组件通信、组件嵌套、组件间数据传递、自定义指令、自定义过滤器、插槽、Vue-Router 、Axios、Vuex（state、mutation、getter、 action）原理分析；Visual Studio Code IDE工具的使用	“学子商城” 后台子系统	深入理解MVVM设计模式以及在新版Vue.js框架中的实现原理，熟练掌握数据驱动的渐进式框架，能够熟练使用Vue.JS实现视图层的开发，驱动复杂的单页应用，以及复杂数据状态管理
阶段项目	“学子商城”MVVM框架重构：使用Vue.js框架重构“学子商城”项目管理后台子系统	“学子商城” 后台子系统	深入理解电商项目前台站点和后台管理站点的需求，基于后台功能接口，实现后台管理站点的WEB前端功能开发

课程模块	课程内容	项目贯穿	实训目标
Vue.js组件库	自定义复杂页面组件、基于最新版Vue.js的PC端组件库Element-UI：容器和布局、页面小组件、表单扩展组件、数据呈现组件、对话框和导航组件、复杂组件；移动UI组件库Mint UI，JS组件（Loadmore、 In?niteScroll、Swipe、LazyLoad等）、CSS组件（Tabbar、Navbar、 Cell Swipe、Search等）、表单组件（Switch、Checklist、Field等）	“学子商城” 移动版客户端	掌握基于Vue.js的生态系统中提供的常见UI组件库的原理和使用方法，掌握自定义UI组件的方法，掌握更多的扩展组件库的自学技巧
阶段项目	“学子商城”移动端子系统：使用基于Vue.js的移动端组件库实现商品模块、用户模块和购物车模块的功能点	“学子商城” 移动版客户端	掌握Vue.js整合第三方UI组件库的使用方法，熟练使用Mint UI移动组件库编写WebApp应用
H5高级	表单功能、增强的表单控件、新表单元素及属性、表单验证、音频和视频处理、Canvas绘制及图像处理、SVG元素及使用、ECharts和数据可视化、Two.js 框架的使用、Geolocation API、百度地图API、Web Storage API（sessionStorage和 localStorage）、HTML5 拖放、拖放事件及相关对象、Web Worker和性能优化、Web Socket和消息推送、Socket.IO框架	“学子商城” 项目细节优化	熟练掌握HTML5的各种新特性，能够熟练使用新表单特性实现页面功能，能够实现页面中的音视频处理，实现复杂绘图以及图表绘制，实现页面的地理定位操作以及页面的离线存储功能，使用Web Worker进行性能优化，WebSocket协议实现服务器端数据推送
阶段项目	“学子商城”后台管理子系统功能迭代：推送式应用统计、实时访问可视化统计、历史记录等、富客户端编辑器、拖放式异步文件上传等	“学子商城” 项目细节优化	分析页面功能需求，能够熟练使用HTML5的相关技术实现WEB应用开发，使用原生技术完成整个项目的PC版本的开发，熟练掌握原生代码开发技能
小程序和轻应用	微信开发准备（包括帐号注册、空间申请、域名解析等）、微信小程序开发、WXML／WXSS语法、微信小程序常用组件及API、支付宝小程序、百度智能小程序、头条小程序、uni-app/mpvue等多端框架； HBuilder IDE工具的使用	“学子商城” 项目的微信推广功能	了解微信公众平台开发及维护的相关知识，掌握微信产品设计和接口开发实现的相关技能，能够基于微信平台开发微信应用小程序，了解支付宝、百度等平台下小程序和轻应用的实现方法
阶段项目	“学子商城”小程序子系统开发：微信小程序版本实现商品模块、用户模块和购物车模块功能点		熟练掌握微信小程序的开发流程、常用组件和常用API
HybridApp	混编APP概述、PhoneGap/Cordova环境搭建、移动端事件处理、震动蜂鸣和加速度、地理位置和指南针等传感器的使用、多媒体控制、声音和图像采集、APP打包部署	APP版本的打包部署	熟练使用PhoneGap/Cordova实现混编APP开发，熟练完成APP的打包和部署

课程模块	课程内容	项目贯穿	实训目标
React和 ReactNative	新版React.js 概述、环境搭建、JSX语法、组件、state、组件生命周期、事件处理、表单、虚拟DOM实现、服务器端渲染(SSR)、实现 ToDoList、Flux和Redux、React Native 概述、React Native 移动端开发	“学子商城” 后台管理项目：PC版、 APP版	掌握JS Core式App的实现方法；深入理解React的框架原理，掌握虚拟DOM思想及实现，熟练掌握组件的构建以及复用，能够熟练使用ReactJS 实现视图层的创建和服务器端渲染(SSR)；学习React Native，构建功能强大且流畅的APP
阶段项目	“学子商城”移动端子系统重构：使用跨平台移动应用开发框架，实现Hybrid App的开发	“学子商城” 后台管理项目：PC版、 APP版	学习UI组件开发技术，熟练掌握React Native的开发技能，能够灵活选择框架技术并实现APP的开发
Python和 Django	Python基本语法、数据类型、运算符、逻辑结构、函数和对象、模块和包、数据库访问；Django框架、视图、模板系统、数据访问、RESTful/GraphQL接口开发	“学子商城”项目服务器端重构	掌握Python语言基本语法，注意与JS&Node.js 的异同之处；熟练使用Django框架提供符合RESTful/GraphQL风格的服务器端API
Angular和Ionic	设计原则和模式、新版Angular的表达式和指令、MV编程模型、控制器、双向数据绑定、过滤器和函数、服务和依赖注入、文件压缩、模块化编程、单页应用、路由、事件绑定、TypeScript、移动端开发支持、RxJS、国际化	“学子商城”项目重构	理解新版Angular的框架原理，熟练掌握MVC编程模式，能够熟练使用Angular实现页面的重构和单页面WEB应用程序的开发
阶段项目	“学子商城”后台管理子系统重构：使用Angular框架技术重构“学子商城”项目的管理后台	“学子商城”项目重构	了解软件开发流程，学习从功能分析到软件设计、再到功能实现的整个开发流程，能够熟练使用Angular的相关知识，实现Web应用程序的开发，并实现和其他框架的整合
就业冲刺	“冲刺项目”：整合H5 Canvas绘图/ECharts.js数据可视化技术、WebWorker性能优化方案、WebStorage客户端存储、WebSocket数据推送服务、MySQL数据库、Redis缓存数据、Node.js/Express服务器、数据爬虫技术、Vue.js MVVM框架、Element-UI组件库、Mint-UI组件库、Axios、二维码生成等多种技术实现的移动端SPA应用，及数据管理后台子系统，熟练使用Webpack项目构建工具，Git和Github 管理代码版本工具、云服务器部署项目；前端：App的技术演进（Native、H5/WebView、JavaScript Core、Flutter）、Dart语言、PWA技术规范、WebGL和Three.js、WebVR和WebAR	就业冲刺项目、行业新技术体验	理解企业项目设计开发部署流程及日常编码规范，掌握Vue.js全家桶在项目中的配合使用；熟练掌握组件式项目开发及前后端分离的WEB项目架构；了解前端行业新动态、把握技术发展脉络、强化自我学习能力