Building a Resilient Web

Building a Resilient Web

English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 1h 30m | 310 MB

Web developers have a wide variety of tools to use and choices to make. How should you mix HTML, CSS, and JavaScript? How do you balance speed and rich media? What happens when third-party content moves or breaks? Join Morten Rand-Hendriksen as he demonstrates how focusing on resilience can help you create web applications that will work for all of your users. First, learn what makes an app or website fragile. Then explore the basic techniques underlying the resilient web, including progressive enhancement, accessibility, link persistence, web components, and more. Next, discover how to avoid issues introduced by JavaScript frameworks. Finally, watch as Morten takes you step by step through the process of architecting a resilient web application, from setting your goals to maintaining your links.

Table of Contents

Introduction
1 The weak links that make up the web

The Resilient Web An Introduction
2 Why resilience on the web matters
3 Resilience is at the core of the web platform
4 The HTML design principles
5 Declarative robustness, imperative fragility

The Robust Web
6 Core materials
7 The Core web stack
8 Robust vs. resilient

The Fragile Web
9 Impermanence as a model
10 Inaccessibility
11 Broken links
12 Style over substance
13 Images and bandwidth
14 JavaScript dependency

Resilience Basics
15 Progresive ehnahcement
16 HTML as the baseline
17 Accessible, by default
18 Progressive CSS
19 Progressive JavaScript
20 Link persistency
21 Service workers add reliability
22 Web Components to the rescue

JavaScript Frameworks
23 How JavaScript frameworks like React work
24 CSR, SSR, and hydration
25 Rethinking the role of JavaScript frameworks

Building a Resilient Web Application
26 Setting resiliency goals
27 Static HTML as MVP
28 Accessibility is the job
29 Progressive enhancement
30 Care and feeding of links

Conclusion
31 Further reading

Homepage