前端开发工程师(阶段三)-WebAPP开发与小程序

显示全部楼层 · 2019-8-5 23:50:50

〖课程介绍〗
2019前端开发工程师(阶段二)-WebAPP开发与小程序

〖课程目录〗
步骤1: HTML5在移动端开发的贡献
HTML5是移动开发最常用的技术，本步骤我们带领大家一起学习HTML5音视频、地图、存储、表单验证、Canvas绘图，并且完成手机手势解锁案例，掌握HTML5的核心知识点。
第1课 HTML5音视频
本课程带领大家学习HTML5新增的音频和视频功能，实现视音频、视频播放

第2课高德地图
本课程结合实际案例讲解高德地图API、事件、控件、路线规划、2D与3D转换、缩放以及地图的属性应用

第3课 HTML5存储
本课程讲解H5两种存储方式，本地存储和离线存储及优势与缺点。

第4课项目：HTML5表单验证
本课程讲解HTML5中新增的表单验证功能，使用属性的设置实现表单验证

第5课 HTML5 Canvas绘图基础
本课程讲解canvas基础，绘制基本形状，实现渐变，图片的绘制及绘制阴影和曲线。

第6课项目：Canvas手势解锁案例
本节课带领大家使用canvas结合js实现手机解锁案例

第7课 HTML5移动开发测试
本课为考评，满分100学分，共20道题，限时30分钟

步骤2: 移动webAPP开发必备基础
本阶段我们将学习移动web入门、响应式、移动端屏幕适配、移动事件、移动调试、终端检测、常见问题、性能优化，以及移动常用库Zepto、Swiper，掌握移动webAPP开发必备基础知识。
第1课移动Web开发入门
本课程带领大家了解移动Web开发的基本概念，以及入门基础知识，为后面学习移动技能打下基础。

第2课响应式布局
本课程带领的大家学习可以处理不同大小屏幕的布局方式——响应式布局。

第3课移动端屏幕适配
本课程带领大家学习移动端的适配方案，结合实际案例，掌握移动端的适配布局

第4课移动端事件
本阶段将带领大家学习移动端最常用的touch事件等，并通过一个幻灯片案例综合运用。

第5课移动调试和终端检测
本课程，讲解移动端的浏览器调试、真机调试、远程调试、多终端调试，以及终端检测。
第6课移动常见问题
本课程带领大家提前解决容易出错的地方，比如兼容性处理、文字溢出、居中等问题。

第7课移动性能优化
本课程从HTML、CSSS、JS三方面展开，讲解这三种语言不同的性能优化方案。

第8课 Zepto详解（选修）
课程讲解zepto选择器、事件、动画等，并编写一个zepto插件。

第9课 Swiper快速切换插件
本课讲解swiper移动端滑动特效插件，快速实现Tab切换、多图切换等常用效果

第10课移动基础测试
本课为考评，满分100学分，共20道题，限时30分钟

步骤3: webAPP美团实战案例
光学不练假把式，本步骤带领大家综合移动基础知识，运用flex布局，实现一个仿美团webAPP项目，模拟真实开发场景，学以致用

第1课实战：美团外卖-首页实现
完成美团项目的首页开发，包括头部、类目、商家列表、星级评分、滚动加载、底部菜单等

第2课实战：订单页&“我的”页面
本课程，完成美团项目中的订单页面和“我的”页面开发，掌握列表渲染、滚动加载技能

第3课实战：详情页与购物车开发
本课程，完成美团项目中的详情页和购物车页面开发，完成整个美团项目的核心功能页开发。

步骤4: 小程序基础与实战案例
小程序越来越火热，前景也非常广阔。那么本步骤，我们将学习小程序的基础知识，最终实现一个新闻资讯小程序项目，此步骤中我们模拟真实的开发场景，带领大家完成一个完成的小程序开发流程。
第1课实战：小程序开发工具与基础
本课程带领大家从appid申请，到制作第一个小程序欢迎页，以及掌握小程序调试方法

第2课实战：小程序新闻网站列表页
本课程完成列表页的开发，掌握页面配置、数据绑定、列表渲染、事件机制、以及模块化

第3课实战：小程序新闻网站详情页
完成项目详情页的开发，并且老师给了初学者一些学习建议，介绍了一些常用的小程序框架

〖下载地址〗

游客，如果您要查看本帖隐藏内容请回复