发布时间:2022-09-27 15:54:51来源:尚训网综合
达内教育开设的web前端课程结合了前端H5,后端node.JS和移动端APP开发,致力于培养全栈人才。前端开发工程师在项目中可以与UI设计师和后台程序员合作,实现设计意图并调用后台接口;也可以独立工作,完成强用户交互的各类应用。
真实企业项目实战,成立项目专项小组,更贴近工作。
真实企业核心项目贯穿全课程,培养Web的大局观。
云服务器真实部署,真实项目上线测试,投入使用。
真实对接企业,标准化,规范化,流程化的工作流。
专业课程讲师
学员作品审核
商业项目指导
就业技术辅导
日常学习答疑
实战项目陪练
组织周测月考
组织技术峰会
日常学员管理
能力拓展活动
学员日常访谈
简历面试指导
合作企业洽谈
就业案例分析
双选会/招聘会
面试/就业指导
课程模块:4个模块,服务器端开发。
课程模块:4个模块,页面结构、样式美化。
课程模块:4个模块,用户交互、框架重构。
课程模块:4个模块,移动端开发、小程序上线。
课程模块:3个模块,高阶框架重构、PythonWeb。
Web前端开发工程师,是从事Web前端开发工作的工程师,主要进行网站的开发、优化、完善的工作,网页制作是Web 1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行为也以浏览为主,前端开发工程师在项目中可以与UI设计师和后台程序员合作,实现设计意图并调用后台接口;也可以独立工作,完成强用户交互的各类应用。
宁波达内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.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前端培训 更多学校信息: 宁波海曙区翠柏路达内教育 咨询电话: