mirror of
https://github.com/bigskysoftware/hypermedia-systems.git
synced 2025-12-02 00:03:07 -05:00
105 lines
2.2 KiB
Plaintext
105 lines
2.2 KiB
Plaintext
== Outline
|
|
|
|
. Reintroducing Hypermedia
|
|
[arabic]
|
|
.. What Is Hypermedia?
|
|
.. Why Hypermedia?
|
|
.. A Hypermedia Comeback?
|
|
.. Hypermedia-Oriented Javascript Libraries
|
|
.. When Should You Use Hypermedia?
|
|
.. When Shouldn't You Use Hypermedia?
|
|
.. Summary
|
|
|
|
. Creating A Web 1.0 Hypermedia Application
|
|
[arabic]
|
|
.. Contact.app: A Simple Web 1.0-style Web Application
|
|
.. Which Stack Should To Use?
|
|
.. Contact.App Functionality
|
|
.. Listing Contacts
|
|
.. Adding Contacts
|
|
.. Viewing Contact Details
|
|
.. Editing Contacts
|
|
.. Deleting Contacts
|
|
.. Searching Contacts
|
|
.. Summary
|
|
|
|
. Extending HTML As Hypermedia
|
|
[arabic]
|
|
.. The Shortcomings of HTML
|
|
.. htmx: Extending HTML as a Hypermedium
|
|
.. Triggering HTTP Requests
|
|
.. Targeting Other Elements
|
|
.. Passing Request Parameters
|
|
.. History Support
|
|
.. Summary
|
|
|
|
. Implementing Advanced UX Patterns With Hypermedia
|
|
[arabic]
|
|
.. Adding AJAX Navigation
|
|
.. Deleting Contacts
|
|
.. Inline Editing of Contacts
|
|
.. Bulk Editing Contacts
|
|
.. Infinite Scroll of Contacts
|
|
.. Lazy Loading Counts
|
|
.. Active Search of Contacts
|
|
.. Summary
|
|
|
|
. Hyperview: A Mobile Hypermedia
|
|
[arabic]
|
|
.. Who says hypermedia is only for the web?
|
|
.. Getting Started with Hyperview
|
|
.. HXML vs HTML
|
|
.. Navigation
|
|
.. Pull to Refresh
|
|
.. Tabs
|
|
.. Forms
|
|
.. Advanced Forms
|
|
.. Event Dispatch
|
|
.. Case Studies
|
|
|
|
. Front-End Scripting In Hypermedia Applications
|
|
[arabic]
|
|
.. Are Scripts Still allowed? (Yes!)
|
|
.. Hypermedia-oriented Scripting
|
|
.. Hyperscript
|
|
.. Alpinejs
|
|
.. VanillaJS
|
|
.. Summary
|
|
|
|
. JSON Data APIs In Hypermedia Applications
|
|
[arabic]
|
|
.. Are JSON APIs Still allowed? (Yes!)
|
|
.. The Differing Characteristics of JSON and HTML/REST APIs
|
|
.. Separating Concerns: The Good Parts
|
|
.. Summary
|
|
|
|
. Advanced htmx
|
|
[arabic]
|
|
.. Web Sockets
|
|
.. Server Sent Events
|
|
.. Animations
|
|
.. Debugging
|
|
.. Security Concerns
|
|
.. Configuration
|
|
.. Understanding the event model
|
|
.. Hooking into events
|
|
.. Understanding the extension model
|
|
.. An example extension
|
|
|
|
. Other Hypermedia-Oriented Javascript Libraries
|
|
[arabic]
|
|
.. Unpoly
|
|
.. Hotwire
|
|
.. jQuery
|
|
.. VanillaJS
|
|
.. Summary
|
|
|
|
. Hypermedia: A Return To The Web's Roots
|
|
[arabic]
|
|
.. Trends in Software Development
|
|
.. Complexity Sells, Simplicity Endures
|
|
.. Summary
|
|
|
|
. Appendix 1: A Review of Chapter 5 of Roy Fielding's Dissertation On The Web
|
|
|
|
. Appendix 2: A Brief, Incomplete and Mostly Wrong History of The Web |