4.45 out of 5
4.45
102 reviews on Udemy

Android and iOS Apps for Your WordPress Blog

Build a mobile app that interacts with your Wordpress Blog. Use HTML, CSS and JS to build you app for Android and iOS.
Instructor:
Samarth Agarwal
714 students enrolled
Create Mobile Apps for Android and iOS
Use Ionic CLI to create and deploy Mobile Apps
Build apps that can interact with Wordpress Blogs and Sites
Get and Post data to Wordpress Blogs
Store data to mobile devices persistently.
Use various Ionic Services to build outstanding apps.
Install external Cordova and Phonegap Plugins to use with Ionic
Use HTML, CSS and JS to build mobile apps.

In this course, you will learn to unleash the power of two most powerful frameworks, WordPress and Ionic. You will create a WordPress Blog and enable the RESTful JSON API on top of it. You will then create an amazing Ionic App that will interact with your WordPress blog to display information from your blog to the user of your app. You will learn to create amazing UI for your mobile app and at the end of it, you will have an app that will work both on Android and iOS.

You will learn…

  • Basics of RESTful APIs
  • Setup a WordPress Blog and API
  • Retrieving JSON from WordPress
  • Create Ionic App with AngularJS
  • Creating Multiple States and Controllers
  • Navigate within States
  • Ionic Advanced Components
  • Save Data within Devices persistently.
  • Create the APK for Android


A whole module about Push Notifications is added. It will teach you how you can send Notifications to all the users of your Ionic Application from your WordPress Blog with just one click. Lean to send Push Notifications from your command prompt and also from your WordPress Blog via automation.

Course Introduction

1
Course Introduction and Objectives

Welcome to Android and iOS Apps for your Wordpress Blog Course.

Getting Started

1
Tools and Packages

In this lecture, you will learn what tools you need to download before proceeding with the course. You are highly suggested to download everything as suggested and follow along with the videos.

2
Understanding REST and APIs

In this lecture, we will learn about REST and APIs. You will also learn about JSON and how we will be using all these concepts in the upcoming lectures.

Setting up Wordpress Blog

1
Setting up Wordpress Files

In this lecture, we will learn to setup wordpress files in place using WAMP Server so that we can proceed with Wordpress installation in the next lecture.

2
Installing Wordpress Locally

In this lecture, we will install Wordpress on our local machine step by step.

3
Importing Demo Content and Setting Up API

In this lecture, we will install dummy content to our wordpress blog and install the plugin required to enable RESTful JSON API. If you have a blog already, don't download the dummy content file.

Getting Started with the Mobile App

1
Creating the Ionic Application

In this lecture, we will use the Ionic CLI to create a new Ionic App.

2
Inspecting the App files

After creating the Ionic App, we will go through the file structure that is created for us. We will learn what files contains what information regarding our mobile app.

3
Creating Controllers

In this lecture, we will learn how to create controllers and get the code executed.

Working with States and Templates

1
Creating States and Templates

In this lecture, we will learn to create States, Templates and the controllers for different screens.

2
Creating the Side Menu UI

In this lecture, we will start creating our very awesome side menu UI. This will allow the user to open a menu by swiping in from the left.

3
Getting Categories from the Blog

In this lecture, we will learn how we can use $http service to get JSON data from the blog that we configured with the JSON API. We will then display data in the view using Angular.

4
Making HTML Trusted

We will learn how we can make plain text rendered as HTML using the $sce or Strict Contextual Escaping Service from Angular. This will always come in handy.

5
$sce Quiz

Further Developing the UI

1
Creating Menu Content Screen UI - Part 1

In this lecture, we will create the main content of our main screen.

2
Creating Menu Content Screen UI - Part 2

In this lecture, we will continue to create - The SIde Menu Content.

3
Getting the Posts from Blog

In this lecture, we will use $http again to get the posts from the blog.

4
Trimming the Except

In this video, we will fix the issues we have with our Excerpt.

5
Implementing Search

