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

  [复制链接]
查看8419 | 回复43 | 2019-8-5 23:50:50 | 显示全部楼层 |阅读模式

360截图167708055610775.png
〖课程介绍〗
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课 实战:小程序新闻网站详情页
完成项目详情页的开发,并且老师给了初学者一些学习建议,介绍了一些常用的小程序框架


〖下载地址〗
游客,如果您要查看本帖隐藏内容请回复


回复

使用道具 举报

123hl | 2019-8-7 21:22:38 | 显示全部楼层
梵蒂冈
回复

使用道具 举报

imzzk | 2019-8-23 14:22:17 | 显示全部楼层
强烈支持楼主ing……
回复

使用道具 举报

ma102006 | 2019-9-2 10:29:14 | 显示全部楼层
1
回复

使用道具 举报

平头 | 2019-9-16 00:21:39 | 显示全部楼层
这个我真的挺喜欢的呢
回复

使用道具 举报

angular | 2019-9-16 08:17:12 | 显示全部楼层
激动人心,无法言表!
回复

使用道具 举报

dailyni | 2019-9-20 09:05:35 | 显示全部楼层
1
回复

使用道具 举报

都是你的错 | 2019-10-9 23:24:14 | 显示全部楼层
强烈支持楼主ing……
回复

使用道具 举报

nicai | 2019-10-12 14:16:38 | 显示全部楼层
感谢楼主
回复

使用道具 举报

龙大_ | 2019-11-1 10:03:56 来自手机 | 显示全部楼层
强烈支持楼主ing
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则