Android iOS Apps For WordPress Blog Using Ionic5 & Angular

Focused View

M A Hasan

6:13:07

70 View

1. Course Introduction

1. Introduction.mp4

01:56

2. What are we going to learn.mp4

06:12

3. What we need to know to develop this Blogging App.mp4

00:42

4. Lets see how our final app looks like.mp4

09:51

2. Preparing Development Environment

1. Introduction.mp4

00:21

2. Installing node.mp4

01:07

3. Installing Ionic Framework.mp4

01:26

4. Installing Cordova.mp4

00:59

5. Generate first Ionic app.mp4

02:09

6. File and folder structure of an Ionic 5 app explained.mp4

05:18

3. An overview of WordPress

1. Introduction.mp4

00:20

2. What is WordPress.mp4

01:27

3. About WordPress Plugins and Themes.mp4

01:19

4. Installing WordPress to a server Installing and import demo data.mp4

06:13

5. A general overview of WordPress administration.mp4

03:34

4. Learn Ionic Basics

1. Introduction.mp4

00:37

2. What is Ionic.mp4

01:17

3. Ionic component Basics.mp4

01:32

4. Understanding Ion Grid.mp4

10:25

5. Understanding Ion list n Buttons.mp4

05:52

6. Using Ion cards.mp4

03:21

7. Other ionic components.mp4

03:04

5. Introduction to Cordova

1. Introduction.mp4

00:19

2. What is Cordova.mp4

01:18

3. How Cordova works.mp4

02:25

4. What Cordova functions we are going to use in this project.mp4

02:06

6. Main Project Setup All Routings And Navigations

1. Introduction.mp4

00:53

2. Create wpblog app project from Ionic CLI.mp4

02:08

3. Create necessary pages from Ionic CLI.mp4

05:07

4. Create necessary services from Ionic CLI.mp4

03:00

5. Prepare all routing and navigations throughout app.mp4

02:30

6.1 jwt-authentication-for-wp-rest-api.1.2.6.zip

6. Install JWT authentication plugin to our WordPress Install.html

7.1 jwt-authentication-for-wp-rest-api.1.2.6.zip

7. Configure our server and app for JWT authentication plugin.html

8.1 wpblog-end-of-section-6-V3.zip

8. Downloadable resource at the end of the section 6.html

7. Dive Into WordPress REST API

1. Introduction.mp4

01:08

2. Fetch all post categories and display using Ion List.mp4

15:42

3. Fetch all posts by every category and display using Ion Card.mp4

18:35

4. Fetch all tags and display using Ion List.mp4

04:17

5. Fetch all post by every tag and display using Ion Card.mp4

05:11

6. Fetch all posts by current logged in author and display using Ion Card.mp4

04:44

7. Fetch first 10 latest posts and display using Ion Grid And Card.mp4

04:10

8. Create Latest Post menu at left and link it to latest post page.mp4

02:21

9. Display latest 10 posts from blog on home page on app load using Ion Grid And Card.mp4

02:54

10. Go to post details to read the post Implement share button on post detail page.mp4

11:19

11.1 wpblog-end-of-section-7-V2.zip

11. Downloadable resource at the end of the section 7.html

8. Authentication with WordPress

1. Introduction.mp4

01:28

2. Create template driven login form.mp4

06:52

3. Validate the form submission.mp4

02:07

4. Implement Email Validation function.mp4

04:41

5. Finally create necessary functions to login using app.mp4

12:48

6. Display login successerror message using toast.mp4

04:18

7. Auto populate logged in user at app left panel.mp4

16:17

8. Save current logged in users access token and user id in local storage.mp4

04:31

9. Create helper function for auth guard in authentication service.mp4

11:29

10. Implement logout.mp4

03:06

11.1 wpblog-end-of-section-8-V2.zip

11. Downloadable resource at the end of the section 8.html

9. Blog Functions

1. Introduction.mp4

00:47

2. Display bloggers personal information.mp4

07:43

3. Create My Profile Tab and link it to bloggers profile page.mp4

02:22

4. Create a template driven form to create a new post.mp4

