Ionic and React: Building a Mobile Application UI
4.3 (43 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.
12,553 students enrolled

Ionic and React: Building a Mobile Application UI

Everything you need to go from nothing to a fully-functional mobile app UI with Ionic Framework and React.
Hot & New
4.3 (43 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.
12,553 students enrolled
Last updated 6/2020
English
English [Auto]
Current price: $16.99 Original price: $24.99 Discount: 32% off
23 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 1.5 hours on-demand video
  • 1 downloadable resource
  • 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
  • Everything you need to go from nothing to a working mobile application UI with Ionic Framework and React.
Course content
Expand all 20 lectures 01:20:16
+ Introduction
8 lectures 30:30

Install Visual Studio Code

To install Visual Studio Code, please visit https://code.visualstudio.com


Preview 03:05
Intro to Tooling - macOS
02:58
Intro to Tooling - Windows
02:04
Intro to Tooling - Linux
05:21
Gentle Introduction to TSX
02:22
One More Thing
02:28
+ Building the Application UI
10 lectures 40:28
@10Dance - The Demo App
01:49
Creating the New App
01:35
Modifying the Home Page
05:02
Adding the Roster Page
01:55
Custom Student Hook
02:07
Student Roster Page
05:03
Adding Functionality to the Student Roster
06:39
User Confirmation and Notification
07:10
Apply What You Have Learned
01:46
+ Deploying to the Apple App Store
2 lectures 09:18

In this lecture, we will initialize Ionic's Capacitor, create an iOS project, and get the demo application running in the iOS Simulator.


Note, the demo app in this video is for Ionic-React, but the steps are identical regardless of the project type.

Creating an Xcode project with Capacitor
04:43
Running the Demo App on a Real Device
04:35
Requirements
  • Be comfortable with HTML and basic JavaScript or TypeScript
  • Have a basic understanding of React (components, JSX, state, etc.)
Description

Learning to build mobile apps doesn't have to be hard. In fact, it can be a lot of fun. This course will introduce mobile development using web technologies and The Ionic Framework.

Ionic is supported on a variety of mobile (and desktop) platforms. In this course, you will learn how to go from no code to your very own application ready for sale on the Apple App Store and Google Play Store.

Unlike many courses that spend a lot of time on background, this course will be fast-paced, with a minimum of fuss and fluff. It's all hands-on.

I expect you to have some basic understanding of web development. You should know what a div is, for example; and know how to create a button. You should have a decent grasp of JavaScript, but you don't need to be a master.

I don't expect you to be an expert in React, but you should grasp the basics of JSX, component architecture, state, and hooks. Other concepts will be explained as needed, as close to their use as I can get.

By the time you complete the course, you should have the confidence you need to create and deploy your own mobile app UI for iOS or Android.

It'll be a fast ride, so enroll now and hang on.

Who this course is for:
  • Any developer wanting to publish mobile applications with technology they already know and love.