从零到一Hybrid APP开发实践|StuQ小班课


StuQ 邀请百度高级前端开发工程师谢郁推出《Hybrid APP开发实践》精品小班教学,仅有 50 席位,精品小班课区别于大众在线视频教学,课程设置具有如下特色:


  • 采用在线视频直播授课

  • 以实战为主

  • 在线解答疑问

  • 课后作业review


精品小班课通过以上方式帮助同学深度、系统、实战学习 Hybrid APP 开发实践。


1
  课程简介


该课程涵盖 Hybrid APP 开发过程中多个方面:包括方案选型、时间安排、性能调优、开发工具等以期帮助同学们解决 Hybrid APP 开发中性能体验差、协作效率低等常见问题。


2
  适用人群


  • 前端开发者:1-3 年前端开发经验;

  • 非前端开发者:希望了解 Hybrid 开发过程中前端部分


3
   教学目标


通过系统学习这门课,同学们可以:

  • 了解 Hybrid APP 开发的整体框架,选型原则,能够做到合理评估 Hybrid APP 开发的时间规划、技术难度,提前规避一些常见的坑;

  • 了解性能瓶颈并能给出相应的性能提升方案;

  • 了解常用的开发模式与开发工具,提升Hybrid 开发的效率。


4
   讲师简介


谢郁 

百度前端开发工程师


毕业于电子科技大学,曾就职于卓衡科技,熟悉HTML、CSS、JavaScript、Ruby 等多种开发语言,曾参与过多个互联网项目的产品研发。


5
 课程内容


第一节
Hybrid App 开发从 0 到 1


课程讲解

  • 什么是 Hybrid 应用?

  • 为什么选择 Hybrid 方案?

  • 一些常见的 Hybrid 应用场景

  • Hybrid APP 开发过程中的常见问题列举


作业与思考

  • 除了课程介绍的,还有哪些东西适合用Hybrid方案实现?

  • 除了课程介绍的,自己平时使用的应用或设备里,哪些应用了Hybrid方案?


第二节
躲过那些坑 — Hybrid开发技术选型


课程讲解

在选型阶段提前规避问题

  • 兼容问题:如XP,老版安卓等;

  • 浏览器统一方案:crosswalk,electron等;

  • 平台差异:MAC/PC/Linux之间,安卓和iOS之间等;

  • 性能问题:Hybrid方案哪些地方性能不足


常用的Hybrid容器都有哪些


如何进行任务划分

  • 哪些前端可以自行处理;

  • 哪些应该native处理;

  • 哪些暂时无法解决,只能workaround


作业与思考

使用任意一种Hybrid容器, 创建一个demo,并测试其API


第三节
Hybrid App开发中最关键的前端问题


课程讲解

解决性能问题

  • 网络加载性能

  • 渲染性能

  • 分层战术

  • 统一内核

  • 动态加载


解决跨域问题

  • cors

  • jsonp

  • post-message传递

  • 壳修改安全策略

  • 虚拟域


静态资源的缓存与更新

  • 服务端页面控制缓存

  • zip包下载方式


作业与思考

  • 写一个前端layer层,并加上开关;

  • 写一个gulp任务,压缩静态资源并添加版本号;

  • 写一个post-message示例,解决跨域问题


第四节
如何更高效的进行Hybrid App开发?


课程讲解

Hybrid开发的效率与协做问题综述

使用适配器模式提高开发效率

  • 初始化适配器

  • 接口调用适配器

  • 资源适配器


Mock数据工具

  • mock.js

  • faker.js


常用的调试工具与调试方法

  • charles && fiddler

  • postman

  • weinre

  • chrome USB 调试

  • bird


作业与思考

  • 写一个接口方法的适配器;

  • 使用faker.js或mock.js生成一份测试数据


第五节
答疑课

课程讲师会针对以上 4 周的学习内容为大家提供集中答疑服务,解答大家在听课过程中的技术困惑。当然,勤学好问的你也不要纠结,如果你有任何工作中有关前端领域的的技术问题,也可以向老师提问。


6
   学习环境


学习地点:

学习QQ群 + 在线直播教室+作业答疑平台


