H5全栈课程学些什么内容?
课程详情
12年办学历史大机构彰显口碑实力
12
12年办学历程
3000 +
3000家合作企业
30
30位资深讲师
20000
20000名参培学员
课程适合哪类人群学习?
毫无编程经验,零基础学习
我要就业
IT应届生,能力提升
我要学习
掌握项目全流程,自主创业
我要创业
为什么这么多人都选择H5?
市场需求大
发展前景好
行业薪资高
晋升速度快
全能的H5
PC站
移动站
小程序
桌面程序
多媒体
BS/CS
HTML5 前端 技术大潮
互联网行业不可或缺的人才
15000元以上
全栈工程师
(高级)
9000-13000元
全栈工程师
(中级)
6000-8000元
全栈工程师
(初级)
50天项目实训,超时还原企业项目
咨询课程详情
课程升级
持续自我迭代,始终紧跟企业实际技术选型
新增内容

企业级UI设计图实现页面布局

BootStrap实现响应式页面

原生JavaScript实现小游戏开发

原生Ajax实现前后端通信

JSONP,CORS实现解决跨域

Animation实现动画

Canvas实现气泡, 钟表功能

jQuery实现备忘录项目

ArtTemplate实现模板页面复用

Viewport + Rem实现移动端适配

ViewPort实现1物理像素问题

原生JavaScript实现无缝滑屏

zepto实现移动端滑屏

Stylus/Less实现CSS预编译

Express实现服务器端搭建

Nginx实现服务器反向代理

ngrok实现内网穿透

sha1、MD5实现加密隐私数据

Monggose实现mongoDB数据库操作

Echarts实现数据可视化

Mock、json-server实现模拟数据

Nodejs实现前后端完全分离

WebSocket实现实时通信

企业级UI设计图实现页面布局

BootStrap实现响应式页面

原生JavaScript实现小游戏开发

原生Ajax实现前后端通信

JSONP,CORS实现解决跨域

Animation实现动画

Canvas实现气泡, 钟表功能

jQuery实现备忘录项目

ArtTemplate实现模板页面复用

Viewport + Rem实现移动端适配

ViewPort实现1物理像素问题

原生JavaScript实现无缝滑屏

zepto实现移动端滑屏

Stylus/Less实现CSS预编译

Express实现服务器端搭建

Nginx实现服务器反向代理

ngrok实现内网穿透

sha1、MD5实现加密隐私数据

Monggose实现mongoDB数据库操作

Echarts实现数据可视化

Mock、json-server实现模拟数据

Nodejs实现前后端完全分离

WebSocket实现实时通信

企业级UI设计图实现页面布局

BootStrap实现响应式页面

原生JavaScript实现小游戏开发

原生Ajax实现前后端通信

JSONP,CORS实现解决跨域

Animation实现动画

Canvas实现气泡, 钟表功能

jQuery实现备忘录项目

ArtTemplate实现模板页面复用

Viewport + Rem实现移动端适配

ViewPort实现1物理像素问题

原生JavaScript实现无缝滑屏

zepto实现移动端滑屏

Stylus/Less实现CSS预编译

Express实现服务器端搭建

Nginx实现服务器反向代理

ngrok实现内网穿透

sha1、MD5实现加密隐私数据

Monggose实现mongoDB数据库操作

Echarts实现数据可视化

Mock、json-server实现模拟数据

Nodejs实现前后端完全分离

WebSocket实现实时通信

升级内容

promise,async实现解决回调地狱问题

class实现真正意义的面向对象

swiper实现各种场景轮播图

better-scroll实现滑屏功能

React-router实现React路由跳转问题

Redux实现数据集中管理

Antd实现ReactUI界面布局

React实现受控组件

Vue-router实现基于Vue的SPA应用

Vuex实现基于Vue的状态集中管理

Mint-UI实现基于Vue移动端的UI界面布局

Element-UI实现基于VuePC端界面UI布局

微信公众号实现消息定时推送功能

微信小程序实现音乐播放功能

Mpvue实现小程序开发

