Building a Resilient Web
1h 30mAdvanced2021-04-30
Authors
Morten Rand-Hendriksen
Senior Staff Instructor, Speaker, Web Designer, and Software Developer
Course details
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.
Skills covered
CSSJavaScriptWeb Development ToolsOracleWeb DevelopmentOpen SourceOne-Off
Concepts
0. Introduction
- 01 - The weak links that make up the web
1. The Resilient Web - An Introduction
- 02 - Why resilience on the web matters
- 03 - Resilience is at the core of the web platform
- 04 - The HTML design principles
- 05 - Declarative robustness, imperative fragility
2. The Robust Web
- 06 - Core materials
- 07 - The Core web stack
- 08 - Robust vs. resilient
3. The Fragile Web
- 09 - Impermanence as a model
- 10 - Inaccessibility
- 11 - Broken links
- 12 - Style over substance
- 13 - Images and bandwidth
- 14 - JavaScript dependency
4. Resilience Basics
- 15 - Progressive enhancement
- 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
5. JavaScript Frameworks
- 23 - How JavaScript frameworks like React work
- 24 - CSR, SSR, and hydration
- 25 - Rethinking the role of JavaScript frameworks
6. 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
Related courses
- Create a Sustainable Brand in a Global Market
- Building a Modern Insider Threat Program to Better Protect Your Data
- Disrupting Yourself
- Construction Management: The Future Workforce
- AWS: High Availability
- Building Resilience as a Leader (2019)
- Building Resilience as a Leader
- Building a Multicloud Security Program: Strategy, Implementation, and Emerging Trends
Related learn paths
- Explore a Career as a Supply Chain Manager
- Human Resources Foundations by the Chartered Institute of Personnel and Development (CIPD) and LinkedIn
- Prepare for the AWS SysOps Administrator - Associate (SOA-C02) Exam
- Succeeding as a Mid-Career Manager Professional Certificate by LinkedIn Learning
- Caring for Your Total Well-Being as a Manager
- Leadership Effectiveness in Global Organizations
- Building Adaptability in the Age of AI
- Building Trust, Competence, and Collaboration for Global Success