04:09

5. Process new post form data.mp4

10:34

6. Finally create necessary functions to create a new post.mp4

14:15

7. Then create Add Post Tab and link it to create post page.mp4

01:25

8. Create My Posts Tab and link it to my posts page.mp4

03:59

9. Create an Edit Post button under authors own post.mp4

02:45

10. Create a reactive form to edit own post.mp4

03:24

11. Process reactive form data to edit own post.mp4

10:25

12. Finally create necessary functions to update own post.mp4

04:41

13. Create a form for comment and reply.mp4

03:58

14. Process comment and reply form data.mp4

06:19

15. Validate email address for comment and reply.mp4

02:20

16. Finally create necessary function post a comment under a specific post ID.mp4

05:34

17. Display all comment for a specific post.mp4

11:43

18. Implement Pull To Refresh for homepage.mp4

03:23

19. Display All Posts from blog on homepage using Infinite Scroll.mp4

10:47

20.1 wpblog-end-of-section-9-V2.zip

20. Downloadable resource at the end of the section 9.html

10. Final Touch And Deployment to real devices

1. Introduction.mp4

01:30

2. Final touches, code refinements and beautification.mp4

17:42

3. Add cordova resources.mp4

01:29

4. Generate app icon and splash screen for app.mp4

01:09

5. Add android and iOS platform for app.mp4

02:41

6. Build the app and run on android emulator.mp4

03:48

7. Build app and run on iOS simulator.mp4

02:57

8. Generate Apk and iPa file.mp4

03:17

9. Guideline to Play Store And App Store submission for our project.html

10.1 wpblog-end-of-section-10-V2.zip

10. Downloadable resource at the end of the section 10.html

11. Where to go from here.html

11. All Error Corrections, Bugs fixing And new features for WPBlog App

1.1 wpblog-end-of-section-11-L1-V1.zip

1. Important Notice! WordPress Install relocated.mp4

01:15

Description

Build A Full Featured WordPress Blog app for Mobile devices using Latest Ionic Angular, Made Blogging Easiest Ever!

What You'll Learn?

Build a Complete Android iOS app for your WordPress Blog and learn almost everything about Ionic 5(5.2.3) as well as Angular
An excellent working experience with the beautiful and most popular Ionic 5 framework and Modern Angular
WordPress Authentication using Ionic 5 Angular Android iOS apps
Explore WordPress Core REST API including listing posts, read posts, create posts, leave comments as well as update your posts
Learn Modern Angular and perform CRUD using http requests, authentication, authorization and error handling
Fully Understand the technology behind latest Ionic angular apps
Integrate this blog app with any WordPress Website to bring the most exclusive Blogging experiences ever
Display latest posts by date, Posts by Categories, Posts by Tags, read it and share it anywhere
Blogger’s Personal Profile Management, View own posts, Create new posts, as well as Update own Posts
Finally generate Android & iOS apps using Cordova with your own app Icon and Splash Screen Image as well as Proper guidance on how to submit apps to AppStore and PlayStore

Who is this for?

Basic working knowledge or experience in any version of Ionic Framework with Angular and WordPress is preferable but not mandatory.

Beginner to Work With Ionic 5, Angular and Cordova.

Beginner to implement WordPress REST API using Ionic 5 and Angular.

Anyone interested to develop a full featured Online Blogging Apps for WordPress based Website and learn details about Ionic 5 Framework with Angular.

Anyone interested to Understand the technology behind the Ionic angular apps.

Anyone who wants to take his programming career to the next level by learning hybrid apps development

What You Need to Know?

You have to have some previous working experience with any programming language.

Basic knowledge in HTML,CSS is required

Having a good understanding of Vanilla JavaScript will add advantages.

If you have previous work experience with any version of Ionic Angular and WordPress then it is going to be very smooth for you but not mandatory.

More details