学习工具:

StuQ 在线教室,在浏览器中使用,无需下载客户端,使用会员用户名和密码进入教室:

StuQ 作业答疑平台:



7
  开班信息


开班时间:

报名人数满 25 人开班,共 50 个名额。

(人员超过 25 名后确定开班,会在正式开课前安排预演)


什么是预演:

学员可以直观的了解老师、课程内容以及学习方式,老师也可以围绕课程内容对学员关心的问题做面对面的沟通。


上课时间:

暂定每周五 21:00-22:30,预计七月下旬开课。


上课时长:

每周 1.5 小时共计 6 周课程

课程学习方式:

60 分钟直播视频讲解

15 分钟交流答疑

15 分钟作业点评课

注:课程视频支持回放观看。


8
   课程收费


预售价:799 元,全价 998 元

(前 10 名预售优惠,共 50 个名额)


9
   课程报名


方式1. 直接报名交费。扫描StuQ官方支付宝账号二维码进行转账。报名成功后,添加官方支付宝账号为好友并注明课程名称“Hybrid 开发”,会有 StuQ 工作人员联系您获得上课方式。



方式2.报名咨询。报名课程的用户请加 QQ 群号 570910128,或者扫描微信二维码进入报名咨询微信群,详细了解报名信息,会有 StuQ 工作人员统一解答大家疑问,然后报名缴费。



微信咨询群


方式3. 咨询小助手。报名课程的用户也可以扫描小助手的微信二维码,私聊小助手详细了解报名信息,小助手会统一解答大家疑问,然后报名缴费。



另附报名流程图


(点击查看高清图片)

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


1.小程序的优缺点优点:不需下载、卸载使用方便缺点:嵌套在微信中,属于微信的子应用2.使用的技术实际上是Hybrid技术的应用HybridApp(混合模式移动应用),使用网页语言和程序语言共同开发小程序兼具了NativeApp所有优势,也兼具了WebApp使用Html5跨平台开发低成本注:微信小程序与传
端口类型-HybridHybrid端口是交换机上既可以连接用户主机,又可以连接其他交换机的端口。Hybrid端口既可以连接接入链路又可以连接干道链路。Hybrid端口允许多个VLAN的帧通过,并可以在出端口方向将某些VLAN帧的Tag剥掉。华为设备默认的端口类型是Hybrid。 Hybrid端口收发数据帧的规则
不同vlan同段IP通信LSW1vlan1vlan2vlan3interfaceEthernet0/0/1porthybriduntaggedvlan2to3interfaceEthernet0/0/2porthybridpvidvlan2porthybriduntaggedvlan2to3interfaceEthernet0/0/3porthybridpvidvlan3porthybriduntaggedvlan2to3
VLAN中access、Trunk和Hybrid三种端口区别:acesss:1、发送不带标签的报文2、一般与PC\server相连时使用3、只可以属于一个VLANTrunk:1、发送带标签的报文2、一般用于交换机级联端口传递多组VLAN信息使用3、可以属于多个VLANHybrid:1、混合端口可以同时属于多个vlan2、混合端口
这系列文章内容包括:STP、RSTP、MSTP、VLAN、LACP、SuperVLAN。以学习实验配置为主要目标;实验引用华为官方na在线视频中实验。6.3VLAN原理和配置实验截图:配置第一个交换机:修改端口类型acc、配置端口所属vlan、配置trunk端口。实验心得:有一个问题,当你配置e0/0/3为trunk以及al
实验一:交换机端口类型配置1.拓扑图如下图所示:2.实验要求:实现二层网络中工程部和市场部不能互访,但是都能与网络中心的服务器通信3.请写出你的配置思路、配置命令实验思路:将交换机SW1、SW2、SW3之间配置为trunk链路,其他接口配置为Hybrid链路;实验配置名如下:SW1sysnameSW
   这个英文材料对我一个英语一般的学生表示亚历山大啊,不过还是勉强看完了,说说自己的看法吧。   谷歌作为一家商业公司,利润是其基本的追求目标,这一点是毋庸置疑的。但是谷歌并没有被这个基本目标挡住了视野,无数公司失败的经验告诉我们,如果缺少创新,公司的一切发展