Cocos Creator实现小游戏开发

函数防抖节流实现提高JavaScript性能问题

开启图层实现减少重绘重排性能优化问题

Gulp实现项目文件合并打包

Webpack实现项目工程化,项目热加载

ES6, Commonjs实现模块化开发

SVN,GIT实现项目版本管理

JavaScript实现数据深度克隆

promise,async实现解决回调地狱问题

class实现真正意义的面向对象

swiper实现各种场景轮播图

better-scroll实现滑屏功能

React-router实现React路由跳转问题

Redux实现数据集中管理

Antd实现ReactUI界面布局

React实现受控组件

Vue-router实现基于Vue的SPA应用

Vuex实现基于Vue的状态集中管理

Mint-UI实现基于Vue移动端的UI界面布局

Element-UI实现基于VuePC端界面UI布局

微信公众号实现消息定时推送功能

微信小程序实现音乐播放功能

Mpvue实现小程序开发

Cocos Creator实现小游戏开发

函数防抖节流实现提高JavaScript性能问题

开启图层实现减少重绘重排性能优化问题

Gulp实现项目文件合并打包

Webpack实现项目工程化,项目热加载

ES6, Commonjs实现模块化开发

SVN,GIT实现项目版本管理

JavaScript实现数据深度克隆

promise,async实现解决回调地狱问题

class实现真正意义的面向对象

swiper实现各种场景轮播图

better-scroll实现滑屏功能

React-router实现React路由跳转问题

Redux实现数据集中管理

Antd实现ReactUI界面布局

React实现受控组件

Vue-router实现基于Vue的SPA应用

Vuex实现基于Vue的状态集中管理

Mint-UI实现基于Vue移动端的UI界面布局

Element-UI实现基于VuePC端界面UI布局

微信公众号实现消息定时推送功能

微信小程序实现音乐播放功能

Mpvue实现小程序开发

Cocos Creator实现小游戏开发

函数防抖节流实现提高JavaScript性能问题

开启图层实现减少重绘重排性能优化问题

Gulp实现项目文件合并打包

Webpack实现项目工程化,项目热加载

ES6, Commonjs实现模块化开发

SVN,GIT实现项目版本管理

JavaScript实现数据深度克隆

