Ionic 3 Apps for WooCommerce Build an eCommerce Mobile App
What you’ll 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.
Basic Knowledge of HTML, CSS and JS.
Knowledge of Datatypes and OOP would be a plus.
Introductory knowledge to Ionic 2 or TypeScript would be a plus.
Knowledge of Apps and Mobile Operating Systems
Programming Aptitude and Logical Thinking
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.
Section 1: Introduction
Lecture 1 Course Introduction
Lecture 2 Course Project Files
Section 2: Introduction to Ionic Framework
Lecture 3 Introduction to Ionic Framework
Lecture 4 Installing Node, Ionic and Cordova
Lecture 5 Creating and Running Ionic Apps in Browser
Lecture 6 Running Ionic Apps in Emulator and Device
Section 3: Introduction to WooCommerce and WooCommerce API
Lecture 7 Introduction to WooCommerce
Lecture 8 Setting Up WooCommerce Locally
Lecture 9 Introduction to WooCommerce API
Section 4: Getting Started
Lecture 10 Creating WooIonic: An Ionic 3 eCommerce App
Lecture 11 Restructuring the App
Section 5: Building App HomePage
Lecture 12 Creating a Slider on Home Page
Lecture 13 Displaying Products on Home Page
Lecture 14 Autoplaying Products Slider
Lecture 15 Product List on Home Page
Lecture 16 Infinite Scrolling on Home Page
Section 6: Product Categories and Menu
Lecture 17 Product Categories in Menu
Lecture 18 Icons and Images in Menu
Lecture 19 Displaying Products by Category
Lecture 20 Infinite Scroll on Category Pages
Lecture 21 Fixing Navigation using ViewChild
Section 7: Product Details Page
Lecture 22 Creating the Product Page
Lecture 23 Product Images, Title and Description
Lecture 24 Displaying Product Specs
Lecture 25 Displaying Product Reviews
Section 8: Building the Cart
Lecture 26 Implementing Cart using Storage
Lecture 27 Creating a Modal for Cart
Lecture 28 Displaying Products in the Cart
Lecture 29 Finalizing Cart
Section 9: The Sign Up and Login
Lecture 30 Creating Signup Page
Lecture 31 Checking Email Validity
Lecture 32 Signing Up New Users
Lecture 33 Creating Login Form
Lecture 34 Logging User using JSON Auth API
Lecture 35 Changing Menu Items Dynamically
Section 10: The Checkout Page
Lecture 36 Navigating to the Checkout Page
Lecture 37 Creating Checkout Form
Lecture 38 Prepopulating the Checkout Form
Lecture 39 Placing the Order
Lecture 40 Displaying Order Confirmation
Section 11: Integrating PayPal in Ionic 3
Lecture 41 Configuring Paypal and Installing Plugins
Lecture 42 Paying via PayPal
Section 12: Integrating Push Notifications using OneSignal
Lecture 43 Setting up Push Notification with OneSignal
Lecture 44 Configuring Push on WordPress
Lecture 45 Customizing Push Notifications on WordPress
Section 13: Publishing the app in Android Play Store
Lecture 46 Building the App for Release
Lecture 47 Submitting the App to Play Store
Section 14: Additional Features for WooIonic: The Product Search
Lecture 48 Building Search Feature Part 01
Lecture 49 Building Search Feature Part 02
Lecture 50 Building Search Feature Part 03
Section 15: Additional Features for WooIonic: Ionic Lazy Loading
Lecture 51 Ionic Lazy Loading Part 01
Lecture 52 Ionic Lazy Loading Part 02
Section 16: Additional Features for WooIonic: Improving the Cart Functionality
Lecture 53 Improving the Cart Functionality Part 01
Lecture 54 Improving the Cart Functionality Part 02
Section 17: Additional Features for WooIonic: Using Providers in Ionic
Lecture 55 Introduction to Providers
Lecture 56 Creating a Provider in Ionic
Lecture 57 Using the Provider in Ionic Pages
Section 18: Additional Features for WooIonic: Variable Products
Lecture 58 Legacy V3 VS REST API V2
Lecture 59 Switching to V2 API
Lecture 60 Creating UI for Selecting Options
Lecture 61 Checking for Matching Variations – 1
Lecture 62 Checking for Matching Variations – 2
Lecture 63 Add to Cart for Variations
Lecture 64 Updating the Cart Page
Lecture 65 Updating the Checkout Page
Students and Professionals willing to build Apps.,Web Devs who are willing to expand their skills.,Professionals who have web skills and want to build mobile apps.,Students, Individuals, Devs who want to learn to build eCommerce Apps..,Devs who wish to save time by building Hybrid Apps.,Students who plan on building an out-of-the-box academic project.
Udemy | English | 6h 48m | 2.38 GB
Created by: Samarth Agarwal