扫码下载「CSDN程序员学院APP」，1000+技术好课免费看
APP订阅课程，领取优惠，最少立减5元 ↓↓↓
订阅后：请点击此处观看视频课程
视频教程-7天HTML5移动端应用实战项目教程（含资料）-HTML5/CSS
学习有效期：永久观看
学习时长：1472分钟
学习计划：25天
难度：高
「口碑讲师带队学习，让你的问题不过夜」
讲师姓名：张长志
CTO/CIO/技术副总裁/总工程师
讲师介绍：张长志技术全才、擅长领域：区块链、大数据、Java等。10余年软件研发及企业培训经验，曾为多家大型企业提供企业内训如中石化，中国联通，中国移动等知名企业。拥有丰富的企业应用软件开发经验、深厚的软件架构设计理论基础及实践能力。项目开发历程：基于大数据技术推荐系统 ，医疗保险大数据分析与统计推断，H5跨平台APP，携程酒店APP，Go语言实现Storm和ZK类似框架。
☛点击立即跟老师学习☚
「你将学到什么？」
本案例是使用WEB技术(HTML、JavaScript、CSS)直接构建的移动端APP。
本套视频深入移动端开发的最核心部分。讲解了移动端的像素理论，视口理论。深入剖析了rem适配，viewport适配的原理。整个项目在css层面封装度也很高。
使用了less等预处理器技术。对less的嵌套，继承，混合等进行了强有力的运用。对移动端常见的无缝滑屏,快速滑屏,橡皮筋效果，即点即停等效果实现了原生js的封装。
可以说在整个课程中我们从无到有的搭建了一个移动端UI库。实战价值极高。让学员完全摆脱UI实现层面的困扰。
「课程学习目录」
| 1.01_HTML5前端项目_简介 |
| 2.02_HTML5前端项目_移动价值链 |
| 3.03_HTML5前端项目_像素理论 |
| 4.04_HTML5前端项目__像素理论 |
| 5.05_HTML5前端项目__视口理论 |
| 6.06_HTML5前端项目_如何获取三个视口的宽度 |
| 7.07_HTML5前端项目_用户放大&缩小 |
| 8.08_HTML5前端项目_系统放大&缩小 |
| 9.09_HTML5前端项目_三个注意点 |
| 10.10_HTML5前端项目_viewport的meta标签 |
| 11.11_HTML5前端项目等比问题 |
| 12.12_HTML5前端项目_复习 |
| 13.13_HTML5前端项目_rem适配 |
| 14.14_HTML5前端项目_rem适配 |
| 15.15_HTML5前端项目_viewport适配 |
| 16.16_HTML5前端项目_一物理像素 |
| 17.17_HTML5前端项目_ie6最小高度问题 |
| 18.18_HTML5前端项目_移动端事件基础1 |
| 19.18_HTML5前端项目_移动端事件基础2 |
| 20.19_HTML5前端项目_移动端事件基础 |
| 21.20_HTML5前端项目_移动端事件基础 |
| 22.21_HTML5前端项目_移动端常见问题 |
| 23.22_HTML5前端项目_移动端常见问题_复习 |
| 24.23_HTML5前端项目无缝滑屏基本布局 |
| 25.24_HTML5前端项目_无缝滑屏基本逻辑 |
| 26.25_HTML5前端项目_定位版本 |
| 27.26_HTML5前端项目_2d版本 |
| 28.27_HTML5前端项目_css组件1 |
| 29.27_HTML5前端项目_css组件2 |
| 30.28_HTML5前端项目_无缝组件版 |
| 31.29_HTML5前端项目_自动轮播的组件版 |
| 32.30_HTML5前端项目__复习 |
| 33.31_HTML5前端项目__音乐tai骨架搭建 |
| 34.32_HTML5前端项目__音乐tai头部布局 |
| 35.33_HTML5前端项目_音乐tai头部遮罩布局 |
| 36.34_HTML5前端项目_音悦tai头部遮罩js |
| 37.35_HTML5前端项目_音悦tai可拖拽导航布局 |
| 38.36_HTML5前端项目_音悦tai可拖拽导航-橡皮筋js |
| 39.37_HTML5前端项目_复习 |
| 40.38_HTML5前端项目_快速滑屏 |
| 41.39_HTML5前端项目_快速滑屏-橡皮筋 |
| 42.40_HTML5前端项目_优化手动滑屏橡皮筋 |
| 43.41_HTML5前端项目_解决橡皮筋间的冲突 |
| 44.42_HTML5前端项目_引入无缝滑屏&抽象可拖拽导航 |
| 45.43_HTML5前端项目_补充知识 |
| 46.44_HTML5前端项目_防抖动 |
| 47.45_HTML5前端项目_事件委托 |
| 48.46_HTML5前端项目__复习 |
| 49.47_HTML5前端项目__tap布局1 |
| 50.47_HTML5前端项目__tap布局2 |
| 51.48_HTML5前端项目__tap布局 |
| 52.49_HTML5前端项目__基本滑屏逻辑 |
| 53.50_HTML5前端项目__tap滑屏逻辑1 |
| 54.50_HTML5前端项目__tap滑屏逻辑2 |
| 55.51_HTML5前端项目__tap滑屏逻辑 |
| 56.52_HTML5前端项目__小绿的实现 |
| 57.53_HTML5前端项目_复习 |
| 58.54_HTML5前端项目_存值存址 |
| 59.55_HTML5前端项目_3d硬件加速 |
| 60.56_HTML5前端项目_重绘重排 |
| 61.57_HTML5前端项目_竖向滑屏 |
| 62.58_HTML5前端项目_竖向滑屏（即点即停） |
| 63.59_HTML5前端项目_竖向滑屏（滚动条） |
| 64.60_HTML5前端项目_竖向滑屏（滚动条） |
| 65.61_HTML5前端项目_tai(滚动条) |
| 66.62_HTML5前端项目_apk打包 |
「7项超值权益，保障学习质量」
- 大咖讲解
技术专家系统讲解传授编程思路与实战。
- 答疑服务
专属社群随时沟通与讲师答疑，扫清学习障碍，自学编程不再难。
- 课程资料+课件
超实用资料，覆盖核心知识，关键编程技能，方便练习巩固。（部分讲师考虑到版权问题，暂未上传附件，敬请谅解）
- 常用开发实战
企业常见开发实战案例，带你掌握Python在工作中的不同运用场景。
- 大牛技术大会视频
2019Python开发者大会视频免费观看，送你一个近距离感受互联网大佬的机会。
- APP+PC随时随地学习
满足不同场景，开发编程语言系统学习需求，不受空间、地域限制。
「什么样的技术人适合学习？」
- 想进入互联网技术行业，但是面对多门编程语言不知如何选择，0基础的你
- 掌握开发、编程技术单一、冷门，迫切希望能够转型的你
- 想进入大厂，但是编程经验不够丰富，没有竞争力，程序员找工作难。
「悉心打造精品好课，25天学到大牛3年项目经验」
【完善的技术体系】
技术成长循序渐进，帮助用户轻松掌握
掌握HTML5/CSS知识，扎实编码能力
【清晰的课程脉络】
浓缩大牛多年经验，全方位构建出系统化的技术知识脉络，同时注重实战操作。
【仿佛在大厂实习般的课程设计】
课程内容全面提升技术能力，系统学习大厂技术方法论，可复用在日后工作中。
「你可以收获什么？」
1.掌握技术的综合应用，熟悉企业开发流程
2.从无到有的搭建了一个移动端UI库。实战价值极高。让学员完全摆脱UI实现层面的困扰。
3.讲解了移动端的像素理论，视口理论。深入剖析了rem适配，viewport适配的原理
453
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
