Develop Ionic 4 Angular iOS Android Apps for WooCommerce
4.7 (28 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.
122 students enrolled

Develop Ionic 4 Angular iOS Android Apps for WooCommerce

Build a Complete Android iOS app for your WordPress WooCommerce WebStore using Ionic4 Angular(Compatible to Ionic5.1.1)
4.7 (28 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.
122 students enrolled
Created by M A Hasan
Last updated 6/2020
English
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 9 hours on-demand video
  • 9 articles
  • 13 downloadable resources
  • 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
  • Build a Complete Android iOS app for your WordPress WooCommerce based Web Store using Ionic 4 Angular
  • An excellent working experiences with beautiful and most popular Ionic 4 framework and Modern Angular.
  • Ionic 4 Angular Authentication with WordPress
  • Explore WooCommerce REST API V3
  • Refreshing Modern JavaScript Basics Including Arrow Functions, Promise with Async Awaits, Class and Inheritance
  • Brush up Modern Angular like perform http requests, authentication, authorization and error handling
  • Implement all WooCommerce API using Ionic 4 and Angular
  • Fully Understand the technology behind an online store app, from add to cart to placing order.
  • Finally, from a single code base, you are getting Android App, iOS App as well as Web Apps that runs on all Modern Browsers and can be integrated with Any Woocommerce based ECommerce Website
  • Proper guidance how to submit apps to AppStore and PlayStore
Course content
Expand all 107 lectures 09:17:00
+ Course Introduction
4 lectures 21:46
What we are going to learn?
06:58
What we need to know to develop this E-commerce App
00:55
+ Refreshing Modern JavaScript Basic
8 lectures 40:49
Introduction
00:57
Block Scoped Variables (let, const)
08:13
Arrow Functions
04:22
The ‘this’ keyword
06:29
Promise
04:05
Async & Awaits with Promise
04:21
Class
06:44
Inheritance
05:38
+ Brush up Angular Basics
9 lectures 43:55
Introduction
01:02
What is Angular and TypeScript
02:00
Prepare development environment for Angular (NodeJS)
03:48
Using Angular CLI to create an app
05:36
Angular Directives
08:35
Manage Routing and Navigation
07:44
Create and use services
05:10
About Template driven forms
09:55
Extras For Angular
00:05
+ Learn Ionic Basics
8 lectures 36:20
Introduction
00:45
What is Ionic
00:39
Ionic Component Basics
03:06
Understanding Ion list n Buttons
11:11
Using Ion cards
04:37
Understanding Ion Grid
07:53
View Ionic app on Android Emulator
04:33
View Ionic app on iOS emulator
03:36
+ An overview of WordPress and WooCommerce
9 lectures 24:59
Inroduction
00:37
What is WordPress
01:34
About wordpress plugins and themes
01:19
What is WooCommerce
01:05
Installing WordPress to a server
06:19
Installing WooCommerce inside WordPress
03:21
Importing WooCommerce demo data
03:14
Admin overview for WooCommerce
04:54
Creating API KEY to be used for app development
02:36
+ Main Project: Setup All Routings & Navigations
8 lectures 35:49
Introduction
01:01
Create “webstore” app project from Ionic CLI
02:26
Create necessary Pages and Services from Ionic CLI
08:12
Show necessary pages to left menu
11:21
Prepare all routing and navigations throughout app
08:44
Install JWT authentication plugin to our WordPress Install
01:22
Configure our server and app for JWT authentication plugin
02:15
Download the final project of this section here
00:28
+ Dive Into WooCommerce API
9 lectures 01:02:08
Introduction
00:49
Fetch all products of the store
21:28
Fetch single product / product details page
14:20
Fetch all product categories
07:54
Fetch products by specific product category
07:35
Fetch all product tags
03:03
Fetch products by specific product tag
04:39
Show product title on toolbar at single product page
02:02
Download the final project after section 7
00:18
+ Authentication with WordPress and WooCommerce
13 lectures 01:28:35
Introduction
00:30
Create signup form with submit button
05:03
Setup form validation before submission
13:48
Implement Email Validation function
02:56
Create signup function
19:29
Complete new customer signup with specific success/error message using toast
07:40
Create login form with submit button, Implement form validation
02:47
Create login function
06:58
Now login with newly signed up credentials
02:24
Save current logged in user’s email and ID in local storage
11:32
Implement logout
03:28
Implement authorization using auth guard
11:42
Download the final project after section 8
00:18
+ Shopping Cart
11 lectures 37:12
Introduction
00:24
How add to cart works
01:15
How to add an add to cart button at single product page
02:24
Add product to cart by clicking on the add to cart button
05:05
Show the number of items added to cart in cart icon
06:30
Live update cart item numbers
03:00
Go to cart page and list all products previously added to cart
08:46
Change quantity per product on cart page
03:40
Delete an item from cart
02:46
Calculate total amount for all added cart items
03:04
Download the final project after section 9
00:18
+ Checkout & Place Order
11 lectures 01:16:56
Intoduction
00:31
Navigate to checkout page
01:38
Fetch all available payment gateways
05:34
Show short order history
11:35
Explain “FORM” for billing/shipping information
04:54
Explain validation of billing/shipping form
01:50
Make “Place Order” button available once a Payment method is selected
06:12
Keep “Place Order” button disabled until whole checkout form is valid
02:11
Place order and verify it from WP Admin
22:15
Show success message on successful order
19:58
Download the final project after section 10
00:18
Requirements
  • Minimum Web Development Knowledge with WordPress and WooCommerce
  • Basic HTML CSS and Basics of JS
Description

Do you know WordPresss Powers 34% of all website in our planet and according to WordPress Plugin Directory statistics, WooCommerce, the Plugin, that adds E-Commerce functionality to WordPress, has 5 millions + active installs. Beside these, WooCommerce itself Powers 28% of all online stores

WooCommerce is one of the best Plugin created with WordPress that has largest developer community support with awesome official documentations.

Responsive ecommerce websites are not that user friendly that an app can be for shopping.

Have you ever thought of building a hybrid App for this robust WooCommerce Plugin that runs in Android and iOS devices as well as on all modern browser?

Give shoppers an outstanding shopping experiences with WooCommerce based online stores?

Taking your web development career to the next level?

Welcome, I am M A Hasan, full time freelance web developer. I have 8 years working experience with various web technologies, now offering you a great course Develop Android iOS app using Ionic 4 and Angular for WooCommerce online stores.

There are several courses, tutorials, official documentations you may find helpful to build your Android and iOS app for WooCommerce but the problem is, most of them are not designed in an optimized and well maintained way that can help a beginner to understand everything perfectly. So I have broken this course into different parts to prepare you at first, then dive into real app development.

In this course, we will use WordPress and Woocommerce as backend with Version 3 API and develop a full featured WebStore app that can be integrated with any Woocommerce online store and will help user to buy products online directly from Android and iOS devices.

Okay if you are not feeling confident enough to take this course then No worries, If you have minimum knowledge in developing website using WordPress and WooCommerce, then you are welcome on board. I have discussed all basics of Modern JavaScript, Ionic 4 and Angular topics those are required to build and understand this app perfectly.

Starting from registering as a new customer through our app to place an order successfully in the store, every bit of code of this WebStore App we gonna develop is well explained.

At the end of the course, you are going to get a full featured WebStore app with source code that you coded from scratch which is ready to integrate with any WooCommerce online store. Most interestingly, from one code base, your WebStore app will be ready to submit to Play Store, App Store as well as an excellent working experiences with beautiful and most popular Ionic 4 framework and Modern Angular.

So no matter if you are a beginner or intermediate level developer, this course is going to take your career to the next level. So you will be a hybrid apps developer in a matter of times. Millions of clients are waiting for an efficient programmer like you who can code a secure, more maintainable and expandable WebStore App for their WooCommerce based online store..

I hope to see you in this course very soon. This course comes with 30 days money back guarantee. So take the course, watch the videos and if you are not happy, ask for a refund within 30 days. All your money back, no questions asked.

Then why are you waiting for? Let's grab the course and start exploring this great adventure.

Who this course is for:
  • Beginner to Android and iOS Apps Development using Ionic 4 and Angular
  • Beginner to Work With Ionic 4, Angular and WordPress Authentication
  • Beginner to implement WordPress and WooCommerce REST API using Ionic 4 and Angular
  • Anyone interested to develop a full featured Online Store Apps for Woocommerce based ECommerce Website
  • Anyone intesrested to Understand the technology behind the Online Store apps
  • Anyone who wants to take his Web Development career to next the level by learning modern technologies