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.7 (43 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.
498 students enrolled
$19
$75
75% off
Take This Course
  • Lectures 40
  • Length 3.5 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 11/2015 English

Course Description

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.

What are the requirements?

  • Basics of Ionic Framework, AngularJS, HTML, CSS and JS.

What am I going to get from this course?

  • 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.

What 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.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Course Introduction
02:31

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

Section 2: Getting Started
03:08

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.

03:42

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.

Section 3: Setting up Wordpress Blog
02:21

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.

04:09

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

06:30

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.

Section 4: Getting Started with the Mobile App
04:52

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

02:33

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.

06:04

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

Section 5: Working with States and Templates
10:17

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

07:28

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.

10:50

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.

04:40

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.

$sce Quiz
3 questions
Section 6: Further Developing the UI
05:59

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

09:29

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

06:53

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

03:54

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

04:40

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.

06:25

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.

05:33

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.

09:12

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.

05:39

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.

03:40

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.

08:24

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.

09:44

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

09:17

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

Section 7: Using Advanced Angular Features
08:37

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

06:05

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.

06:56

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

05:06

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.

03:33

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

Section 8: Upcoming Module
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.

Section 9: Sending Push Notifications using $cordovaPush
03:11

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.

05:44

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

04:56

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.

02:08

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.

02:30

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

03:55

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

04:19

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.

04:13

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.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Samarth Agarwal, 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.

Ready to start learning?
Take This Course