
Learn WordPress REST API and Ionic 4 Angular app development with authentication, including creating post types, testing REST calls with Postman, and implementing create, update, and delete operations in Ionic.
Explore how WordPress REST API enables headless CMS, delivering JSON data via endpoints for posts, categories, and custom post types, with JWT authentication for Ionic Angular apps.
Discover Ionic, an open source toolkit for building mobile and desktop apps with web technologies, using Angular and Ionic 4, the CLI, routing, components, and Wordpress Rest API integration.
Learn to install WordPress on a local web server using zap (xampp), configure Apache and MySQL, create a WordPress database, and access WordPress via localhost for REST API use.
Explore WordPress rest routes and the wp/v2 endpoints to fetch and edit posts via the rest API, and learn to use Postman for requests and authentication.
Install and activate the jwt authentication plugin and the ports framework, configure rewrite rules and wp-config.php with a secret key, then test token authentication with Postman.
Learn to make authenticated requests to the WordPress REST API with Postman, creating, updating, retrieving, and deleting posts using title, content, and status.
create a custom post type named courts with a writer field, enable the rest api, and publish a quote post to access codes via wp-json/v2/courts.
Learn to add a new quote via Postman with a title and writer, authenticate with a token, then update and delete it, verifying results in WordPress REST API.
Install and set up ionic by verifying node and npm, then install the ionic framework globally with npm and verify the installation using the ionic cli.
Create a new Ionic project via the CLI, choose Angular with the tabs template, install dependencies, run Ionic serve, and preview the app on multiple devices with the device toolbar.
Explore the parallel project structures of Ionic and Angular apps, noting shared folders like src, assets, environments, and the unique Ionic theme folder, plus lazy loading and routing configurations.
Learn to generate new pages with ionic generate, update app routing and the tab menu, and configure courts, code detail, about, and profile pages with icons.
Build a responsive Ionic four Angular interface to show quotes using a twelve-column grid, list items with detail arrows, and items generated by a constructor.
Create a data service in an ionic app to fetch data from the WordPress REST API using HttpClient, with environment base URL and a get request built with template strings.
Retrieve quotes from the WordPress REST API using a data service and observable. Render the fetched data as course quotes on the page, including the title and author.
Demonstrates adding skeleton screens and skeleton text in an Angular Ionic app to improve perceived performance while content loads from the backend.
Explore building the code details view in a WordPress rest api and ionic 4 app, wiring dynamic ids, fetching code data via a data service, and adding navigation and buttons.
Implement authentication with the WordPress REST API in an Ionic 4 Angular app using a template-driven login form to obtain a JWT token and secure requests.
Learn to share authentication state across pages with a boolean behavior subject, toggling isAuthenticated on login and logout to show or hide buttons like create, edit, and logout.
Create a quote as a logged-in user using Wordpress Rest API and Ionic 4 (Angular) app with auth, handling tokens, posting data, and editing code pages.
Fixes a page refresh issue on the course page by introducing a refresh quotes subject in the data service, emitting updates, and reloading course data via router navigation and subscription.
Implement updating and deleting a court in an ionic 4 app, wiring the edit page with dynamic IDs and a data service for get, put, and delete requests with authentication.
Learn to use the WordPress REST API with Ionic and Angular, including authentication, to build robust apps. Encourage questions and help others as you move forward.
In this course, we'll go through the following topics,
Set up the Wordpress on our local machine and install the JWT Authentication plugin.
Walkthrough Wordpress REST API using Postman
Creating custom post type in WordPress and expose its Rest endpoints
Setup Ionic framework to use with our Wordpress Rest API
Showing Quotes from the Wordpress Rest API custom endpoint and add details page
Authenticate a user using the Wordpress Rest API
Creating new Quote as the logged-in user
Updating and Deleting the specific quote using the Rest API