机构首页 招生服务 客服中心 网站导航
手机版| 长沙培训 IT培训培训课程 长沙源码时代教育
15580953340

长沙H5前端提升培训班-源码时代

授课机构：长沙源码时代教育 上课地点：长沙岳麓汽车西站

预约试听 在线咨询
  • 咨询电话：15580953340
课程详情
什么是H5前端?
H5大前端是干什么的？
前端，即视觉交互是所有信息化软件离不开的话题。H5大前端是一个多元的综合体，它主要包括 HTML、CSS 和JavaScript，以及由它们衍生出来的一个庞大的生态圈。
学科前景
有10亿手机浏览器支持Web前端,同时HTML Web开发者数量将达到200万,HTML5将成为未来5年内,移动互联网领域的主宰者。据IDC的调查报告统计,截至2015年底,有84%的移动开发商已经决定要在其应有程序中整合HTML5技术。
Web前端中的HTML5技术更是日趋成熟,HTML5是移动互联网前端的主流开发语言，目前还没有任何一种前端开发技术能够取代HTML5。
为什么要学H5大前端?
H5 大前端的就业方向是非常广泛的，可以从事的工作，包含全行业涉及领域，UI 设计、网站管理、网页设计、管理系统设计、交互平台设计、APP 移动界面设计、小程序开发、用户体验、产品设计、项目管理等。很多人对 H5大前端工程师的印象可能还留在做做网页的阶段，其实H5 大前端行业已经开始发生变化了，出现了很多细分方向。
国内外众多大型IT 企业 (如:百度、腾讯、微软、Yahoo、中国移动等)均已成立专业的前端开发部门，但专业人才稀缺，人才资源争夺激烈，就业市场供不应求。H5大前端工程师工作的年薪基本保持在12到18 万，经验丰富者可以达到25 万以上，资深的H5大前端工程师年薪还能更高。
了解详情
我们的H5前端课程更适合哪些人？

  • 应届大学生初入职场

    为刚毕业学员提供初入职场的通道，还原真实企业工作场景让其快速融入正式工作中


  • 互联网从业者转岗

    原从事后台开发，想完美转型全栈开发的工程师


  • 0-1小白进阶

    没有计算机基础，愿意从事IT开发，改变生活现状，改变命运的学员。


  • 自由职业者、创业者

    可以没有任何的计算机和编程基础，但希望通过自己的付出打破现状的人