Searching is the core of a content specific blog. We will allow our users to search for blog posts within the app itself, in realtime.

6
Fixing Search Issues using $ionicScrollDelegate

So far, everything is good, Search is working alright. But we need to handle one very particular issue that our users may run into very frequently. Lets sort it out.

7
Ion Refresher - Pull Down to Refresh

In this lecture, we will learn to implement the awesome Ion Refresher. This is the very popular UI component that allows the user to pull down a list to refresh the content of the list.

8
Ion Infinite Loading - Scroll to Load More

In this lecture, learn to create a "scroll to load more" feature in our app. The app will load more posts from the blog as soon as the user scrolls down and reaches to the bottom.

9
Fixing Ionic Infinite Loading - Workaround

In this lecture, we will find a workaround for the issue with Ionic Infinite Loading Component of Ionic. Instead of firing the loadMore() once, it just keeps on firing that method. We will use the timing functionality to prevent calls to that method.

10
Fixing Issues and using ng-src

In this video, we will fix some issues in our app so far and then make it not just faster but also better. We will also learn using ng-src instead of src for <img/> tags.

11
Creating Post Detail Page - Part 1

In this lecture, we will create very awaited Post Detail template that will show the content of the blog post, along with some other details including that of author's as well.

12
Creating Post Detail Page - Part 2

In this video, we will continue where we left off, by writing the controllers and completing the template for our Blog Posts.

13
Creating Category Posts Page

In this lecture, we will create yet another template, category posts page. This page will display posts from one category at a time.

Using Advanced Angular Features

1
Toggling Favorite Posts

In this video, we will start creating the functionality that will allow the users to set posts as their favorites.

2
Saving Favorites Persistently

The favorites posts that we set in the previous lecture were lost immediately! So we will have to find a way to make them persist.

3
Creating the Favorites Page

We will build the last template in this video and then create its corresponding controller.

4
Adding Social Sharing Features

In this lecture, we will learn how to add social sharing features to our app so that the users can share posts to various social networks and app using just our app.

5
Deployment and Testing

We will deploy the app to an Android device and then test the share functionality.

Upcoming Module

1
Stay Tuned

A whole new module is on its way that will teach you how you can send push notification to all your users from your very own Wordpress Blogs. Thanks for taking the course.

Sending Push Notifications using $cordovaPush

1
Push Notifications Intro

In this lecture, we will understand how push notifications actually work. We will set our basics write and then proceed further with the next lecture.

2
Configuring the Blog with GCM

In this lecture, you will learn how to configure and make you WordPress Blog Push Ready!

3
Using $cordovaPush to register with GCM

Lets install cordovaPush, the heart and soul of our push receiving app. This will help our app to register will required services without us worrying much about it.

4
Configuring onNotificationReceived event listener

Let us now write the code for when an actual notification is received. The onNotificationReceived event is triggered everytime a new notification is received. In addition, this event is also triggered whenever the device registers with the GCM or APNS and the respective service sends a registration ID to the device.

5
Testing the App So Far

Let us now test the app on an Android Device. We will also understand how and why things are happening the way they are.

6
Send Push Notification using a console

In this lecture, we will learn to send push notification to a single user using a command prompt or any other console.

7
Sending RegId to the Blog using POST

In this video lecture, we will learn to send the RegId that we received from GCM Server to our blog using the $http service and the POST Method.

8
Sending Push from the Blog and Testing

In this final lecture, we will finish our app. We will see how an actual notification looks on the phone, understanding how to differentiate between a notification when the app is in background and in foreground. Then we will publish a new blog post and see our app in action.

You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
4.5
4.5 out of 5
102 Ratings

Detailed Rating

Stars 5
62
Stars 4
28
Stars 3
7
Stars 2
4
Stars 1
1
2f7938d43bdc8823740bf131330f3780
30-Day Money-Back Guarantee

Includes

4 hours on-demand video
Full lifetime access
Access on mobile and TV
Certificate of Completion