Buying for a Team? Gift This Course
Wishlisted Wishlist

Please confirm that you want to add Android and iOS Apps for Your Wordpress Blog to your Wishlist.

Add to Wishlist

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.
4.5 (55 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
535 students enrolled
Last updated 1/2016
$15 $75 80% off
30-Day Money-Back Guarantee
  • 3.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?

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.

Who is the target audience?
  • Beginners who want to learn mobile app development.
  • Web Developers who want to develop apps for mobile devices.
  • Developers who want to develop apps that work across platforms.
  • Students who want to create fun school projects.
Students Who Viewed This Course Also Viewed
What Will I Learn?
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.
View Curriculum
  • Basics of Ionic Framework, AngularJS, HTML, CSS and JS.
Curriculum For This Course
Expand All 40 Lectures Collapse All 40 Lectures 03:39:36
Course Introduction
1 Lecture 02:31

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

Preview 02:31
Getting Started
2 Lectures 06:50

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.

Preview 03:08

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.

Preview 03:42
Setting up Wordpress Blog
3 Lectures 13:00

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.

Preview 02:21

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

Installing Wordpress Locally

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.

Importing Demo Content and Setting Up API
Getting Started with the Mobile App
3 Lectures 13:29

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

Creating the Ionic Application

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.

Inspecting the App files

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

Creating Controllers
Working with States and Templates
4 Lectures 33:15

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

Creating States and Templates

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.

Creating the Side Menu UI

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.

Getting Categories from the Blog

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.

Making HTML Trusted

$sce Quiz
3 questions
Further Developing the UI
13 Lectures 01:28:49

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

Creating Menu Content Screen UI - Part 1

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

Creating Menu Content Screen UI - Part 2

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

Getting the Posts from Blog

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

Trimming the Except

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.

Implementing Search

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.

Fixing Search Issues using $ionicScrollDelegate

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.

Ion Refresher - Pull Down to Refresh

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.

Ion Infinite Loading - Scroll to Load More

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.

Fixing Ionic Infinite Loading - Workaround

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.

Fixing Issues and using ng-src

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.

Creating Post Detail Page - Part 1

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

Creating Post Detail Page - Part 2

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

Creating Category Posts Page
Using Advanced Angular Features
5 Lectures 30:17

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

Toggling Favorite Posts

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.

Saving Favorites Persistently

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

Creating the Favorites Page

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.

Adding Social Sharing Features

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

Deployment and Testing
Upcoming Module
1 Lecture 00:29

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.

Stay Tuned
Sending Push Notifications using $cordovaPush
8 Lectures 30:56

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.

Push Notifications Intro

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

Configuring the Blog 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.

Using $cordovaPush to register with GCM

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.

Configuring onNotificationReceived event listener

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

Testing the App So Far

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

Send Push Notification using a console

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.

Sending RegId to the Blog using POST

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.

Sending Push from the Blog and Testing
About the Instructor
4.5 Average rating
320 Reviews
4,283 Students
6 Courses
Application/Web Developer, Instructor, Tech Enthusiast

I have been working as a freelance application and web developer for last 3 years. I am passionate about technology and learning it. I love learning new technologies and teaching them keeps me satisfied. I love to share knowledge. Let me know if you have some knowledge that you want to share. I like to create new tools and applications that ease the tasks of a common man.

Report Abuse