河北省高校H5移动端公开巡讲课-珠峰培训

学习示例演示

点击手机屏幕观看案例

点击图片案例在手机屏幕上查看效果

H5交互型简历

本套项目属于创意型、场景交互型简历，开始的时候模拟IPHON手机来电接听的效果，点击接听会有一段自我介绍的音频，自我介绍完成后会进入微信聊天页面，聊天内容结束后进入简历魔方，点击魔方不同面，进入到详细信息展示区域，在此区域可以左右滑动来观看其详细信息...这套交互型简历创意非常的不错，希望大家可以在此基础上继续发挥创意，肯定会为自己的面试增加亮点.

扫一扫手机查看效果

学习大纲

: HTML5基础与实战; 1.HTML5构建页面结构的语义化标签： header、footer、article、section、figure、aside...
2.HTML5中的音视频处理：常用属性方法和监听事件、QQ音乐播放器案例...

: CSS3基础和实战; 1.css3新增的选择器和常用的属性...
2.css3-transform变形：2D变形、3D变形、perspective、transform-style: preserve-3d、魔方的实现...
3.css3动画：transition过渡动画、animation帧动画、animate.css动画库...

: 移动端JS; 1.移动端的touchstart、touchmove、touchend
2.移动端swiper插件的使用
3.移动端Zepto类库的使用

: 响应式布局; 1.响应式布局和viewport深入讲解
2.深入讲解屏幕像素密度比和DPI适配
3.PX和REM的区别，如何基于REM做响应式布局开发

: 项目实战开发; 1.LOADING页面的资源预加载功能实现
2.实现电话接听区域的功能和音频处理
3.实现微信聊天区域的发送消息功能
4.实现可滑动的3D魔方
5.基于makisu实现3D折叠菜单
6.实现其它详细区域的2D动画和切换功能

: 项目管理和自动打包; 1.解决项目中遇到的兼容性问题
2.针对移动端项目做具体的性能优化
3. 使用GULP打包项目和使用GITHUB发布项目

以往活动

河北大学

课后周老师帮同学们辅导案例
课下周老师精心的辅导
周老师在激情蓬勃的讲课
周老师在给同学们讲解案例

活动感言

信息科学与工程学部团委书记王昭、实验班班主任彭彦城、珠峰培训派驻讲师周啸天及40名实验班同学一起参加。实验班开班上时，信息科学与工程学部团委书记王昭老师希望同学们能不忘初心，脚踏实地，立笃学之志，铸工匠精神，坚持到底，最终做出属于自己的作品.... 查看全部

河北交通技术学院-东校区

电子商务专业和城轨专业的同学们
认真聪明的两位电商专业的大二女生
王老师在讲解移动端适配原理
同学们在认真听课
信息安全与管理专业的同学们
大家在互相热烈的讨论问题
已满座了，后来的帅哥只能坐旁边了
同学们在认真听课

活动感言

在河北交通学院东校区，开展了为期两个星期的HTML5/移动端公开课，为同学们带来目前主流，引领前沿的HTML5前端技术，在珠峰培训讲师的带领下，由浅入深的从原理深入剖析每个知识点，让同学们最终能制作出个人的H5交互型简历作品，为以后的求职和工作锦上添加，以这次公开课为起点，希望能开阔大家的视野，让大家能飞的更高.... 查看全部