登录    注册
  

IT营教程分类

Ionic4.x视频教程_Ionic4.x Cordova Angular7 打造仿京东商城跨平台移动端项目(大地-已更新94讲)

  • 赞助费:¥218元   在线客服:点击这里给我发消息    IT营2000人交流群:it营
  • 涉及技术: ionic
  • 适合行业: 跨平台App开发
  • 赞助类型: 赞助
  • 课程讲师: 大地
  • 主要技术: Cordova8.x、Android、Ios打包、在线支付、Ionic Native、Cordova+vue
  • 涉及项目: 仿京东商城跨平台app
  • 浏览次数: 143650 次     赞助付款后,在订单列表获取下载地址
  • 购买数量: 商品总价:
  • 举报

浏览历史

课程描述

相关课程

还购买过

Angular7.X+Ionic4免费试听教程下载地址https://pan.baidu.com/s/1eTyvq5W

 

Ionic3.x视频教程请访问https://www.itying.com/goods-460.html

 

教程介绍:

 

Ionic(ionicframework)号称国内外知名的最有潜力的一款html5移动app开发框架。Ionic可以开发跨平台移动App、移动Web网站、微信公众号页面、PWA、以及结合Electron实现桌面应用。

 

Ionic4.x以后在 Angular、Vue、React基础上面做了一些封装,让我们可以用自己喜欢的框架,更快速和容易的开发移动的项目。大家都知道Angular是谷歌公司的一款优秀的web前端框架,React是Facebook旗下的一款优秀的web前端框架,Vue则是国内优秀的web前端框架。

 

Ionic4.x基于Web Components,具有更好的运行速度,相比以前版本的Ionic框架性能提升很多,Ionic4.x不比市面上任何的其他混合框架(Hybrid-Native和Hybrid-Web)运行速度慢,(这是ionic官方经过大量测试得出的结论)。请记住,即使在原生应用中,“糟糕的代码”也会让您的应用变得迟钝。注意在2013年左右,Ionic1.x已经可以流畅的在内存1G 双核Cup的Android手机流畅运行。

 

本教程包括Angular7.x基础入门,Ionic4.x入门到实战(打造京东商城项目),从基础入门到项目实战,由浅入深,循序渐进,手把手教学,快速掌握Ionic4.X,学习3-15天即可独立开发项目。本教程包括Ionic4基础、Ionic4仿京东商城项目、Ionic 打包android应用、ionic打包ios应用、ionic升级应用、以及ionic拍照上传、扫码二维码、微信支付、支付宝支付、【送】激光推送、【送】热更新、【】Cordova+vue开发混合app教程等。  

 

 

 

 

学前须知:

 

本套Ionic4.x系列视频教程总课时预计共100讲左右,前100名赞助会员享有198元/套的优惠价格,超过100名后的赞助会员恢复218元/套的原定价格。

 

1.教程类型:本视频为赞助类型视频,赞助后可以看Cordova+Angular7+Ionic4.x 全部教程(包括后期更新教程)
  
2.必备基础:学习Ionic4.x之前需要有Angular7的基础,Angular7视频教程基础总时间为6小时左右。
  
3.学习说明:每套教程只限一人学习教程和电脑绑定下单时,请填写正确的QQ号,赞助后系统自动发货,届时联系客服获取授权码。 
          
4.学习环境:本视频支持win xp和win7 win8 win10 以及苹果mac电脑,不支持虚拟机系统。
 
5.学习时长: Ionic4.x视频教程更新中(已更新93,后续更新教程会员可免费学习),每讲20-30分钟左右。
 
6.赠送教程:最新Angular7.x视频教程、Cordova极光推送视频教程以及Cordova+Vue开发教程。
 
7.学习成本3天-15天学会项目开发,学会后3天可以做一个跨平台(混合app、微信、移动web)的项目
 
8.涉及项目仿京东商城项目跨平台移动应用。
 
9.配套资源视频+课件+源码+赞助群+技术支持。
  

 

Angular7.X视频教程目录结构【学ionic4.x之前必看此教程】:

 
 
