آموزش ایجاد یک وب انعطاف پذیر

معرفی Introduction

• پیوندهای ضعیف وب را تشکیل می دهند The weak links that make up the web

1. وب انعطاف پذیر: مقدمه ای 1. The Resilient Web: An Introduction

• چرا انعطاف پذیری در وب مهم است Why resilience on the web matters

• انعطاف پذیری در هسته اصلی بستر وب است Resilience is at the core of the web platform

• اصول طراحی HTML The HTML design principles

• مقاومت اعلامی ، شکنندگی ضروری Declarative robustness, imperative fragility

2. وب قوی 2. The Robust Web

• مواد اصلی Core materials

• پشته اصلی وب The Core web stack

• قوی در مقابل انعطاف پذیر Robust vs. resilient

3. وب شکننده 3. The Fragile Web

• ناپایداری به عنوان یک مدل Impermanence as a model

• عدم دسترسی Inaccessibility

• پیوندهای شکسته Broken links

• سبک بیش از ماده Style over substance

• تصاویر و پهنای باند Images and bandwidth

• وابستگی به جاوا اسکریپت JavaScript dependency

4. مبانی تاب آوری 4. Resilience Basics

• پیشرفت تدریجی Progressive enhancement

• HTML به عنوان پایه HTML as the baseline

• به طور پیش فرض قابل دسترسی است Accessible, by default

• CSS پیشرو Progressive CSS

• جاوا اسکریپت مترقی Progressive JavaScript

• پیوستگی پیوند Link persistency

• کارکنان خدمات قابلیت اطمینان را اضافه می کنند Service workers add reliability

• اجزای وب به نجات Web Components to the rescue

5. چارچوب های جاوا اسکریپت 5. JavaScript Frameworks

• چارچوب های جاوا اسکریپت مانند React چگونه کار می کنند How JavaScript frameworks like React work

• CSR ، SSR و هیدراتاسیون CSR, SSR, and hydration

• بازنگری در نقش چارچوب های JavaScript Rethinking the role of JavaScript frameworks

6. ساخت یک برنامه وب انعطاف پذیر 6. Building a Resilient Web Application

• تنظیم اهداف تاب آوری Setting resiliency goals

• HTML ثابت به عنوان MVP Static HTML as MVP

• دستیابی شغل است Accessibility is the job

• پیشرفت تدریجی Progressive enhancement

• مراقبت و تغذیه پیوندها Care and feeding of links

نتیجه Conclusion

• بیشتر خواندن Further reading