H5前端课程大纲
阶段 web网页基础
HTML5+CSS3基础入门
课程内容
熟悉HTML5入门基本内容，掌握CSS3的基础入门知识，可以实现任意网页布局。
项目实战
京东登录布局设计开发 、京东注册布局设计开发
Photoshop
课程内容
掌握Photoshop基本操作；能够独立的进行网页切图
项目实战
博客项目网页切图、量尺寸 ；企业多方案综合项目切图、量尺寸、标注像素
HTML5+CSS3进阶
课程内容
掌握继承与优先级；HTML表格与表单；掌握css3新特性；能够进行合理的网页布局
项目实战
企业网站多方案综合项目实践、完整的多个企业网站开发
第2阶段 web编程基础
JavaScript基础语法
课程内容
掌握JS基础基本语法和基本语句，培养编程逻辑思维，实现网页的动态交互
项目实战
H5音乐播放器、实现H5小游戏
BOM编程
课程内容
掌握window、location、history、navigator、screen等对象的使用，掌握事件处理和DOM节点BOM组成
项目实战
倒计时秒表、商品抢购倒计时案例
DOM编程
课程内容
DOM节点操作(增删改查) 操作文本节点 事件四要素 事件绑定 事件处理函数返回值
项目实战
DOM元素移动动画案例
Javascript实现交互效果
课程内容
用JavaScript实现网页上常见的各种交互动画效果
项目实战
回到顶部、在线客服、选项卡效果：导航二级菜单、商品分类二级菜单、手风琴效果、轮播图效果
版本控制工具Git/SVN
课程内容
掌握SVN/GIT版本控制工具来维护项目的整个蓝图；熟练使用github、码云等平台来管理云端代码仓库，完成多人协作项目。
项目实战
源码大数据
第3阶段 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
第4阶段 JavaScript高级编程和框架核心思想
JavaScript高级编程
课程内容
JavaScript面向对象编程思想，深入理解作用域、闭包、原型和原型链、继承、this、IIFE、构造函数，类和实例对象等知识
项目实战
手写深拷贝和浅拷贝、手写ES5寄生组合式继承
ES6、ES7
课程内容
ES6新特性解构、扩展运算符、模板字符串、箭头函数、对象的简洁写法、类、静态属性、原型方法、实例对象、ES6的模块化、Promise和Async。Await异步编程。
项目实战
解决回调地狱、async和await异步编程
组件化、模块化开发
课程内容
模块化历史,AMD/CMD/COMMONJS/ESMODULE, ES6模块化的导入和导出，模块化开发的好处
项目实战
模块化代码实现一个抽奖程序综合实践
WebSocket双向通信
课程内容
掌握HTTP协议、客户端数据传输方式，掌握WebSocket 在HTML5 领域的应用场景，用于实现客户端和服务器的长链接
项目实战
实现多人在线聊天室
第5阶段 Vue2和Vue3全家桶与多端应用开发
Vue2、Vue-router框架编程
课程内容
掌握Vue的单文件组件，指令、双向数据绑定、生命周期、胡须表达式Mustach、插槽、混入、全局指令，全局组件、组件封装、计算属性、过滤器等特性和路由的使用。
项目实战
商家后台管理系统
Vuex状态管理
课程内容
Vuex的核心state/mutations/actions/getters/module,辅助函数mapState/mapGetters/mapActions/mapMutations，命名空间拆分仓库等
项目实战
商家后台管理系统
Elementui/Iview/ VantUI 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和各个小程序平台。
项目实战
四海香微信小程序、尚体电商小程序
第6阶段 React18全家桶与多端应用开发
React18基础和进阶、React-router
课程内容
React基础，受控组件、非受控组件、生命周期、setState、React进阶SCU 优化，PureComponent，React Hooks、React-router
项目实战
源码电影App
React Hooks
课程内容
React新特性StateHooks和EffectHooks，类组件和函数组件写法，对比，优劣势、生命周期、ui框架Ant Design 全家桶。
项目实战
基于react全家桶的社交电商后台管理系统
AntV数据可视化
课程内容
蚂蚁家族数据可视化库的使用、大屏数据实施展示。
项目实战
电商数据大屏
React Native 和 Flutter
课程内容
基于React的移动端混合式开发框架
项目实战
基于IOS和Android 的源码本地生活App
第7阶段 就业服务
就业指导
课程内容
企业通用面试技巧、知识点面试技巧、模拟面试、项目面试技巧....
面试直通车
课程内容
面试经验交流、面试技术解惑、面试项目跟踪。
售后服务
课程内容
随时随地为同学们提供工作问题解决方案！源码时代是具有售后的服务机构！
第8阶段 赠送课程
React18基础和进阶、React-router
课程内容
React基础，受控组件、非受控组件、生命周期、setState、React进阶SCU 优化，PureComponent，React Hooks、React-router
项目实战
源码电影App
React Hooks
课程内容
React新特性StateHooks和EffectHooks，类组件和函数组件写法，对比，优劣势、生命周期、ui框架Ant Design 全家桶。
项目实战
基于react全家桶的社交电商后台管理系统
AntV数据可视化
课程内容
蚂蚁家族数据可视化库的使用、大屏数据实施展示。
项目实战
电商数据大屏

源码时代学习环境
本页面由主体四川源码时代科技有限公司自行上传,本网不对该页面内容（包括但不限于文字、图片）真实性和知识产权负责,如有侵权请联系处理删除qq:16720809。
看过该课程的人还看了
  • 长沙市岳麓区汽车西站达美中心写字楼
  • 15580953340
  • 1641914264
更多课程 >机构其他课程
课程列表 | 机构简介 | 师资团队 | 学校环境 | 明星学员 | 全国校区
汇上优课
微信选课
好课0元领
分享立返现!
长沙源码时代教育长沙市岳麓区汽车西站达美中心写字楼
【机构】咨询热线： 15580953340
| 招生合作 | 免责声明 | 版权/投诉
ဆ
温馨提示： 提交留言后老师会第一时间与您联系！ 热线电话：15580953340