Android and iOS Apps for Your Wordpress Blog
4.2 (75 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.
604 students enrolled
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.2 (75 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.
604 students enrolled
Created by Samarth Agarwal
Last updated 1/2016
English
Curiosity Sale
Current price: $10 Original price: $75 Discount: 87% off
30-Day Money-Back Guarantee
Includes:
  • 3.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
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
Requirements
  • Basics of Ionic Framework, AngularJS, HTML, CSS and JS.
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.

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
Curriculum For This Course
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
04:09

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
06:30
+
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
04:52

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
02:33

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

Creating Controllers
06:04
+
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
10:17

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
07:28

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
10:50

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
04:40

$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
05:59

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

Creating Menu Content Screen UI - Part 2
09:29

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

Getting the Posts from Blog
06:53

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

Trimming the Except
03:54

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
04:40

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
06:25

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
05:33

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
09:12

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
05:39

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
03:40

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
08:24

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
09:44

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
09:17
+
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
08:37

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
06:05

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

Creating the Favorites Page
06:56

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
05:06

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

Deployment and Testing
03:33
+
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
00:29
+
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
03:11

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

Configuring the Blog with GCM
05:44

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
04:56

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
02:08

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
02:30

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
03:55

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
04:19

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
04:13
About the Instructor
Samarth Agarwal
4.4 Average rating
570 Reviews
5,280 Students
7 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.