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.x.x)

4.40 (60 reviews)
Udemy
platform
English
language
Mobile Apps
category
instructor
323
students
9.5 hours
content
Mar 2024
last update
$19.99
regular price

What you will 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

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.

Content

Course Introduction

Inroduction
What we are going to learn?
What we need to know to develop this E-commerce App
Lets see how our final app looks like

Refreshing Modern JavaScript Basic

Introduction
Block Scoped Variables (let, const)
Arrow Functions
The ‘this’ keyword
Promise
Async & Awaits with Promise
Class
Inheritance

Brush up Angular Basics

Introduction
What is Angular and TypeScript
Prepare development environment for Angular (NodeJS)
Using Angular CLI to create an app
Angular Directives
Manage Routing and Navigation
Create and use services
About Template driven forms
Extras For Angular

Learn Ionic Basics

Introduction
What is Ionic
Ionic Component Basics
Understanding Ion list n Buttons
Using Ion cards
Understanding Ion Grid
View Ionic app on Android Emulator
View Ionic app on iOS emulator

An overview of WordPress and WooCommerce

Inroduction
What is WordPress
About wordpress plugins and themes
What is WooCommerce
Installing WordPress to a server
Installing WooCommerce inside WordPress
Importing WooCommerce demo data
Admin overview for WooCommerce
Creating API KEY to be used for app development

Main Project: Setup All Routings & Navigations

Introduction
Create “webstore” app project from Ionic CLI
Create necessary Pages and Services from Ionic CLI
Show necessary pages to left menu
Prepare all routing and navigations throughout app
Install JWT authentication plugin to our WordPress Install
Configure our server and app for JWT authentication plugin
Download the final project of this section here

Dive Into WooCommerce API

Introduction
Fetch all products of the store
Fetch single product / product details page
Fetch all product categories
Fetch products by specific product category
Fetch all product tags
Fetch products by specific product tag
Show product title on toolbar at single product page
Download the final project after section 7

Authentication with WordPress and WooCommerce

Introduction
Create signup form with submit button
Setup form validation before submission
Implement Email Validation function
Create signup function
Complete new customer signup with specific success/error message using toast
Create login form with submit button, Implement form validation
Create login function
Now login with newly signed up credentials
Save current logged in user’s email and ID in local storage
Implement logout
Implement authorization using auth guard
Download the final project after section 8

Shopping Cart

Introduction
How add to cart works
How to add an add to cart button at single product page
Add product to cart by clicking on the add to cart button
Show the number of items added to cart in cart icon
Live update cart item numbers
Go to cart page and list all products previously added to cart
Change quantity per product on cart page
Delete an item from cart
Calculate total amount for all added cart items
Download the final project after section 9

Checkout & Place Order

Intoduction
Navigate to checkout page
Fetch all available payment gateways
Show short order history
Explain “FORM” for billing/shipping information
Explain validation of billing/shipping form
Make “Place Order” button available once a Payment method is selected
Keep “Place Order” button disabled until whole checkout form is valid
Place order and verify it from WP Admin
Show success message on successful order
Download the final project after section 10

User Profile Management

Introduction
Show user’s full name, username, user role and email
Show current user’s avatar
Show users billing and shipping info
Get order list for current user
Download the final project after section 11

Final Touch & Deployment to real devices

Renovation of homepage
Renovation of login register
Generate build for Android using Capacitor for our project
Generate build for iOS using Capacitor for our project
Run app and debug the project
Guideline to Play Store And App Store submission for our project
Download the final project after section 12
Where to go from here

All Error Corrections and Bugs fixing for WebStore App

Error Reporting 1: Order total is not showing properly

Screenshots

Develop Ionic 4 Angular iOS Android Apps for WooCommerce - Screenshot_01Develop Ionic 4 Angular iOS Android Apps for WooCommerce - Screenshot_02Develop Ionic 4 Angular iOS Android Apps for WooCommerce - Screenshot_03Develop Ionic 4 Angular iOS Android Apps for WooCommerce - Screenshot_04

Reviews

Pieterson
October 2, 2020
My the GOD be with you... this course is all I need to make an app without even studying the native language for both IOS and Android. You the beeessttt
Niraj
June 18, 2020
This course is very good. yet i have not completed the course but it is easy to understand. Its a request to add search and filter features in this course if possible because it is more important feature for a e-commerce mobile application
Alessandro
May 27, 2020
Excellent course, the instructor is really good, it is very helpful and offers you an extensive help package! Recommended
Rene
May 18, 2020
It is an excellent course, I learned a new way to explore ionic, improve my knowledge and of course apply it to the job market. I would expect more complicated things like integrating gateways like paypal, conekta, payu, stripe or some other kind of payments. Thanks for sharing your knowledge.
beisser
May 10, 2020
Thank you very much professor for this very complete and educational course. I am very satisfied with everything you have taught me.
Pablo
April 14, 2020
Hasta ahora excelente el curso he aprendido mucho, yo lo hice desde localhost y no desde un servidor externo y tuve que agregarle ssl a xampp para que funcione bien. Ha sido un aprendizaje muy bueno para mi.
Gabriel
April 2, 2020
This is the best ionic course on Udemy. It makes learning mobile app development super easy. The instructor also gives personalized support. I can't wait to signup for more of his courses. I am super grateful for taking this course. Now I can call myself a mobile developer.
Dikwella
March 25, 2020
This is an amazing Course, it makes learning mobile app development super easy to learn... The course is well structured.
Guillermo
January 17, 2020
Very good course the instructor solves doubts and queries immediately, also gives personalized support.
Rashed
December 2, 2019
After watching the preview videos, i decided to take the challenge because WooCommerce is very demanding plugin and I could not figure out myself how to explore its REST API and develop hybrid apps using it. This course fulfilled my desire. Now I am clear about WooCommerce REST API and its implementation and in Ionic Angular. I felt excited when I understood the technology behind how add to cart and checkout process works from this course. It was a great experience.

Charts

Price

Develop Ionic 4 Angular iOS Android Apps for WooCommerce - Price chart

Rating

Develop Ionic 4 Angular iOS Android Apps for WooCommerce - Ratings chart

Enrollment distribution

Develop Ionic 4 Angular iOS Android Apps for WooCommerce - Distribution chart

Related Topics

2654110
udemy ID
11/13/2019
course created date
11/30/2019
course indexed date
Bot
course submited by