Android and iOS Apps for Your WordPress Blog
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.
Welcome to Android and iOS Apps for your Wordpress Blog Course.
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.
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
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.
In this lecture, we will install Wordpress on our local machine step by step.
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
In this lecture, we will use the Ionic CLI to create a new Ionic App.
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.
In this lecture, we will learn how to create controllers and get the code executed.
Working with States and Templates
In this lecture, we will learn to create States, Templates and the controllers for different screens.
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.
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.
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.
Further Developing the UI
In this lecture, we will create the main content of our main screen.
In this lecture, we will continue to create - The SIde Menu Content.
In this lecture, we will use $http again to get the posts from the blog.
In this video, we will fix the issues we have with our Excerpt.
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.
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.
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.
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.
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.
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.
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.
In this video, we will continue where we left off, by writing the controllers and completing the template for our Blog Posts.
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
In this video, we will start creating the functionality that will allow the users to set posts as their favorites.
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.
We will build the last template in this video and then create its corresponding controller.
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.
We will deploy the app to an Android device and then test the share functionality.
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
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.
In this lecture, you will learn how to configure and make you WordPress Blog Push Ready!
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.
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.
Let us now test the app on an Android Device. We will also understand how and why things are happening the way they are.
In this lecture, we will learn to send push notification to a single user using a command prompt or any other 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.
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.