简介:VLAN10内通信,VLAN20内通信,VLAN30与VLAN10、VLAN20、VLAN30皆可通信Hybrid接口应用拓扑图:  一、配置PC机ip并测试相互能否ping通 PC名称IP子网掩码网关PC110.1.1.1255.255.255.010.1.1.254PC210.1.1.2255.255.255.010.1.1.254PC310.1.1.3
通常情况下,公司对内网的使用远远高于对外网的使用。公司的内部网络是由二层交换网络构建的,所以二层网络设计的好坏直接影响公司的正常业务。好的设计不仅使功能得到体现,还可以应对一些未知的隐患,如线路损坏、设备损坏等。下面我们主要对华为的二层设备进行了解,不过首先要了解的就
手机app代表了互联网时代的发展,促使我们的日常生活也变得越来越轻松,不管是哪个行业或者企业,在人们手机上存在最多的还是APP,手机APP逐渐的超越了网络,本身这些APP系统就是一个大型的APP系统,具体APP怎么开发呢?开发出来的手机APP,主要还是通过编程的方式设计出来的,有了变成那么就需要程
我想导出一种简单可靠的方法来自动提升正在运行的批处理,而无需使用其他线程中建议的额外的VBS文件或提升的快捷方式.通过javascript从批处理调用UAC对话框可确保简短的简单代码.在对话框中选择“是”,但错误对话框弹出时(在Cmd窗口外部)“Windows找不到’test.bat’”,下面的脚
无论如何,我可以在FORTRAN程序中使用BoostGraphLibrary(BGL)来使用图形数据结构.任何人都可以帮助我或给我一个提示.我想在我的MPI-FORTRAN代码中的几个处理器上进行并行图结构.是否可以使用BoostGraphLibrary(BGL)来达到此目的!亲切的问候,谢夫解决方法:你必须构造一个用C语
原文链接:http://www.cnblogs.com/iamzyf/p/3515889.html其实问题很简单:我的产品页面在 http://www.gdtsearch.com/products.spiderstudio.docapi.htm,这是一个静态页面;而我所有的技术博客都在博客园中.为了让访问者能够直接在产品页面中看到我最
Hybrid接口是华为特有的一种接口Hybrid接口是既可以连接普通终端的接入链路,又可以连接交换机间的干道链路。简单说就是Hybrid接口既能实现Access的功能又能实现Trunk接口的功能。实验模拟:实验拓扑:实验编址:测试连通性:查看交换机接口类型(默认情况下都是hybrid类型)displayportvlan
原生APP开发-NativeApp:需要用户下载安装使用,可访问手机的所有功能(GPS,摄像头,重力加速器),拓展性强,是专门为某种操作系统开发的(IOS,Android,黑莓等),但是开发和维护的成本都比较高 webApp:html5语言写出的app,不需要下载安装,基本上就是触屏版的网页,可以在多个设备上运行,有很大的局限性
拓扑图如下:(1)sw1的配置:<Huawei><Huawei>system-view//切换到系统视图Entersystemview,returnuserviewwithCtrl+Z.[Huawei]sysnamesw1//配置主机名Oct25201916:29:31-08:00sw1DS/4/DATASYNC_CFGCHANGE:OID1.3.6.1.4.1.2011.5.25.191
程序员常用等宽字体1SourceCodePro2CourierNew(传统)3Consolas4Monaco5中文雅黑混合版(YaHeiConsolasHybrid)
Japan'shybridmodelinventoryofhairEwhaRinkaLead:passed37thbirthdayofthepear,theeyesofeveryonestillhasaLolita-likegirltemperament,herinterpretationoftheinvolutionBOBlongghdhairstraightener hair,andevensetoffinas
1url不要用hash模式,如果涉及到外部如firebase方式直接发送给客户端动态链接,要求打开app内h5地址的时候,这个#会被截断,客户端无法解析2尽量在多页面,当客户端由不同入口进入的时候,前端尽可能做多业务拆分,避免以后所有模块在一起,一次修改要全部上线,3移动端输入框键盘要求输