课程分类

课程介绍
课程目录
用户评论
课程介绍
课程目录
用户评论

你将获得

  • 掌握某些知识点
  • 学会某些技巧(或思路)

教学服务

  • icon

    1v1专属答疑服务

  • icon

    BAT专家面试辅导

讲师介绍

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

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

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

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

  • 课程详情



    随着技术开发体系的不断进步,我们从以往开发纯的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布局等常用功能。