上课方式

面授,网课

上课校区

招生对象

正在从事或计划从事H5前端开发的人员

课程目标

了解响应式网页设计和移动端优化技巧

课程详情

授课机构

教学点

同类课程

学员评论

HTML5前端开发作为多种浏览器支持的开发语言，成了应用非常广泛的开发语言之一，每年岗位需求非常多，也因此成了备受年轻人追捧的行业之一，HTML5前端开发课程就是为了培养这样的IT精英，老师会由基础的CSS3 2D讲起，课程有着非常详细大纲，细致的划分了多个学习阶段，最终以学员能够掌握React的运用、能够进行项目部署与开发为目的。

您可能关心的问题？

01

HTML5前端课程要学多长时间？HTML5前端培训费用大概多少？

02

怎么样学习HTML5前端比较好呢？学习HTML5前端有哪些优势？

03

HTML5前端培训机构怎么选？哪些人适合学习HTML5前端呢？

04

学HTML5前端培训班有必要吗？HTML5前端要掌握哪些技术？

丰富的教学特色抢先看

V

实战项目多

在学习中积累实战经验，学完相当于1-2年工作经验。

V

后续服务好

课程升级，老学员可以学习全新课程，服务非常贴心。

V

就业指导全

提供多方位就业指导，入学即签订就业协议和薪资协议。

HTML5知识介绍

1、HTML5的新特性：数据存储。HTML5较之传统的数据存储有自已的存储方式，允许在客户端实现较大规模的数据存储。为了满足不同的需求，HTML5支持DOM Storage和Web SQL Database 两种存储机制。其中，DOM Storage 适用于具有key/value对的基本本地存储；而WebSQLDatabase是适用于关系型数据库的存储方式，开发者可以使用SQL语法对这些数据进行查询、插入等操作。
2、新元素。自1999年以后HTML 4.01 已经改变了很多，在HTML 4.01中的几个元素已经被废弃，这些元素在HTML5中已经被删除或重新定义。为了更好地处理今天的互联网应用，HTML5添加了很多新元素及功能，比如：图形的绘制，多媒体内容，更好的页面结构，更好的形式处理和几个api拖放元素、定位，包括网页应用程序缓存、存储、网络工作者等。

长沙源码时代H5前端课程

阶段1-2 阶段3-4 阶段5-7

阶段名称	模块	学习内容
web网页基础	HTML5+CSs3基础入门	熟悉HTML5入门基本内容，掌握CSS3的基础入门知识，可以实现任意网页布局。项目实战：京东登录布局设计开发、京东注册布局设计开发
	Photoshop	掌握Photoshop基本操作；能够独立的进行网页切图。项目实战：博客项目网页切图、量尺寸；企业多方案综合项目切图、量尺寸、标注像素
	HTML5+CSS3进阶	掌握继承与优先级；HTML表格与表单；掌握css3新特性；能够进行合理的网页布局。项目实战：企业网站多方案综合项目实践、完整的多个企业网站开发
web编程基础	JavaScript基础语法	掌握JS基础基本语法和基本语句，培养编程逻辑思维，实现网页的动态交互。项目实战：H5音乐播放器、实现H5小游戏
	BOM编程	掌握window、location、history、navigator、screen等对象的使用，掌握事件处理和DOM节点BOM组成。项目实战：倒计时秒表、商品抢购倒计时案例
	DOM编程	DOM节点操作(增删改查)操作文本节点事件四要素事件绑定事件处理函数返回值。项目实战：DOM元素移动动画案例
	Javascript实现交互效果	用Javascript实现网页上常见的各种交互动画效果。项目实战：回到顶部、在线客服、选项卡效果：导航二级菜单、商品分类二级菜单、手风琴效果、轮播图效果
	版本控制工具Git/SVN	掌握SVN/GIT版本控制工具来维护项目的整个蓝图；熟练使用github、码云等平台来管理云端代码仓库，完成多人协作项目。项目实战：源码大数据

阶段名称	模块	学习内容
H5进阶和JS中级进阶和前端工程化	HTML5+CSS3高级新特性	掌握LocalStorage和SessionStorage、视频和音频，Web字体的使用，掌握过渡，动画，变形等实现各种丝滑流畅的特效交互。项目实战：搜索历史记录功能模块、手写一个视频播放器
	Flex布局和移动端适配	Flex布局完美适配各个终端，掌握业界主流的响应式布局方案。项目实战：京东移动端、淘宝移动端、携程移动端
	JS中级进阶	深入函数细节、突破JS数组的20个常用方法、玩转合并对象和各种循环对象、深入BOM的hashchange和pushState。项目实战：排序、过滤、率先的复杂动态表格JS实现;复杂表单的正则验证综合实践
	Node模块化和npm和yarn包管理	node模块化，包管理npm和yarn，打包工具webpack，为前端工程化铺垫。项目实战：从零实现一个多页面打包项目脚手架
	Webpack5自动构建和前端工程化	webpack5完整学习，完成从0到1搭建项目工程目录，支持切换开发和生产环境，启动开发服务器，打佳上线。项目实战：从零实现一个多页面打包项目脚手架
	数据可视化Echart	掌握echarts的各种玩法，高度自定义echarts，实现常见的前端数据可视化。项目实战：移动端饼图、折线图、堆叠条形图、柱状图综合案例
	高德地图API	掌握高度地图API的正确使用方式，实现定位，绘制图标，绘制线条，实时绘制运动轨迹等复杂交互。项目实战：跑步定位和运动轨迹绘制
	Ajax前后端数据交互	前后端数据交互技术ajax，原生Ajax、axios，同步和异步、局部刷新浏览器，增强用户体验。项目实战：Fitness App
