Ionic 5, React & Capacitor -Build Android iOS & Web/PWA App
4.4 (6 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
26 students enrolled

Ionic 5, React & Capacitor -Build Android iOS & Web/PWA App

Build Android, iOS, Progressive Web App (PWA) using Ionic 5, React, React Hooks, Capacitor faster than ever
New
4.4 (6 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
26 students enrolled
Created by Gaurab Kumar
Last updated 6/2020
English
English [Auto]
Current price: $26.99 Original price: $44.99 Discount: 40% off
2 days left at this price!
30-Day Money-Back Guarantee
This course includes
  • 1.5 hours on-demand video
  • 37 articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Quick start with Ionic 5
  • Learn ReactJS Quickly
  • Learning Capacitor
  • Build Android & iOS Mobile App
  • Build Progressive Web App (PWA)
  • Theme your Ionic apps
  • Customize app icon and splash screen
  • Implement multi-page apps, Routing
  • Test Apps on real devices
  • Access native device functionality like Google Map, Camera, Device Info
  • To publish the app on Google Play Store & App Store
Course content
Expand all 49 lectures 01:29:20
+ Setting up the environment
1 lecture 00:01
Installing / Update Ionic & Capacitor
00:01
+ [Learning React.js] - Getting Started with React
3 lectures 00:03
What is React?
00:01
create-react-app
00:01
Setting up React Developer Tools
00:01
+ [Learning React.js] - React Elements
3 lectures 00:03
Creating a React element
00:01
Rendering multiple React elements
00:01
Understanding JSX
00:01
+ [Learning React.js] - React Components
8 lectures 00:10
Creating a React component
00:01
Understanding properties
00:01
Composing components
00:01
Rendering lists
00:01
Rendering lists of objects
00:01
Adding keys
00:01
Conditional rendering
00:01
React fragments
00:01
+ [Learning React.js] - React State with Hooks
8 lectures 00:06
Understanding array destructuring
00:00
Using useState
00:01
Using multiple state variables
00:01
Working with useEffect
00:00
Updating with the useEffect dependency array
00:01
Using useReducer
00:00
Deploying a React app
00:01
Conclusion
00:00
+ What's new in Ionic 5?
14 lectures 04:12
Update Ionic 4 App to Latest Ionic 5
00:20
iOS Design ?
00:12
Segment – What’s New?
00:18
Collapsible Header
00:18
Large Collapsible Title
00:18
Swipe to Close Modal
00:13
New Overlay Menu Design
00:12
Refresher – The Pull Down Effect
00:15
Brand New Ionicons
00:30
Update in Ionic colors
00:15
Redesigned Starters
00:10
Easier Customizations
00:46
Angular Ivy Support
00:08
Conclusion
00:12
+ UI Component
6 lectures 22:35
Badge
04:50
Button
02:14
Card
08:29
Checkbox
02:04
Chip
02:44
Date & Time Picker
02:14
+ Plugin Development
2 lectures 42:50
Plugin Development 1
26:25
Plugin Development 2
16:25
Requirements
  • To complete this workshop, all you need is a code editor, a modern browser, and a connection to the Internet.
  • A working knowledge of HTML and JavaScript is assumed, but you don't need to be a JavaScript guru.
  • Basic knowledge of ECMAScript and TypeScript will be helpful
  • Basic Android & iOS knowledge will be helpful but not MANDATORY
Description

Ionic helps you deliver consistent experiences across all channels, with a single codebase and customizable design system that works everywhere.

Your users don’t want mobile apps. They want one a seamless experience that follows them wherever they are — mobile, desktop, web.

Ionic gives you complete control over how your app is built, with limitless customizations and native power and performance across any device.

  • Easy access to native device features

  • Full access to the native SDK when you need it

  • Securely store and access data offline

  • Integrate with any third-party, backend, or legacy system

  • Deploy to iOS, Android, Electron, PWAs, and more

  • Professional support and guidance when you need it

Developers from startups up to the largest companies in the world continue to choose Ionic to build their entire mobile strategy.

Ionic is Open Source

  • The Ionic App Platform is built on the open-source Ionic Framework, a collection of UI controls that enable Web Developers to build iOS, Android, and Progressive Web Apps with HTML, JavaScript, and CSS.

  • Today, Ionic is one of the top 100 most starred repositories on GitHub and receives hundreds of community contributions each year

Who this course is for:
  • Job Seeker, Students , Professors, Web Designer, Developer
  • Business man / Startup – owners, Entrepreneur, Any Computer Programmer, , and more
  • A mobile developer and want to extend an application across more than one platform, without having to re-implement it with each platform's language and tool set.
  • Anyone who has interest in hybrid mobile application development