Description
Welcome Viewers,
I hope you all are doing great. I am M A Hasan, a full time freelance web and hybrid apps developer. Previously, I created two courses here in Udemy, i got a lot of requests from students to develop a full featured app for WordPress blog where a blogger can read posts, comment and reply on the post, logged in author can create new posts, update existing posts, see his profile directly from android and iOS devices just like a website using Apps.
So i designed this new course:
Build Android iOS WordPress Blog App Using Ionic5 & Angular
Build a full featured WordPress Blog app for Android and iOS devices using Latest Ionic Angular, Made blogging easiest ever.
This course will give you an amazing learning experience and fully understand the Ionic 5 framework and modern angular as well as technology behind the hybrid apps development.
I will discuss the beautiful Ionic 5 framework, use many of its components to build our blogging app, dig deep into WordPress rest api, and learn almost all basic to advance levels of modern angular like variables, functions, services, authentication and authorization, handling http requests, make crud operations, template driven forms, reactive forms and so on.
You may find related tutorials, topics in some blogs, but those are not explained in such a way so that a beginner level developer can learn and understand them perfectly. Moreover, you are getting everything in one place with well coded source code that is super clear to you. And from one source code based, you're getting both an Android and iOS app that is ready to submit to PlayStore and AppStore.
At the end of the course, you are going to get a full featured WordPress Blogging app where user can do almost everything like a user can do in WordPress blog website including read latest posts, leave comment and reply to a post, logged in author can create his own post as well as update the post as required and so on.
So you are not only going to develop the WordPress Blogging apps for Blogggers and make the best blogging experiences ever but also you are going to be a master of hybrid app developments using Ionic and Angular, taking your web development career to the next level.
I hope to see you in this course very soon. This course comes with a 30 days money back guarantee. So, buy the course, watch the videos, if it does not go well then ask for a refund within 30 days, all your money back, no questions asked.
So why are you waiting? Let's start this great adventure.
Who this course is for:
Basic working knowledge or experience in any version of Ionic Framework with Angular and WordPress is preferable but not mandatory.
Beginner to Work With Ionic 5, Angular and Cordova.
Beginner to implement WordPress REST API using Ionic 5 and Angular.
Anyone interested to develop a full featured Online Blogging Apps for WordPress based Website and learn details about Ionic 5 Framework with Angular.
Anyone interested to Understand the technology behind the Ionic angular apps.
Anyone who wants to take his programming career to the next level by learning hybrid apps development

User Reviews

Rating

average 0

Total votes0

Focused display

Welcome, I am M A HASAN, Professional Web and Hybrid Apps Developer. I have 8 years working experience with various web technologies.Fluent in HTML CSS CSS3 Bootstrap Vanilla JavaScript jQuery PHP MySQL AJAX, fighting to enrich me every day. I was lucky enough to work with 150+ individual clients and companies around with world, developed 300+ websites myself from scratch, designs and specifications were provided by clients. Developed custom extensions like Components Modules Plugins for Joomla as well as Plugins for WordPress.Since Ionic framework is on, I was fascinated by the web technologies they use that helps build Android, iOS as well as Web apps from a single source code base So I started exploring Angular and Ionic to develop interactive hybrid apps.Using Powerful rest API created by WordPress and WooCommerce, I started developing online store apps since Ionic 2 on action with Angular. Latest Ionic 5 and Angular 9 released with tons of new features and I have upgraded our all apps to the latest versions that solved many problems, enhanced performance a lot.Coded hundreds of thousands lines of codes in Ionic Angular environment, I have around 10+ apps in production, available to download from AppStore and PlayStore, all are developed using Ionic 5 Angular and Cordova.There are several courses, tutorials, official documentations you may find helpful to build your Android and iOS app for WooCommerce but the problem is, most of them are not designed in an optimized and well maintained way that can help a beginner to understand everything perfectly.So i felt i can design a course in such a way where students can develop a real online store app using Ionic 4/5 and Angular for Latest WooCommerce API Version 3 and learn the technology behind the apps.At the end of the course, students are going to get a full featured app with source code they have coded from scratch which is ready to integrate with any WooCommerce/WordPress websites. Most interestingly, from one code base, the app will be ready to submit to Play Store, App Store as well as an excellent working experiences with beautiful and most popular Ionic 4/5 framework and Modern Angular.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.