Classbaze

Disclosure: when you buy through links on our site, we may earn an affiliate commission.

Mobile App Development with Ionic and React – Idea to App Store

This class will provide everything you need to go from nothing to a fully-deployed mobile app with Ionic Framework and React. The entire course is provided i...
4.5
4.5/5
(2 reviews)
103 students
Created by

8.9

Classbaze Grade®

8.5

Freshness

8.6

Popularity

9.1

Material

Platform: Skillshare
Video: 1h 32m
Language: English
Next start: On Demand

Best Mobile Web classes:

Classbaze Rating

Classbaze Grade®

8.9 / 10

CourseMarks Score® helps students to find the best classes. We aggregate 18 factors, including freshness, student feedback and content diversity.

Freshness

8.5 / 10
This course was last updated on 8/2020.

Course content can become outdated quite quickly. After analysing 71,530 courses, we found that the highest rated courses are updated every year. If a course has not been updated for more than 2 years, you should carefully evaluate the course before enrolling.

Popularity

8.6 / 10
We analyzed factors such as the rating (4.5/5) and the ratio between the number of reviews and the number of students, which is a great signal of student commitment.

New courses are hard to evaluate because there are no or just a few student ratings, but Student Feedback Score helps you find great courses even with fewer reviews.

Material

9.1 / 10
Video Score: 7.8 / 10
The course includes 1h 32m video content. Courses with more videos usually have a higher average rating. We have found that the sweet spot is 16 hours of video, which is long enough to teach a topic comprehensively, but not overwhelming. Courses over 16 hours of video gets the maximum score.
The average video length is 1 hours 38 minutes of 35 Mobile Web courses on Skillshare.
Detail Score: 9.6 / 10

The top online course contains a detailed description of the course, what you will learn and also a detailed description about the instructor.

Extra Content Score: 10.0 / 10

Tests, exercises, articles and other resources help students to better understand and deepen their understanding of the topic.

This course contains:

0 article.
0 resource.
0 exercise.
0 tests or quizzes.

In this page

About the course

This class will provide everything you need to go from nothing to a fully-deployed mobile app with Ionic Framework and React. The entire course is provided in “Chapters” to allow you time to digest and apply the information. Chapter 1 is all about getting your environment configured, creating a new project from a template, and then fleshing out the UI with pages and navigation. 

Overview 

The Ionic Framework is supported on a variety of 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.

Prerequisites

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 have ever used React or the Ionic Framework, but it certainly won’t hurt you if you have.

Concepts will be explained as needed, as close to their use as I can get.

Objective

By the time you finish the complete course, you should have the confidence you need to create and deploy your own mobile app for iOS or Android. It’ll be a fast ride, so enroll now and hang on.

Work in Progress

This course is a work in progress. I plan to continue to upgrade and improve upon it from time to time, adding lessons and challenges where appropriate. If you think it’s missing something, let me know, and the next update may contain your suggestions.

Companion Book

In addition to the course, I am providing a companion book, which you can order from Amazon.com here:

.

What can you learn from this course?

Apply What You have Learned

Now that you have completed this chapter, take a few moments to apply what you have learned to the demo application you just built.

Modify the “Delete” Toast

The toast notification we added to indicate that a student was deleted from the roster positions itself at the top of the screen, stays for 3000 ms (3 seconds), and then vanishes. It cannot be manually dismissed by the user. And sometimes, it can be a little hard to see in its default color and position. Your challenge is to fix that.

  1. Change the duration of the toast to 5 seconds.
  2. Add a close button so the user can close the toast sooner. Toast buttons are configured the same way that Action Sheet buttons are. Hint: use a role rather than a handler.
  3. Move the toast to the bottom or middle of the screen using its position attribute.
  4. Change its color.

Modify the Icons

Don’t like my icons? Head over to and find some you like better. Here are some ideas:

  1. You can change the absent/present icons to something else, change their colors, or both.
  2. The icon we use in the roster is pretty generic. You could add a gender to the Student interface and then adjust the icon based on that value at runtime.
  3. Change the color of any icon.

Advanced: Undo Delete

Instead of a close button on the toast notification, you could add a quick “undo” button.

Advanced: Sort Roster

TypeScript arrays have a sort function. Provide a button in the Roster toolbar to sort by the students’ last names instead of the current default.

References

What you need to start the course?

There is no prerequisite, anyone can begin this course.. This course is also great for beginners without any Development Tools knowledge.

Who is this course is made for?

This course is suitable for beginners.

Are there coupons or discounts for Mobile App Development with Ionic and React - Idea to App Store ? What is the current price?

You can enrol in this course with a Skillshare subscription that costs $8/month, but you start with a FREE 7-day trial. You can also enrol in thousands of courses on a variety of topics with your subscription, including several Mobile Web courses.

Will I be refunded if I'm not satisfied with the Mobile App Development with Ionic and React - Idea to App Store course?

There is no money-back guarantee with Skillshare, but you can start with a free one-week trial to learn without risk. With the subscription, you can download classes to your tablet or phone using the Skillshare app.

Are there any financial aid for this course?

At the moment we couldn't find any available scholarship forMobile App Development with Ionic and React - Idea to App Store, but you can access more than 30 thousand classes for $8/month on Skillshare, including this one!

Who will teach this course? Can I trust Michael Callaghan?

Michael Callaghan has created 2 courses that got 3 reviews which are generally positive. Michael Callaghan has taught 97 students and received a 4.7 average review out of 3 reviews. Depending on the information available, we think that Michael Callaghan is an instructor that you can trust.
Lead Ionic Developer
Lead Ionic Developer
Browse all courses by on Classbaze.

8.9

Classbaze Grade®

8.5

Freshness

8.6

Popularity

9.1

Material

Platform: Skillshare
Video: 1h 32m
Language: English
Next start: On Demand

Classbaze recommendations for you