第一讲  Angular介绍、安装Angular Cli、创建Angular项目  预编译器Scss Less css配置(14分52秒)
 
 
第二讲  Angular目录结构分析、app.module.ts详解、以及Angular中创建组件、组件详解、 绑定数据(22分11秒)
 
 
第三讲  Angular创建组件 声明属性的几种方式、ts定义属性、绑定数据、绑定属性、绑定html、数据循环、循环多维数组(34分9秒)
  
 
第四讲  Angular 绑定数据、条件判断、加载图片、【ngClass】 【ngStyle】、Angular管道 、事件、表单事件、事件对象、双向数据绑定(45分)
 
 
第五讲  Angular中Dom操作 以及表单( input、checkbox、radio、select、 textarea )结合双休数据绑定实现在线预约功能(34分48秒)
  
 
第六讲  Angular 实现一个完整的toDoList(待办事项) 以及类似京东App搜索缓存数据功能【前面知识综合练习】(34分57秒)
 
 
第七讲  Angular中的服务 以及自定义服务 以及完善toDoList(待办事项案例)(27分6秒)
 

第八讲  Angular中的Dom操作以及@ViewChild、Angular调用css3动画(侧边栏 actionSheet)(28分)
 
 
第九讲  Angular父子组件以及组件之间通讯
 
 
第十讲  Angular中的生命周期函数--动态挂载销毁组件(22分2秒)
 
 
第十一讲  Rxjs6.x异步数据流编程-Angular Rxjs快速入门教程(32分43秒)
 
 
第十二讲  Angular中的数据请求 内置模块HttpClient实现(get post  jsonp  以及第三方模板axios请求数据(32分12秒)
 
 
第十三讲  Angular中的路由 路由概述 配置路由 路由重定向 路由选中 默认路由(1)(20分3秒)
 
 
第十四讲  Angular中路由传值(get传值、动态路由)以及通过js跳转路由(2)(26分53秒)
 
 
第十五讲  Angular路由的嵌套 父子路由(3) (22分45秒)
 
 
第十六讲  Angular【无人点餐无人收银系统案例】路由配置、菜品列表制作、请求数据渲染二维数组、 动态路由传值 、绑定html【基础项目】(36分24秒)

 

 

第十七讲  Angular 中内置模块 以及 自定义模块(24分58秒)  

 

 

第十八讲  Angular 自定义模块以及配置路由模块懒加载(25分50秒)

 

 
Ionic4.x视频教程目录结构:
 
 
第一讲 Ionic 介绍以及Ionic环境搭建以及创建项目(17分52秒)
1、Ionic介绍以及Ionic Packages
2、Ionic的安装运行
3、Ionic开发工具介绍,以及Vscode中ionic4.x 提示插件
4、Ionic有时候安装失败怎么办?
 
 
第二讲 基于Angular的Ionic4.x目录结构分析、核心文件分析、执行流程讲解。(22分34秒)
1、 Ionic4.x目录结构分析
2、 Ionic4.x src下面文件分析
3、 app.module.ts分析
4、 app-routing.module.ts 分析
5、 路由匹配以及项目执行流程
 
 
第三讲 Ionic4.x创建页面、ionic4.x页面跳转、Ionic4.x新增tabs页面、Ionic4.x自定义公共模块、数据渲染等(27分30秒)
1、 Ionic4.x 创建页面以及页面跳转
2、 Ionic4.x新增底部tabs页面
3、 Ionic4.x中自定义公共模块
4、 Ionic4.x自定义公共模块中使用ionic内置组件
 
 
第四讲 Ionic4.x中的UI 组件(UI Components) 颜色 按钮 图标 ion-header、ion-footer、ion-content、ion-toolbar、ion-title、ion-buttons、ion-back-button(33分57秒)
1、Ionic4.x内置颜色
2、Ionic4.x中的按钮
3、ionic中的图标
4、ion-header、ion-footer、ion-content、ion-toolbar、ion-title、ion-buttons、ion-back-button
 
 
第五讲 Ionic4.x中的UI 组件(UI Components) 颜色 按钮 图标 ion-header、ion-footer、ion-content、ion-toolbar、ion-title、ion-buttons、ion-back-button(33分57秒)
1、 普通列表
2、 分组列表ion-item-divider
3、 列表中带图标
4、 列表中的头像
5、 列表中的图片 ion-thumbnail
6、 滑动列表
 
 
第六讲 Ionic4.x中的UI 组件(UI Components) 表单相关组件ion-input、ion-toggle、ion-radio、ion-checkbox、 ion-select、 ion-textarea(19分59秒)
1、ion-input单行文本框以及双向数据绑定
2、ion-toggle开关以及双向数据绑定
3、ion-radio 单选按钮组及双向数据绑定
4、ion-checkbox 多选按钮组及双向数据绑定
5、ion-select 选择框及双向数据绑定
6、ion-textarea 多行文本框及双向数据绑定
 
 
第七讲 Ionic4.x中的UI 组件(UI Components) Slides轮播图组件 (上)(18分55秒)
1、Slides轮播图组件的基本使用
2、Slides轮播图组件的属性
3、ionic4 slides轮播图不自动轮播解决方案
 
 
第八讲 Ionic4.x中的UI 组件(UI Components) Slides轮播图组件 (下)(15分34秒)
1、Searchbar 组件的使用
2、Segment组件的基本使用双向数据绑定
3、Segment组件实现tab切换
 
 
第九讲 Ionic4.x中的UI 组件(UI Components)日期组件 ion-picker(17分30秒)
1、日期组件的基本使用
2、自定义日期组件的Options
 
 
第十讲 Ionic4.x中的UI 组件(UI Components)日期组件 ion-picker(17分30秒)
1、 侧边栏ion-menu组件的基本使用
2、 侧边栏ion-menu中的事件和方法
3、 底部tabs结合侧边栏ion-menu
 
 
第十一讲 Ionic4.x Theming(主题) 增加组件内置颜色 自定义组件样式 修改底部Tabs背景颜色以及按钮颜色(13分9秒)
1、 Ionic4.x Theming(主题)
2、 Ionic4.x 增加内置主题颜色
3、 修改内置组件默认样式
4、 修改底部Tabs背景颜色以及按钮颜色
 
 
第十二讲 Ionic4.x Javascript扩展 ActionSheet  Alert  Toast  Loading 及ionic手势相关事件以及长按删除功能(36分30秒)
1、 ActionSheet
2、 Alert
3、 Toast
4、 Loading
5、 Ionic4手势相关事件
6、 ionic4长按删除功能
 
 
第十三讲 Ionic4.x Javascript扩展 Model 以及Model传值(27分23秒)
1、 Modal模态对话框简介
2、 Modal模态对话框使用
3、 Modal页面给弹出的组件传值
4、 弹出的组件关闭的时候给modal页面传值
 
 
第十四讲 Ionic4.x Javascript扩展 ion-infinite-scroll(上)(18分11秒)
1、 ion-infinite-scroll 上拉分页加载更多基本使用
2、 获取ion-infinite-scroll 对象操作ion-infinite-scroll 属性
 
 
第十五讲 Ionic4.x 数据交互(get jsonp post) 以及ion-infinite-scroll结合远程api接口实现上拉分页加载更多(下)(25分34秒)
1、Ionic4.x 创建服务封装公共的请求数据服务
2、ion-infinite-scroll  请求api接口实现上拉分页加载更多
 
 
第十六讲 Ionic4.x Javascript扩展 ion-refresher下拉刷新(6分45秒)
 
 
第十七讲 ionic4路由跳转、ionic4路由跳转传值 NavController返回上一页 、NavController回到根(32分13秒)
1、普通路由跳转
2、路由跳转传值
3、NavController返回上一页
4、NavController回到根
 
 
第十八讲 ionic4.x 新闻app案例  路由传值  请求数据  上拉分页加载更多【小小项目】(33分10秒)
1、请求数据
2、路由跳转传值
3、上拉分页加载更多 
4、渲染HTML   
5、ionic4.x常用组件的使用 等...
 
 
第十九讲  Ionic4.x 仿京东商城项目功能分析 项目框架搭建 修改tabs颜色以及配置android ios使用同一个css样式(22分12秒)
1. ionic4.x 仿照京东商城项目功能分析
2. ionic4.x 仿照京东商城项目框架搭建、修改底部tabs
3. Ionic4.x Android Ios配置统一样式
 
 
第二十讲  Ionic4.x 仿京东商城项目首页页面布局、配置公共样式、 ion-slide轮播图 ion-scroll滑动列表(33分48秒)
1.  ion-slide轮播图
2.  ion-scroll滑动列表
 
 
第二十一讲  Ionic4.x 仿京东商城项目首页列表ion-grid  ion-row栅格布局  商品分类页面布局 flex(18分)
1.  ion-grid  ion-row 栅格系统
2.  仿京东商城首页商品列表布局
3.  仿京东商城项目商品分类页面左右分栏滑动布局
 
 
第二十二讲  Ionic4.x 仿京东商城项目购物车页面布局(28分50秒)
1.  flex布局讲解
2.  购物车页面布局
3.  购物车底部ion-footer布局

 
第二十三讲  Ionic4.x 仿京东商城项目用户中心页面布局以及真机调试修改代码热更新(20分1秒)
1.  用户中心布局
2.  真机调试ionic项目以及修改ionic项目代码 手机动态热更新修改后的效果
 
 
第二十四讲  Ionic4.x 仿京东商城 搜索页面(NavController Js切换路由、以及NavController 返回、手势事件配置)、商品列表页面布局(上)(19分36秒)
1、NavController Js切换路由、以及NavController 返回
2、手势事件配置使用
3、搜索页面布局
 
 
第二十五讲  Ionic4.x 仿京东商城 搜索页面 、商品列表页面布局(下)(22分24秒)
1、二级浮动导航定义
2、商品列表页面布局
 
 
第二十六讲  Ionic4.x 仿京东商城 用户登录页面布局、用户注册流程讲解、用户注册路由配置(上)(26分42秒)
1、修改登录页面导航样式
2、登录页面布局
3、注册流程分析
4、注册流程路由配置
 
 
第二十七讲  Ionic4.x 仿京东商城 用户注册页面布局、发送验证码布局、完成注册页面布局(下)(19分13)
1、用户输入手机号注册页面布局
2、发送验证码页面布局
3、输入密码完成注册页面布局
 
 
第二十八讲  Ionic4.x 仿京东商城 创建公共配置文件、创建请求数据的服务、请求远程api接口实现动态轮播图(19分9秒)
1、创建公共服务封装请求数据方法
2、请求轮播图api实现动态轮播图


第二十九讲  Ionic4.x 仿京东商城 请求Api接口获取首页猜你喜欢、精品推荐动态数据(12分55秒)

 
 
第三十讲  Ionic4.x 仿照京东商城项目商品分类页面请求动态数据,实现tab切换以及选中(17分44秒)
1、商品分类页面获取一级分类一级二级分类的数据
2、商品分类页面点击一级分类选中功能
 
 
第三十一讲  Ionic4.x 仿照京东商城项目 商品列表页面请求动态数据以及实现分页加载更多(26分36秒)
1、商品分类跳转到商品列表传值
2、商品列表根据分类id获取服务器接口数据
3、商品列表页面实现上拉分页加载更多

 
第三十二讲  Ionic4.x 仿照京东商城项目 商品列表页面根据价格、销量 属性筛选排序 上拉分页加载更多 以及IonContent回到顶部功能(20分48秒)
1、属性点击选中功能
2、根据价格 销量排序并实现分页加载更多
3、Ionic4.x触发方法回到顶部功能
 
 
第三十三讲  Ionic4.x 仿照京东商城项目  商品搜索页面请求动态数据以及实现上拉分页加载更多  以及根据价格 销量等属性排序(26分50秒
1、搜索页面根据关键词获取服务器商品列表数据
2、搜索页面根据不同关键词获取不同数据并实现分页
3、搜索页面根据关键词获取数据后可以根据 价格、销量排序  排序完成可以上拉分页加载更多
4、搜索页面回到顶部功能
 
 
第三十四讲   Ionic4.x 仿照京东商城项目 搜索页面实现搜索历史记录、删除历史记录 用到ionic的gestures 手势事件和localStorage 以及Alert组件(26分)
1、定义公共的localStorage服务
2、点击搜索保存去重后的搜索关键词
3、显示搜索历史记录关键词
4、ionic的gestures 手势事件长按弹出是否确定删除关键词
5、长按执行删除历史记录功能

 
第三十五讲 Ionic4.x仿京东商城项目商品详情页面 头部底部制作ion-segment ion-footer(15分9秒)
1、顶部ion-segment tab切换布局
2、浮动底部 购物车数量  加入购物车 立即购买布局
 
 
第三十六讲 Ionic4.x仿照京东商城项目详情页面布局(22分13秒)
1、商品详情页面布局
 
 
第三十七讲 Ionic4.x商品详情页面请求数据 渲染数据  以及筛选属性渲染(14分8秒)
1、请求商品详情数据
2、渲染详情数据
3、渲染商品属性
 
 
第三十八讲 Ionic4.x 用户注册 注册流程 POST封装,以及POST发送验证码 倒计时功能 验证验证码(28分41秒)(上)
一、用户注册流程   
二、封装公共的Post请求数据方法
三、调用发送验证码接口发送验证
四、调用验证码验证接口验证验证码

 
第三十九讲 Ionic4.x 用户注册 验证验证码、完成注册、保存用户信息、跳转到根、显示用户信息(18分30秒)(下)
一、调用注册接口完成注册
二、保存用户信息
三、跳转到根
四、显示用户信息

 
第四十讲 Ionic4.x 用户登录 退出登录  ionic4.x生命周期函数  Ionic4.x用EventEmitter事件驱动实现页面通讯(36分18秒)
一、用户登录
二、Ionic4.x生命周期函数
三、跳转到根
四、服务结合EventEmitter事件驱动实现不同页面通讯
 
 
 第四一讲 Ionic4.x 注册页面注册成功通知用户中心更新用户状态 账户设置 退出登录(27分1秒)
一、修改注册页面,注册成功异步通知用户中心更新状态
二、账户设置页面布局
三、账户设置页面返回的时候获取用户信息,并修改用户信息
四、退出登录
五、退出登录异步通知用户中心更新用户
 
 
 
Ionic4.x仿京东商城项目更新中(每周更新5讲左右...),购买过此教程的同学后期可以免费收看更新的内容。
 
 
 
关于Ionic Native部分,Ionic3和Ionic4是一样的,Android Ios环境搭建,以及Ionic调用原生部分,以及ios发布上线等.. 请参考下面Ionic4拓展教程。

 

Ionic4.x扩展视频教程-打包Android APP(6小讲)

 
 
第一讲  ionic3 打包成app_介绍
 
 
第二讲  nodejs的安装 jdk的安装
 
 
第三讲  android studio的安装
 
 
第四讲  ionic cordova的安装、ionic项目创建、ionic项目运行到手机
 
 
第五讲  项目导入到android studio  android studion 运行项目、修改项目ionic build 重新运行
 
 
第六讲  android 打包以及升级打包

  

 

 

Ionic4.x扩展视频教程-Mac电脑安装 ionic3.x cordova 以及创建证书、打包ios app、上传应用市场 app教程(5小讲):

 

 

第一讲  Mac电脑安装 ionic3.x cordova 以及Xcode 打包ios app教程
 
 
第二讲  Xcode 自动管理证书文件 ios真机调试
 
 
第三讲  Xcode 自动管理证书文件 真机调试、创建iphone  .ipa测试包
 
 
第四讲  Xcode 自动管理证书文件 真机调试、创建测试包、创建正式包、 itunes connect创建应用、上传ios应用到appstore
 
 
第五讲  Xcode打包上传在info.plist添加权限, 上传提示 Missing info.plist key NSPhotoLibraryUsageDescription解决

  

 

 

ionic4.x 扩展视频教程- ionic3 ionic4.x Cordova 调用硬件Api 拍照 扫描二维码/条形码 微信支付  支付宝支付(14小讲)

 

 

第一讲  Ionic3、Ionic4.x、Cordova 调用原生硬件Api、获取设备号

 
第二讲  Ionic3、Ionic4.x、Cordova 调用原生硬件Api 调用照相机拍照

 
第三讲  Ionic3、Ionic4.x、Cordova 调用原生硬件Api 扫描二维码 条形码 -ZBar

 
第四讲  Ionic3、Ionic4.x、Cordova 调用原生硬件Api 扫描二维码 条形码-Barcode Scanner
 
 
第五讲  Ionic3、ionic4.x、Cordova 拍照,以及上传图片到服务器
 
 
第六讲  Ionic3、ionic4.x、Cordova 获取当前app版本,下载服务器文件,打开本地文件、以及实现app自动升级、安装
 
 
第七讲  Ionic3.x android 、ios支付宝支付准备工作 创建应用、生成签名、提交审核应用(1)
 
 
第八讲  Ionic3.x+cordova支付宝支付流程以及实现Android支付(2)
 
 
第九讲  Ionic3.x+cordova支付宝支付Ios支付(3)
 
 
十讲  Ionic3.x+cordova微信支付 android 、ios 注册开放平台、申请开发者、创建应用、 申请微信支付 、上传商户信息(1)
 
 
十一讲  Ionic3.x+cordova微信支付android获取应用包名称、修改应用包名称、获取Android应用签名、设置ios包名(2)
 
 
十二讲  Ionic3.x+cordova微信app支付流程 、后台PHP代码分析(2)
 
 
十三讲   Ionic3.x+cordova微信支付 Android 手机(3)

 
十四讲   ionic3+cordova微信支付 Ios手机(4)

 

 
 
】Cordova极光推送视频教程(android ios 以及webview插件、热更新)目录结构:
 
 
第一讲  cordova3.X+消息推送以及指定设备推送详解 -极光推送android (1)

 
第二讲  cordova3.X+消息推送以及指定设备推送详解 -极光推送IOS证书申请(2)
 
 
第三讲  cordova3.X+消息推送以及指定设备推送详解 -极光推送IOS消息推送(3)
 
 
第四讲 Cordova WebView插件 cordova-plugin-themeablebrowser 可自定义导航样式
 
 
第五讲  Cordova 实现android  ios热更新
 
 
 
】Vue+Cordova打造跨平台可安装的混合APP视频教程目录结构
 
 
第一讲  Cordova单独安装、cordova卸载、使用cordova单独搭建项目  创建项目导入android studio常见(7种类型)错误解决方案 (新手必看)
 
 
第二讲  Ios平台搭建cordova环境、cordova 插件安装、cordova插件卸载 、cordova查看安装的插件
 
 
第三讲  Cordova插件拍照插件 、定位插件、文件上传插件 以及vconsole开启真机(手机)调试模式
 
 
第四讲 Cordova结合vue开发跨平台混合app之Cordova打包Vue项目
 
 
第五讲  Cordova结合vue开发跨平台混合app之 vue调用cordova插件 
 
 

 

Angular7.x视频教程部分截图展示: 
 
 
 
 

Ionic4.x视频教程部分截图展示:  

 

  

 

拓展教程-打包原生app、Ionic Native 拍照上传、扫描二维码、支付等教程部分截图展示:

 

 

 

 

 

    

 

 

 

视频截图展示:

 

 

 

  

项目案例-部分页面展示(项目部分录制中...):

 

 

 

 

              

 

             

 

 

                 

 

  

              

 

           

 

 

           

 

              

 

 

**学员心声**

 

 

 

 

 

此Ionic系列教程已在中华人民共和国国家版权局备案登记,版权所有*翻版必究

部分证书展示) 

 

 

 

 

 

  

用户评论(共0条评论)

  • 暂时还没有任何用户评论
总计 0 个记录,共 1 页。 第一页 上一页 下一页 最末页
用户名: 匿名用户
E-mail:
评价等级:
评论内容:
验证码: captcha

IT营(itying.com)官网转载的文章、图片等资料的版权归版权所有人所有,因无法和版权所有者一一联系,如果本网站选取的文/图威胁到您的权益,请您及时和IT营站长联系。
我们会在第一时间内采取措施,避免给双方造 成不必要的损失。

公安备案:鄂公网安备 42050202000392号  ICP备案证书号:鄂ICP备17020565号-1