JavaScript高级编程和框架核心思想	JavaScript高级编程	JavaScript面向对象编程思想，深入理解作用域、闭包、原型和原型链、继承、this、lIFE、构造函数，类和实例对象等知识。项目实战：手写深拷贝和浅拷贝、手写ES5寄生组合式继承
	ES6、ES7	ES6新特性解构、扩展运算符、模板字符串、箭头函数、对象的简洁写法、类、静态属性、原型方法、实例对象、ES6的模块化、Promise和Async。Await异步编程。项目实战：解决回调地狱、 async和await异步编程
	组件化、模块化开发	模块化历史,AMD/CMD/COMMONJS/ESMODULE,ES6模块化的导入和导出，模块化开发的好处。项目实战：模块化代码实现一个抽奖程序综合实践
	WebSocket双向通信	掌握HTTP协议、客户端数据传输方式，掌握WebSocket在HTML5领域的应用场景，用于实现客户端和服务器的长链接。项目实战：实现多人在线聊天室

阶段名称	模块	学习内容
Vue2和Vue3全家桶与多端应用开发	Vue2、Vue-router框架编程	掌握Vue的单文件组件，指令、双向数据绑定、生命周期、胡须表达式Mustach、插槽、混入、全局指令，全局组件、组件封装、计算属性、过滤器等特性和路由的使用。项目实战：商家后台管理系统
	Vuex状态管理	Vuex的五大核心state/mutations/actions/getters/module，辅助函数mapState/mapGetters/mapActions/mapMutations，命名空间拆分仓库等。项目实战：商家后台管理系统
	Elementui/lview/ VantUl ui框架的使用	使用PC端ui框架element-ui/ivew或移动端ui框架vantui，完成项目的组件化开发。项目实战：商家后台管理系统、商家移动端App
	DataV数据大屏	数据可视化方案、Vue中的数据可视化方案、基于echarts封装的数据可视化仓库 dataV。项目实战：物流数据大屏
	Vue3框架编程	掌握Vue3的Proxy，新的响应式ref和reactive，组合式CompositionApi的使用，以及Hooks的使用，使用Vue3完成大型项目开发。项目实战：vite+Vue3家修管理后台系统
	@vue/cli和Vite	搭建项目脚手架，基于TS的配置和JS的配置，Vue2的版本和Vue3的版本;新—代构建工具，搭建Vue3项目，极速启动打包，实现大型项目秒刷，无需等待编译。项目实战：vite+Vue3家修管理后台系统
	TypeScript	TypeScript基础类型、变量声明、接口、类、函数、泛型、枚举、类型推导、交叉类型、联合类型、类型保护、装饰器、tsconfig等。项目实战：TypeScript+Vue3实现后台管理系统
	MVVM源码解析	MVC和MVVM源码解析，深入Vue2和Vue3的底层原理，手写实现Vue2和Vue3的响应式系统，双向数据绑定，发布订阅等。项目实战：手写实现mini版本Vue
	uniapp微信小程序	微信小程序开发、uniapp跨多端开发、编译到H5、IOS、Android和各个小程序平台。项目实战：四海香微信小程序、尚体电商小程序
React18全家桶与多端应用开发	React18基础和进阶、React-router	React基础，受控组件、非受控组件、生命周期、setState、React进阶SCU优化，PureComponent,React Hooks、React-router。项目实战：源码电影App
	React Hooks	React新特性StateHooks和EffectHooks，类组件和函数组件写法，对比，优劣势、生命周期、ui框架AntDesign全家桶。项目实战：基于react全家桶的社交电商后台管理系统
	AntV数据可视化	蚂蚁家族数据可视化库的使用、大屏数据实施展示。项目实战：电商数据大屏
	React Native和Flutter	基于React的移动端混合式开发框架。项目实战：基于IOS和Android的源码本地生活App
就业服务	就业指导	企业通用面试技巧、知识点面试技巧、模拟面试、项目面试技巧....
	面试直通车	面试经验交流、面试技术解惑、面试项目跟进。
	售后服务	随时随地为同学们提供多方位工作问题解决方案。

HTML5培训机构怎么选择

1、看课程体系。大企业的技术水平要求高，从大网站出来当老师的人技术水平比较高，这样的培训机构课程体系就会很完善。html5培训课程深入讲解HTML5、CSS3、JavaScript、JQuery等内容，将这些核心知识学好，同时全面覆盖响应式布局、Bootstrap、AngularJS等当前互联网开发的主流技术。学完html5前端工程师课程具备编写互联网系统的前端页面、交互代码、后台通信代码的能力。
2、师资力量。靠谱的前端培训机构老师水平很棒，有多年的开发经验，且参与过很多大型的项目，试想小机构的老师自己都没做过什么大项目怎么教学生呢？培训机构讲师都有实操经验的专业讲师，也经历过战场磨砺的行业精英。

源码时代，机构介绍

源码时代

机构简介

源码时代是一家专注于IT教育培训的高科技公司，致力于打造中国高端IT培训品牌，旨在为每一名学员提供良好的服务。多年来教学体系不断迭代完善，保持行业产品先进、服务优，为广大旨在从事IT职业者提供职业培训、教学视频、网络公开课、技能书籍等服务内容。源码时代，与时代同频，作为一家高口碑、有售后的教育培训机构，已成为广大IT学子的共同选择。