Hybrid混合移动开发实战教程
  1. 关注“北风教育”公众号,免费学习完整教程

    1. 录播
      Hybrid概念和框架介绍
      22分钟
  2. Cordova介绍与安装

    1. 录播
      Cordova介绍与安装
      18分钟
  3. Cordova捕捉视频和图像

    1. 录播
      Cordova捕捉视频和图像
      20分钟
  4. Cordova文件传输上传

    1. 录播
      Cordova文件传输上传
      27分钟
  5. React之组件

    1. 录播
      React之组件
      31分钟
  6. ReactNative实例之ListView仿京东布局

    1. 录播
      ReactNative实例之ListView仿京东布局
      52分钟
  7. Cordova+Ionic实例开发之列表页面

    1. 录播
      Cordova+Ionic实例开发之列表页面
      15分钟

对课程感兴趣?

点击报名,听课时长可兑换余额哦~

Hybrid混合移动开发实战教程免费

最近在学 6 累计报名 62 好评度 -
咨询老师

课程概述

目录

评论

老师介绍

  • 娄景亮

    娄景亮

    北风笔名闲筝,10多年软件教育行业从业经验,微软认证讲师,参与过数字化校园云平台、医疗保险、His等多个大型的企业项目开发,在服务端开发、前端开发、项目管理等方面均有着深刻的见解和实战经验,先后担任过国内某知名机构的项目经理以及国内知名IT高端培训机构的教学主管,现任北风首席产品研发经理。
  • 丁倩

    丁倩

    毕业于山东商业技术学院,现任北风网产品教学事业部HTML5高级前端线上班,前端技术顾问一职
  • 胡欢欢。

    胡欢欢。

    合肥工业大学计算机专业,专业从事BPM(基于美国工作流产品K2与微软WWF工作流引擎+MOSS)的软件开发与BPM咨询分析。拥有 丰富的制造业ERP系统与MES系统应用系统的实施运维经验,多年PHP开发经验,精通PHP开发及相关框架技术,熟悉前端技术。授课条理清晰,理论与实战相结合,有条不紊,让学生能够很快上手,学以致用。
  • 庄杰

    庄杰

    资深前端专研者,多年的企业开发经验,对前端的基础以及各种框架的使用有着独特的见解。参与过电商网站的开发,担任过多家教育机构的技术顾问、指导老师、前端工程师,对网站开发、UI设计和教学都有着丰富的经验,现任北风H5WEB前端专职讲师。
简  介 Hybrid混合移动开发实战教程(Cordova、React Native、IonicLab、Sublimetext、Genymotion)


随着技术开发体系的不断进步,我们从以往开发纯的Native App中有了更多的选择,比如现在很多企业选择的混合式开发,兼有native的性能,更有web app的开发速度。本次课程的重点围绕目前业界两大开发框架,Cordova+Ionic以及Facebook力推的ReactNative做了全面的讲解。从零起步,让你在只有JS等前端技术的前提下也能轻松做出自己的app。


 

1.课程研发环境

开发工具:IonicLab、Sublimetext、AndroidStudio;

服务器端:PHP+MySQL

其他工具:Genymotion模拟器

 

2.内容简介

本教程围绕混合app目前的两个主流方案,cordova以及react native,从零起步对他们的使用、常用组件、与native app的混合,做了全面的介绍。课程最后仍然有一个典型的电商课程案例,希望大家只需要用比native app三分之一甚至更少的学习成本,也能开发出一款和native app媲美的应用程序。  




10年IT从业经历,从工程师做起、后来做过PM,带队做过千万级的CallCenter项目,也在最年轻的时候创过业,更长的时间服务过国内知名的教育机构。始终认为互联网是时代的潮流,是给80后90后实现梦想的好方式。热爱互联网产品和技术,从最早的网页\JAVA\SSH框架,到现如今的Android移动端,都广泛涉足过。做过的项目多与电信、通信、OA、电商为主,最热爱的还是电商业务。带过的学生有上百,有很多位居公司技术团队核心,极个别也有创业成功的。享受不断研究新产品新技术的过程,也享受教书育人的乐趣。认为不要一味钻研技术,坚持技术是为产品而生的观点。所以建议大家有做产品哪怕初期模仿别人产品的想法再来学习,会有更奇妙的效果。

