English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 6 Hours | 844 MB
eLearning | Skill level: All Levels
Build an eCommerce Mobile App from start to end using Ionic Framework 3 and WooCommerce using HTML, SCSS and TypeScript.
Ionic 3 Apps for WooCommerce is a course that will help you understand the basics of the latest version of Ionic Framework, v3, and also walk you through, step by step, to build a complete eCommerce application for Android and iOS using your WooCommerce Store as the back-end. Ionic Framework v2 and v3 are similar, so even if you want to learn Ionic 2, you need the same course.
The eCommerce app that we will build in this course gets the products’ information from the WooCommerce store. You do not need to setup any extra databases or servers. All you need is just a WooCommerce store, either locally or on a remote server.
Don’t own a WooCommerce Store yet? You will learn how to setup a WooCommerce store for free on your own computer and then use it to build an eCommerce App. You do not need to buy any tool or software. The course uses all open-sourced technologies.
You will build an eCommerce app that will allow the user to browse through the product catalog, search products in a particular product category, add product to their cart and then pay for their orders. The customers can pay using the PayPal payment gateway as well. The users will get Push Notifications every time you publish a new product.
The orders will be received on the WooCommerce and then can be processed further by the shop admin. The app takes care of user authentication and only allows users with valid customer accounts to place orders. The app also allows new customers to sign up for an account.
So why wait? Build a complete eCommerce solution yourself and release your app in the play store whether you need to expand your skills or your business.
What Will I Learn?
- Build Android and iOS Apps with Ionic Framework.
- Build and Deploy cross platform hybrid apps.
- Build eCommerce Apps with WooCommerce.
- Deploy WooCommerce locally and use it as a backend.
- Use Ionic Components and Native Features.
- Integrate PayPal Payment Gateway in Ionic/Cordova Apps.
- Publish an App in the Play Store.
- Integrate Push Notifications in Ionic Apps.
1 Course Introduction
2 Course Project Files
Introduction to Ionic Framework
3 Introduction to Ionic Framework
4 Installing Node_ Ionic and Cordova
5 Creating and Running Ionic Apps in Browser
6 Running Ionic Apps in Emulator and Device
Introduction to WooCommerce and WooCommerce API
7 Introduction to WooCommerce
8 Setting Up WooCommerce Locally
9 Introduction to WooCommerce API
10 Creating WooIonic_ An Ionic 3 eCommerce App
11 Restructuring the App
Building App HomePage
12 Creating a Slider on Home Page
13 Displaying Products on Home Page
14 Autoplaying Products Slider
15 Product List on Home Page
16 Infinite Scrolling on Home Page
Product Categories and Menu
17 Product Categories in Menu
18 Icons and Images in Menu
19 Displaying Products by Category
20 Infinite Scroll on Category Pages
21 Fixing Navigation using ViewChild
Product Details Page
22 Creating the Product Page
23 Product Images_ Title and Description
24 Displaying Product Specs
25 Displaying Product Reviews
Building the Cart
26 Implementing Cart using Storage
27 Creating a Modal for Cart
28 Displaying Products in the Cart
29 Finalizing Cart
The Sign Up and Login
30 Creating Signup Page
31 Checking Email Validity
32 Signing Up New Users
33 Creating Login Form
34 Logging User using JSON Auth API
35 Changing Menu Items Dynamically
The Checkout Page
36 Navigating to the Checkout Page
37 Creating Checkout Form
38 Prepopulating the Checkout Form
39 Placing the Order
40 Displaying Order Confirmation
Integrating PayPal in Ionic 3
41 Configuring Paypal and Installing Plugins
42 Paying via PayPal
Integrating Push Notifications using OneSignal
43 Setting up Push Notification with OneSignal
44 Configuring Push on WordPress
45 Customizing Push Notifications on WordPress
Publishing the app in Android Play Store
46 Building the App for Release
47 Submitting the App to Play Store
Additional Features for WooIonic_ The Product Search
48 Building Search Feature Part 01
49 Building Search Feature Part 02
50 Building Search Feature Part 03
Additional Features for WooIonic_ Ionic Lazy Loading
51 Ionic Lazy Loading Part 01
52 Ionic Lazy Loading Part 02
Additional Features for WooIonic_ Improving the Cart Functionality
53 Improving the Cart Functionality Part 01
54 Improving the Cart Functionality Part 02
Additional Features for WooIonic_ Using Providers in Ionic
55 Introduction to Providers
56 Creating a Provider in Ionic
57 Using the Provider in Ionic Pages