获取详细课程体系
课程大纲
第一阶段:页面重构
预科阶段,主要帮助学员了解前端行业,并快速入门,掌握前端必备技能,最终通过学员们的团队协作来完成项目。通过学习HTML5和CSS3的标签与属性,快速构建前端标准化页面。轻松掌握企业官网、大型电商及移动端个性网站开发。 对比PC端网页开发思想,学习并掌握移动端WAP站的开发技能。以项目带动知识点,学习掌握移动端单位、样式兼容iOS与Android等一系列知识点,从而实现移动端WAP站的开发。
课程目标:
掌握HTML5和CSS3等标签与属性语法,强化对标签及属性的理解与记忆;
通过掌握文字三属性、实体化三属性,能够快速理解页面结构的组成原理,实现精准布局;
掌握网页布局及各种布局流:弹性布局、圣杯布局、双飞翼布局、标准流、浮动流、定位流等;
熟练使用项目列表、无序与有序列表、图片与链接等,实现页面元素多样化,并桥接各站;
熟练使用导航与滑动门、表格与表单;
掌握父相子绝、父固子绝、定位居中等高级定位思想,从而实现页面错位元素的挂载;
掌握html5语义化标签及CSS2、CSS3属性;
熟练使用animation、transform、transition等C3属性创造页面动画效果;
掌握相对路径与绝对路径、css语法与特性、背景图与其分拆书写;
掌握页面塌陷原理及解决方案、css选择器、伪类;
掌握浮动与清除浮动、精灵图sprite、C3属性、rem与em等;
移动端WAP站开发;
阶段项目:
《DZ论坛》、《天猫/京东电商网站》
第二阶段:JavaScript
打造学员编程思维,熟练掌握JavaScript底层逻辑与应用,通过精细讲解企业级商城的复杂业务逻辑,让学员透彻理解网站协同开发流程,并有能力解决开发过程遇到的各类问题,如浏览器兼容问题。
课程目标:
掌握打印与弹框、变量、基本数据类型与复杂数据类型、数据类型转换等;
对内置对象、JSON技术、预加载、ECMAScript、DOM、BOM、JS兼容性测试有深刻的理解;
熟练使用动画函数封装、轮播图、购物预览、tab切换栏等特效等功能;
理解掌握let与const等新增语法、Promise、Generator、Async-await、解构、内置对象扩展、JavaScript面向对象思想、对象的创建、闭包、详解原型与原型链、ES6面向对象;
掌握this、作用域、Class、constructor与super等;
掌握观察者模式、定时器、同步与异步编程、工厂模式、构造函数、对象字面量、变量提升、作用域、作用域链、访问规则、混合式继承、发布订阅、单例模式、call、apply、bind、私有成员与特权方法等;
阶段项目:
《DZ论坛》、《天猫/京东电商网站》
第三阶段:JQuery与动效框架开发实战
从源码开始讲解,熟练掌握网页开发中几乎所有动效框架,且从底层理解其逻辑,学员能独立完成一个网站项目所需的常用交互动效。传授链式编程原理及面向过程思想,涉及移动端及PC端网页特效开发,实现移动端触摸、拖拽、手势等功能。
课程目标:
熟练掌握JQuery书写规则与底层逻辑,彻底弄懂链式编程思想、面向过程开发思想等;
JQuery之hide、show、animate、fadeIn、fadeOut等方法;
Wow.js与animate.css结合玩转页面动效,使用ScrollReveal.js产生页面翻滚特效;
预编译语言less与sass的对比使用与koala编译;
移动端主流框架zepto及其插件的使用、解读zepto源码;
bootstrap栅格布局、组件使用、插件调用、样式调节、版本对比、icon参照;
阶段项目:
《DZ论坛》、《天猫/京东电商网站》
第四阶段:AJAX编程与NodeJS服务端开发
通过对NodeJS的讲解,让学员能理解后端开发概念;能够独立开发基于后台接口的动态网站、Ajax数据交互的项目;能够独立完成企业网站从前台到后台的基本开发工作,是前端开发修炼为全栈开发必不可少的一步。
课程目标:
理解并掌握nodeJs基础理论;
熟练掌握http、url、路由、fs等模块,了解异步与同步转换、静态资源文件管理等;
掌握文件夹模块、npm、nvm、ajax、formidable、ejs与jade模板引擎;
掌握Chrome浏览器debug技巧;
掌握单线程、多线程等服务端概念;
理解并掌握Express框架、中间件、render、send、API、MongoDB、Mongoose、MySQL、NoSQL、数据库CRUD、函数封装、Cookie、LocalStorage、SessionStorage、MD5加密解密、base64、表单登录、WebSocket等;
阶段项目:
《DZ论坛》、《天猫/京东电商网站》
第五阶段:ReactJs项目实战
把MVC框架原理从底层讲起,使用Webpack从零构建react项目,深入掌握react语法与使用精髓,让学员灵活掌握数据驱动视图的思想。
课程目标:
熟练掌握MVC框架原理,并能熟练运用;
掌握虚拟DOM以及其加载顺序、克隆节点的优化、react的基础语法等;
掌握JSX、组件拆分、数据传递、原型继承扩展、寄生式组合继承、class、sourcemap、webstorm与vscode插件配置、状态组件与无状态组件等;
掌握react-redux、组件私有化、生命周期、setState、单向数据绑定与双向数据绑定、state与props问题分析、箭头函数、react-bus、axios、promise、路由、路由重定向、loading加载状态等。;
阶段项目:
《DZ论坛》、《天猫/京东电商网站》、《科迅视频网站》、《书城管理系统》
第六阶段:VueJs框架项目实战
熟练掌握国内前端最火框架之一vue,并由老师带领学员体验真实企业开发流程,真正掌握前后端分离开发技术。在整个vue学习体系中,我们以“Vue全家桶”概念为核心,结合webpack,让学员能自己从零开始搭建完整项目。
课程目标:
掌握双向数据绑定、插槽、vue指令、循环、判断、三元运算符、tab栏、焦点图、todolist、对象劫持、computed、模板分离、setter与getter等;
深刻理解并掌握自定义事件、指令、组件可维护性探究、插槽高级用法、生命周期、优先渲染策略、axios、nrm、npm、npx、vue-style-loader、vue-cli、vue-dev-tools、路由router等;
掌握编程式导航、动态路由、潜逃路由、base选项、中央事件总线、SPA、API原理等;
熟练掌握懒加载、EventBus、keep-alive、导航守卫、use方法、登录拦截、vuex、mutations、getters、actions、state、ElementUI、组件封装等;
使用Echarts实现大数据可视化,使网页图表视图展示;
阶段项目:
《DZ论坛》、《天猫/京东电商网站》、《科迅视频网站》、《书城管理系统》
第七阶段:微信小程序开发
掌握时下火爆的微信小程序开发技巧,使用微信小程序开发一个综合型电商平台,搭配公众号网页进行开发,助力学员毕业后轻松找到微信开发高薪岗位。
课程目标:
组件使用、事件处理、WXML、WXSS、WXS、自定义对话框、构建npm、小程序运行环境、网络请求、文件操作、组件通信、数据缓存、媒体组件、登录与跳转、API兼容、关联微信公众号开发、Webview、小程序setData的优化、自定义组件等;
项目页面搭建、获取openId与userId、商城页面开发、配置文件讲解、babel、ios与android端样式适配、小程序组件化开发框架wepy等;
使用canvas实现H5绘图功能,实现用户移动端签名提交;
阶段项目:
《DZ论坛》、《天猫/京东电商网站》、《科迅视频网站》、《书城管理系统》
第八阶段:加薪课程
讲授TypeScript与Angular7+技术,以项目带动课程。通过教授Python语法与Flask框架,带学员了解Python的世界,初尝Python Web。
课程目标:
Python编程基础、数据类型、表达式操作、对象、变量、字符串操作、列表、函数、MySQL数据库与Flask框架等;
TypeScript语法精讲,结合Angular7开发大型项目,学习TypeScript迎合Vue3.0时代;
阶段项目:
《科迅ERP系统》
获取详细课程体系
企业级项目实战, 毕业相当 1年工作经验
只需3个月,你将和他们一样,轻松高薪
{{item.name.slice(0,1) + '*' + item.name.slice(2,3)}} {{item.name.slice(0,1)+'*'}}
{{item.obtainCompany.slice(0,3) + '****' + item.obtainCompany.slice(7,20)}}
¥:{{item.salary}}
查看更多薪资
好不好听听他们怎么说
历届学员对老师的评价
*老师授课不光是学习知识,更是一种态度,对待工作态度,虽然学起来很难,但是工作中不是总会遇到困难吗?如果一遇到困难你就躲在暗处,只能说是一败涂地了。*老师,谢谢你一直以来的对我们学生这块的照顾,在我们就业的道路上为我们指引。老顾加油!
我要特别感谢的人是*老师,*老师是一位严格的人。在学习方面,*老师对我们要求严格,严格要求5个月下来比别人更多的时间来学习。来学习的哪能不吃苦。我为科迅的师资力量点赞。师者传道受业解惑也。
*老师说:“路是自己选择的只要是有希望的就要努力,就要坚持下去。放弃了很容易,再想从这一行起来就难了。”因为我是零基础学习比别人晚,所以经过和*老师的交流,我打消了放弃的念头,在就业后拿到了比自己期望薪资高的offer,真的很感谢*老师。
好的学习氛围,才有学习动力
30天超长免费学习资格申请
实力派名师面授,行业大咖护航
{{item.name}} 讲师
{{item.skill}}
将理论知识结合到实践中
项目实战
项目指导
模拟面试
推荐就业
300+合作企业人才输送
30天超长免费学习资格申请