01.01_Hybrid概念和框架介绍

02.01_Cordova介绍与安装(一)

02.02_Cordova介绍与安装(二)

02.03_IDE、Genymotion安装说明(三)

02.04_Cordova Windows安装配置(四)

03.01_Cordova访问设备信息

04.01_Cordova对话框

05.01_Cordova地理位置(一)

05.02_Cordova地理位置(二)

06.01_Cordova网络信息

07.01_Cordova后退按钮

08.01_Cordova多媒体

09.01_Cordova捕捉视频和图像

10.01_Cordova照相机

11.01_Cordova数据存储

12.01_Cordova事件类型

13.01_Cordova开机动画

14.01_Cordova文件传输上传1

14.02_Cordova文件传输下载2

15.01_Cordova文件系统1-创建文件

15.02_Cordova文件系统2-写文件

15.03_Cordova文件系统3-读取文件

15.04_Cordova文件系统4-移除文件

16.01_Cordova文件夹操作

17.01_Cordova二进制文件操作-保存

18.01_Cordova二进制文件操作-读取

19.01_Cordova显示图片

20.01_Cordova国际化

21.01_ReactNative简介

21.02_ReactNative环境搭建1

21.03_ReactNative环境搭建2

22.01_React安装入门

23.01_React之JSX

24.01_React之组件(1)

24.02_React组件(2)组件的状态

24.03_React组件(3)组件的props

24.04_React之组件(4)获取真实的DOM节点

25.01_React之组件生命周期(1)

25.02_React之组件生命周期(2)

26.01_React之表单(1)

26.02_React之表单(2)

27.01_React之AJAX

28.01_ReactNative之HelloWorld

29.01_ReactNative之属性

29.02_ReactNative之状态

30.01_ReactNative之样式

30.02_ReactNative之宽高度

31.01_ReactNative之ScrollView

32.01_ReactNative之ListView

33.01_ReactNative之网络访问(1)

33.02_ReactNative之网络访问(2)

34.01_ReactNative之导航器(01)

34.01_ReactNative之导航器(02)

35.01_ReactNative之处理文本输入和图片

36.01_ReactNative之处理触摸事件

37.01_ReactNative之嵌入到原生应用

38.01_ReactNative之调试和打包

39.01_ReactNative之热更新部署

40.01_ReactNative实例之TabbarNavigator

40.02_ReactNative实例之PullListView

40.03_ReactNative实例之ListView仿京东布局

40.04_ReactNative实例之ListView网络部分

40.05_ReactNative实例之ListView网络部分

40.06_ReactNative实例之ListView网络部分

40.07_ReactNative实例之页面整合

41.01_Cordova+Ionic实例开发之入门加Tab导航

41.02_Cordova+Ionic实例开发之列表页面











 

目标一. 了解混合开发的主流方案选择及异同点

 

目标二. 了解并能使用Cordova+Ionic进行app开发

 

目标三. 了解React语法

 

目标四. 学会使用ReactNative开发常见app界面

 

目标五. 通过对主流方案的学习,能做出全面的对比,与server端的结合,能使用前端技术掌握开发app的能力。


亮点一、对比了Native开发模式,并对主流的混合移动开发框架进行了优劣分析。

 

亮点二、选取混合开发主流框架Cordova+Ionic进行了通用电商app模块的开发;

 

亮点三、采用了Facebook也是业界比较流行的混合开发平台ReactNative进行了实战开发,包括通用导航栏、ListView、网络数据抓取,UI布局等常用功能。





 

* 课程提供者:北风网

老师还为你推荐了以下几门课程