Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

WordPress: Building Apps with Angular

via LinkedIn Learning

Overview

Discover how easy it is to build Angular applications—powered by WordPress—when using the Angular CLI.

The WordPress content management system can provide a solid foundation for applications built with Angular, the popular front-end framework. WordPress REST API services mesh smoothly with the expectations of Angular, giving developers the opportunity to create single-page applications that provide a sophisticated window on content stored in WordPress. In this course, join instructor Roy Sivan as he showcases how easy it is to build Angular applications—powered by WordPress—when using the Angular CLI. Discover how to create an Angular WordPress theme, a plugin, and a headless app that displays data from a WordPress website.

Syllabus

Introduction
  • Welcome
  • What you need to know
  • Exercise files
1. Angular WordPress Theme
  • Why Angular and WordPress?
  • Set up Angular CLI and WordPress locally
  • Create the child theme
  • Create the app page
  • Enqueue the scripts
  • REST API routes and endpoints with ACF
  • Creating services for modular code
  • Creating our blog listing page
  • Creating app routes
  • Creating our blog detail page
  • Creating our page detail page
  • Slug vs. ID
  • Fix WordPress redirect
  • Use as a headless site
2. Angular WordPress Plug-in
  • Creating a plug-in and Angular app
  • Enqueuing the scripts and renaming
  • Creating Angular services
  • Creating Angular components
  • Creating our search form
  • Handling our search event
  • Displaying results
3. Headless WordPress App
  • Intro and installing plug-in
  • Overview of WAR library
  • Create new Angular app
  • Create REST API service and methods
  • App component
  • App template
  • Extend with EZ Data
Conclusion
  • Next steps

Taught by

Roy Sivan

Reviews

Start your review of WordPress: Building Apps with Angular

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.