This document discusses using WordPress as a backend for client-side applications. It explains how WordPress can be used as a model-view-controller framework, with the database as the model, templates as the view, and PHP controllers handling logic. Benefits of building client-side applications include less server load, easier caching, and a more scalable single-page application experience. Code examples show converting server-side PHP loops to client-side JavaScript using AngularJS. The WP-API allows fetching content as JSON for use in applications. The case study site CodingOfficeHours.com is presented as an example of combining WordPress and client-side technologies.
WordCamp San Diego 2015 - WordPress, WP-API, and Web ApplicationsRoy Sivan
Slides from my talk at WordCamp San Diego. How and why to build web applications with WordPress. Specifically how to build a single page application. I use AngularJS and show some PHP v Angular examples. I end the talk with 2 case studies that have been built using AngularJS as a single page application powered by WordPress
The WordPress REST API as a Springboard for Website GreatnessWP Engine UK
The WordPress REST API opens up endless opportunities for WordPress developers. From integrating with technologies beyond WordPress, to providing more flexibility when developing sites, plugins, and themes, the WordPress REST API packs a powerful punch and makes development faster and easier.
In this webinar, WordPress REST API our experts covered:
-What is the REST API, and why should you care?
-Timeline on REST API in WordPress Core
-Practical, useful and possibly wacky use cases for the WordPress REST API (to get you thinking differently about what is possible)
Optimizing Your Site for Holiday TrafficWP Engine UK
We all love it when traffic spikes on our website - whether from holiday shoppers wanting to buy our wares, some great press and/or from amazing campaigns created by our marketing teams.
But, can you get too much traffic? Research has proven that even tiny delays in page load time can be disastrous to your bottom line. And, when you’re dependent on 4th Quarter sales to make your numbers, you can’t afford to have anything blocking the path to a sale.
In this presentation, team members from WP Engine and MaxCDN discussed ways you can optimize your site in preparation for the holidays or any other spike in website traffic to ensure that you convert those visitors into customers!
WordCamp San Diego 2015 - WordPress, WP-API, and Web ApplicationsRoy Sivan
Slides from my talk at WordCamp San Diego. How and why to build web applications with WordPress. Specifically how to build a single page application. I use AngularJS and show some PHP v Angular examples. I end the talk with 2 case studies that have been built using AngularJS as a single page application powered by WordPress
The WordPress REST API as a Springboard for Website GreatnessWP Engine UK
The WordPress REST API opens up endless opportunities for WordPress developers. From integrating with technologies beyond WordPress, to providing more flexibility when developing sites, plugins, and themes, the WordPress REST API packs a powerful punch and makes development faster and easier.
In this webinar, WordPress REST API our experts covered:
-What is the REST API, and why should you care?
-Timeline on REST API in WordPress Core
-Practical, useful and possibly wacky use cases for the WordPress REST API (to get you thinking differently about what is possible)
Optimizing Your Site for Holiday TrafficWP Engine UK
We all love it when traffic spikes on our website - whether from holiday shoppers wanting to buy our wares, some great press and/or from amazing campaigns created by our marketing teams.
But, can you get too much traffic? Research has proven that even tiny delays in page load time can be disastrous to your bottom line. And, when you’re dependent on 4th Quarter sales to make your numbers, you can’t afford to have anything blocking the path to a sale.
In this presentation, team members from WP Engine and MaxCDN discussed ways you can optimize your site in preparation for the holidays or any other spike in website traffic to ensure that you convert those visitors into customers!
Phonegap Day 2016: Ember/JS & Hybrid Apps TipsAlex Blom
Talk about general profiling & performance for Hybrid Applications, as well as some Ember specific tips. For Cordova + PhoneGap.
Presented on Jan 29 2016 at PhoneGap Day in Salt Lake City.
BP101: A Modernized Workflow w/ Domino/XPagesedm00se
Extending on some of the themes of front-end heavy application development, this session covered the higher order themes of development workflow automation, revolving around the concepts of modern web app development from a full stack perspective.
ASP.NET Quick Wins - 20 Tips and Tricks To Shift Your Application into High GearKevin Griffin
Out of the box, ASP.NET can do a lot of amazing things. The tools and framework have grown to make mundane tasks, such as minification, simple to implement. Many times by using the framework as we were taught, opportunities to optimize pass us by. The reality is that underneath the covers, there is a whole world of easy tweaks we can implement to help ASP.NET perform at its peak.
In this presentation, we will walk through a slew of tweaks used to make ASP.NET perform in the best way possible. You will leave with a checklist of tasks that will instantly improve the performance of your web application!
An overview of the WordPress ecosystem for new users that includes a discussion of wordpress.com and wordpress.org, how plugins fit in, Coder Talk DeCoded: A guide for humans and two bonus slides - questions to ask your WordPress developer and resources for more information.
In this presentation, I'll show you how to use WordPress' REST API to unlock WordPress' hidden potential by using it as a Headless CMS and connect it to a React front-end.
React out at: https://adamrasheed.com
Getting SEO performance in Angular Meteor with ngmetaWill Haire
Getting seo performance in angular meteor with ngmeta
Advance SEO with Client Side Rendering. Learn basic SEO components that tie into Javascript crawability. Enjoy!
https://atmospherejs.com/mkslt04/ngmeta
This presentation for Pluginable Laravel CMS is presented by Amarin Boonkirt (Ta), DevOps Engineer at Netway Communication, to introduce Laravel and RVsitebuilder to Thai Developers. Free license is available for Developers, at dev.rvsitebuilder.com.
IF you would like to learn more, please visit www.rvsitebuilder.com
With the performance gains promised by HHVM and PHP 7, WordPress site admins are living in pretty exciting times. The PHP world at large is in a proverbial space race, and every WordPress site will (eventually) benefit. But early adopters and folks who manage their own servers shouldn’t be the only ones who get early access to these face melting bumps in speed. In this talk, I’ll be introducing you to things you can do to get your code ready for these next generation hosting environments. And we’ll cover where you can host your code once it’s ready. If you’re interested in attending this talk, a passing familiarity with the command line helps, but isn’t a hard requirement.
Phonegap Day 2016: Ember/JS & Hybrid Apps TipsAlex Blom
Talk about general profiling & performance for Hybrid Applications, as well as some Ember specific tips. For Cordova + PhoneGap.
Presented on Jan 29 2016 at PhoneGap Day in Salt Lake City.
BP101: A Modernized Workflow w/ Domino/XPagesedm00se
Extending on some of the themes of front-end heavy application development, this session covered the higher order themes of development workflow automation, revolving around the concepts of modern web app development from a full stack perspective.
ASP.NET Quick Wins - 20 Tips and Tricks To Shift Your Application into High GearKevin Griffin
Out of the box, ASP.NET can do a lot of amazing things. The tools and framework have grown to make mundane tasks, such as minification, simple to implement. Many times by using the framework as we were taught, opportunities to optimize pass us by. The reality is that underneath the covers, there is a whole world of easy tweaks we can implement to help ASP.NET perform at its peak.
In this presentation, we will walk through a slew of tweaks used to make ASP.NET perform in the best way possible. You will leave with a checklist of tasks that will instantly improve the performance of your web application!
An overview of the WordPress ecosystem for new users that includes a discussion of wordpress.com and wordpress.org, how plugins fit in, Coder Talk DeCoded: A guide for humans and two bonus slides - questions to ask your WordPress developer and resources for more information.
In this presentation, I'll show you how to use WordPress' REST API to unlock WordPress' hidden potential by using it as a Headless CMS and connect it to a React front-end.
React out at: https://adamrasheed.com
Getting SEO performance in Angular Meteor with ngmetaWill Haire
Getting seo performance in angular meteor with ngmeta
Advance SEO with Client Side Rendering. Learn basic SEO components that tie into Javascript crawability. Enjoy!
https://atmospherejs.com/mkslt04/ngmeta
This presentation for Pluginable Laravel CMS is presented by Amarin Boonkirt (Ta), DevOps Engineer at Netway Communication, to introduce Laravel and RVsitebuilder to Thai Developers. Free license is available for Developers, at dev.rvsitebuilder.com.
IF you would like to learn more, please visit www.rvsitebuilder.com
With the performance gains promised by HHVM and PHP 7, WordPress site admins are living in pretty exciting times. The PHP world at large is in a proverbial space race, and every WordPress site will (eventually) benefit. But early adopters and folks who manage their own servers shouldn’t be the only ones who get early access to these face melting bumps in speed. In this talk, I’ll be introducing you to things you can do to get your code ready for these next generation hosting environments. And we’ll cover where you can host your code once it’s ready. If you’re interested in attending this talk, a passing familiarity with the command line helps, but isn’t a hard requirement.
Front End Development for Back End Developers - Devoxx UK 2017Matt Raible
Are you a backend developer that’s being pushed into front end development? Are you frustrated with all JavaScript frameworks and build tools you have to learn to be a good UI developer? If so, this session is for you! We’ll explore the tools of the trade for fronted development (npm, yarn, Gulp, Webpack, Yeoman) and learn the basics of HTML, CSS, and JavaScript. We’ll dive into the intricacies of Bootstrap, Material Design, ES6, and TypeScript. Finally, after getting you up to speed with all this new tech, we’ll show how it can all be found and integrated through the fine and dandy JHipster project.
WordCamp Raleigh 2016 - WP API, What is it good for? Absolutely Everything!Evan Mullins
See the Power of the WP API. Now that every WordPress website has (or will have) an API built-in, what can you do with it? It allows us to further separate the data from the code. Use WordPress to manage our data and then via the API easily access or update that data to power whatever we like. We’ll touch how to set it up and a handful of examples and then explore an iOS app pulling all it’s data and assets from a WordPress site via this API.
This will be geared for developers with some “how to” but also for everyone interested in the power of WordPress and where things are heading.
Learn how to spell WP-API
Learn about the power and flexibility it brings to WordPress
See it working in a live app
T2 webframework is simple and modernized java webframework for web2.0 environment.This presentaion tells you the new web development situation is coming to us and how we solve by T2 webframework.
Survival Strategies for API Documentation: Presentation to Southwestern Ontar...Tom Johnson
This is a presentation I gave to the Southwestern Ontario STC chapter on API documentation on Feb 2, 2015. For more details, see my blog at http://idratherbewriting.com. You can listen to the recorded presentation here: http://youtu.be/I8rGe2w1sAo.
These slides focus on documentation for REST APIs. See http://idratherbewriting.com for more detail. For the video recording, see http://youtu.be/0yfNd7tzH2Q. This deep dive is the second slide deck I used in the presentation.
My presentation about how to couple Asp.NEt MVC and Angular on how to use this 2 web technologies to achieve a solution. This presentation born from the experience i had in the last 1 year with this couple.
Similar to WordPress and Client Side Web Applications WCTO (20)
Building Gutenberg Applications & WebOPS Case StudyRoy Sivan
In this talk I go over my Gutenberg Object Plugin and discuss the need for it. I go over a case study for Aistream which Web Ops and Gutenberg played big roles
Gutenberg & Custom Applications powered by WordPressRoy Sivan
In this talk I'll go over the current issues with building a headless application with Gutenberg, and how we solved it for a big project. Cast study included.
Powering Content Driven Applications with the World’s Most Popular CMS #ngconfRoy Sivan
WordPress powers over 25% of the Internet, with its easy to use admin interface it is a great way to power the content of any site, or application. However powering applications (native or not) was challenging, till the WordPress REST API was introduced. I will walk through why and how to use the WordPress REST API to build angular applications.
WPCampus Online - The Case for the WordPress REST APIRoy Sivan
This is my talk from WPCampus online, The Case for the WordPress REST API. In it I talk high level about the REST API, what is an API, why do we need it?
Angular Remote Conf - Building with Angular & WordPressRoy Sivan
WordPress is a great solution as a CMS, especially when working with a content creation team filled with non-developer content creators. Leveraging the WordPress REST API and AngularJS the sky is the limit on what you can build with that content. From Single Page Applications, to mobile apps, Angular and WordPress are a good match. I will run through some basics of the WordPress REST API, some potential use cases for what you can build with Angular, and why it is important for WordPress as a platform moving into the future.
The Case for the WordPress REST API | WordCamp Montreal 2016Roy Sivan
There are many reasons ways the REST API can be utilized, but why should we care? Why are any of these reasons so good we need to have the API in core vs. a plugin? I will take a non-code approach to explaining from the basics, why the REST API is not just a good thing to have for development, but a good thing to have for WordPress to keep it going and keeping it relevant. Then you can be the judge if it is a good and necessary addition.
Building a JavaScript App powered by WordPress & AngularJSRoy Sivan
For my talk at WPCampus 2016
I use Angular, Firebase, and WordPress to create a LIVE real-time notification plugin that allows you to send a notification to all active users on your website, LIVE.
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...James Anderson
Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM
The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management.
The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM).
Speakers:
Bob Boule
Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle.
Gopinath Rebala
Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.
Epistemic Interaction - tuning interfaces to provide information for AI supportAlan Dix
Paper presented at SYNERGY workshop at AVI 2024, Genoa, Italy. 3rd June 2024
https://alandix.com/academic/papers/synergy2024-epistemic/
As machine learning integrates deeper into human-computer interactions, the concept of epistemic interaction emerges, aiming to refine these interactions to enhance system adaptability. This approach encourages minor, intentional adjustments in user behaviour to enrich the data available for system learning. This paper introduces epistemic interaction within the context of human-system communication, illustrating how deliberate interaction design can improve system understanding and adaptation. Through concrete examples, we demonstrate the potential of epistemic interaction to significantly advance human-computer interaction by leveraging intuitive human communication strategies to inform system design and functionality, offering a novel pathway for enriching user-system engagements.
State of ICS and IoT Cyber Threat Landscape Report 2024 previewPrayukth K V
The IoT and OT threat landscape report has been prepared by the Threat Research Team at Sectrio using data from Sectrio, cyber threat intelligence farming facilities spread across over 85 cities around the world. In addition, Sectrio also runs AI-based advanced threat and payload engagement facilities that serve as sinks to attract and engage sophisticated threat actors, and newer malware including new variants and latent threats that are at an earlier stage of development.
The latest edition of the OT/ICS and IoT security Threat Landscape Report 2024 also covers:
State of global ICS asset and network exposure
Sectoral targets and attacks as well as the cost of ransom
Global APT activity, AI usage, actor and tactic profiles, and implications
Rise in volumes of AI-powered cyberattacks
Major cyber events in 2024
Malware and malicious payload trends
Cyberattack types and targets
Vulnerability exploit attempts on CVEs
Attacks on counties – USA
Expansion of bot farms – how, where, and why
In-depth analysis of the cyber threat landscape across North America, South America, Europe, APAC, and the Middle East
Why are attacks on smart factories rising?
Cyber risk predictions
Axis of attacks – Europe
Systemic attacks in the Middle East
Download the full report from here:
https://sectrio.com/resources/ot-threat-landscape-reports/sectrio-releases-ot-ics-and-iot-security-threat-landscape-report-2024/
JMeter webinar - integration with InfluxDB and GrafanaRTTS
Watch this recorded webinar about real-time monitoring of application performance. See how to integrate Apache JMeter, the open-source leader in performance testing, with InfluxDB, the open-source time-series database, and Grafana, the open-source analytics and visualization application.
In this webinar, we will review the benefits of leveraging InfluxDB and Grafana when executing load tests and demonstrate how these tools are used to visualize performance metrics.
Length: 30 minutes
Session Overview
-------------------------------------------
During this webinar, we will cover the following topics while demonstrating the integrations of JMeter, InfluxDB and Grafana:
- What out-of-the-box solutions are available for real-time monitoring JMeter tests?
- What are the benefits of integrating InfluxDB and Grafana into the load testing stack?
- Which features are provided by Grafana?
- Demonstration of InfluxDB and Grafana using a practice web application
To view the webinar recording, go to:
https://www.rttsweb.com/jmeter-integration-webinar
UiPath Test Automation using UiPath Test Suite series, part 4DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 4. In this session, we will cover Test Manager overview along with SAP heatmap.
The UiPath Test Manager overview with SAP heatmap webinar offers a concise yet comprehensive exploration of the role of a Test Manager within SAP environments, coupled with the utilization of heatmaps for effective testing strategies.
Participants will gain insights into the responsibilities, challenges, and best practices associated with test management in SAP projects. Additionally, the webinar delves into the significance of heatmaps as a visual aid for identifying testing priorities, areas of risk, and resource allocation within SAP landscapes. Through this session, attendees can expect to enhance their understanding of test management principles while learning practical approaches to optimize testing processes in SAP environments using heatmap visualization techniques
What will you get from this session?
1. Insights into SAP testing best practices
2. Heatmap utilization for testing
3. Optimization of testing processes
4. Demo
Topics covered:
Execution from the test manager
Orchestrator execution result
Defect reporting
SAP heatmap example with demo
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Elevating Tactical DDD Patterns Through Object CalisthenicsDorra BARTAGUIZ
After immersing yourself in the blue book and its red counterpart, attending DDD-focused conferences, and applying tactical patterns, you're left with a crucial question: How do I ensure my design is effective? Tactical patterns within Domain-Driven Design (DDD) serve as guiding principles for creating clear and manageable domain models. However, achieving success with these patterns requires additional guidance. Interestingly, we've observed that a set of constraints initially designed for training purposes remarkably aligns with effective pattern implementation, offering a more ‘mechanical’ approach. Let's explore together how Object Calisthenics can elevate the design of your tactical DDD patterns, offering concrete help for those venturing into DDD for the first time!
The Art of the Pitch: WordPress Relationships and SalesLaura Byrne
Clients don’t know what they don’t know. What web solutions are right for them? How does WordPress come into the picture? How do you make sure you understand scope and timeline? What do you do if sometime changes?
All these questions and more will be explored as we talk about matching clients’ needs with what your agency offers without pulling teeth or pulling your hair out. Practical tips, and strategies for successful relationship building that leads to closing the deal.
Securing your Kubernetes cluster_ a step-by-step guide to success !KatiaHIMEUR1
Today, after several years of existence, an extremely active community and an ultra-dynamic ecosystem, Kubernetes has established itself as the de facto standard in container orchestration. Thanks to a wide range of managed services, it has never been so easy to set up a ready-to-use Kubernetes cluster.
However, this ease of use means that the subject of security in Kubernetes is often left for later, or even neglected. This exposes companies to significant risks.
In this talk, I'll show you step-by-step how to secure your Kubernetes cluster for greater peace of mind and reliability.
Generating a custom Ruby SDK for your web service or Rails API using Smithyg2nightmarescribd
Have you ever wanted a Ruby client API to communicate with your web service? Smithy is a protocol-agnostic language for defining services and SDKs. Smithy Ruby is an implementation of Smithy that generates a Ruby SDK using a Smithy model. In this talk, we will explore Smithy and Smithy Ruby to learn how to generate custom feature-rich SDKs that can communicate with any web service, such as a Rails JSON API.
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Tobias Schneck
As AI technology is pushing into IT I was wondering myself, as an “infrastructure container kubernetes guy”, how get this fancy AI technology get managed from an infrastructure operational view? Is it possible to apply our lovely cloud native principals as well? What benefit’s both technologies could bring to each other?
Let me take this questions and provide you a short journey through existing deployment models and use cases for AI software. On practical examples, we discuss what cloud/on-premise strategy we may need for applying it to our own infrastructure to get it to work from an enterprise perspective. I want to give an overview about infrastructure requirements and technologies, what could be beneficial or limiting your AI use cases in an enterprise environment. An interactive Demo will give you some insides, what approaches I got already working for real.
Essentials of Automations: Optimizing FME Workflows with ParametersSafe Software
Are you looking to streamline your workflows and boost your projects’ efficiency? Do you find yourself searching for ways to add flexibility and control over your FME workflows? If so, you’re in the right place.
Join us for an insightful dive into the world of FME parameters, a critical element in optimizing workflow efficiency. This webinar marks the beginning of our three-part “Essentials of Automation” series. This first webinar is designed to equip you with the knowledge and skills to utilize parameters effectively: enhancing the flexibility, maintainability, and user control of your FME projects.
Here’s what you’ll gain:
- Essentials of FME Parameters: Understand the pivotal role of parameters, including Reader/Writer, Transformer, User, and FME Flow categories. Discover how they are the key to unlocking automation and optimization within your workflows.
- Practical Applications in FME Form: Delve into key user parameter types including choice, connections, and file URLs. Allow users to control how a workflow runs, making your workflows more reusable. Learn to import values and deliver the best user experience for your workflows while enhancing accuracy.
- Optimization Strategies in FME Flow: Explore the creation and strategic deployment of parameters in FME Flow, including the use of deployment and geometry parameters, to maximize workflow efficiency.
- Pro Tips for Success: Gain insights on parameterizing connections and leveraging new features like Conditional Visibility for clarity and simplicity.
We’ll wrap up with a glimpse into future webinars, followed by a Q&A session to address your specific questions surrounding this topic.
Don’t miss this opportunity to elevate your FME expertise and drive your projects to new heights of efficiency.
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...UiPathCommunity
💥 Speed, accuracy, and scaling – discover the superpowers of GenAI in action with UiPath Document Understanding and Communications Mining™:
See how to accelerate model training and optimize model performance with active learning
Learn about the latest enhancements to out-of-the-box document processing – with little to no training required
Get an exclusive demo of the new family of UiPath LLMs – GenAI models specialized for processing different types of documents and messages
This is a hands-on session specifically designed for automation developers and AI enthusiasts seeking to enhance their knowledge in leveraging the latest intelligent document processing capabilities offered by UiPath.
Speakers:
👨🏫 Andras Palfi, Senior Product Manager, UiPath
👩🏫 Lenka Dulovicova, Product Program Manager, UiPath
2. WordPress developer at
Disney
and the co-founder of
My first install of WordPress was
0.7 and been a user &
developer since
Roy Sivan Twitter/Github - @royboy789 roysivan.com | arcctrl.com
Who is this guy?
6. WP as a MVC?
MODEL -
Deals with the database (save data)
VIEW -
Deals with what people see (view data)
CONTROLLER -
Deals with logic in between (data logic)
Decoupling the functionality from the view
7. Client Side?
Client = Browser / Visitor
POP QUIZ
What is the fastest file a web server
can serve?
8. PHP is the language behind WordPress and
most themes you see use it exclusively,
but PHP renders HTML server-side
SERVERCLIENT
Client: Sends request for index.php
Server: Processes PHP code turning it into HTML.
Returns full HTML
9. What if you could pass the rendering
process to the client?
SERVERCLIENT
Client: Sends request for template.html
Server: Returns template.html
Client: Renders & Displays template.html
While rendering request to server for data (JSON)
10. Benefits of Loading Client Side
Less load on the server
Can handle more visitors simultaneously
CDN all template files
Easier to cache JS and HTML
VERY Scalable
AJAX - can transform your UI
11. Single Page Application
S.P.A's allow you to change views and load data, without
actually refreshing the page.
Utilizing AJAX, you can load pages on the fly seamlessly.
12. Code Example: Server Side Loop
<?php
//list all posts - this is PHP & HTML
while ( have_posts() ) : the_post();
?>
<article class="postWrapper">
<h3 class="page_title text-center">
<a href=“<?php the_permalink(); ?>” class="content">
<?php the_title(); ?>
</a>
</h3>
<?php the_content(); ?>
</article>
<?php
endwhile;
?>
14. Code Example: Client Side Loop
(using AngularJS)
//list all posts - this is HTML
<article class="postWrapper" ng-repeat="post in posts” >
<h3 class="page_title text-center">
<a href=“/coh/#/post/{{post.ID}}” class="content">
{{post.title}}
</a>
</h3>
{{post.content}}
</article>
15. AngularJS - the important bits
<article class="postWrapper" ng-repeat="post in posts” >
…
</article>
{{post.XXXXXX}}
The NG-REPEAT repeats through posts and lets you use the post object
Use the post object contains all the individual post data, and you
display it with {{..}}
18. WP-API Response Example
/posts
{
ID: 1
content: '<p>Welcome to WordPress. This is your first post. Edit or delete it, then start blogging!</p>',
title: 'Hello world!',
status: 'publish',
author : {..},
...
},
{
ID: 10,
content: '<p>Testing Another Post! Yay!</p>',
title: 'I don't know',
...
}...