From the course: Building a Resilient Web
Unlock this course with a free trial
Join today to access over 24,000 courses taught by industry experts.
HTML as the baseline
From the course: Building a Resilient Web
HTML as the baseline
- [Instructor] Okay. So how do we do this? How do we actually build a resilient website or application using progressive enhancement? It starts with basic HTML. As you've learned, no matter what tool or technique or framework or language we use to build our services, what ends up in the browser is HTML. That means our main job is to serve the browser with valid, accessible, semantic HTML markup that takes advantage of all the core features of the web platform. That sounds trivial, but the abstraction layers we've built between ourselves and that final HTML including JavaScript frameworks and build tools have made it all too easy to get it wrong. The classic example here is a simple button. There's a dedicated element called button which produces a button with all the necessary interactivity and accessibility built in. It's accessible out of the box, has default styles for all instructive states and can change its…
Contents
-
-
-
-
-
-
(Locked)
Progressive enhancement2m 43s
-
(Locked)
HTML as the baseline3m 23s
-
(Locked)
Accessible, by default3m 30s
-
(Locked)
Progressive CSS4m 24s
-
(Locked)
Progressive JavaScript2m 51s
-
(Locked)
Link persistency5m 23s
-
(Locked)
Service workers add reliability2m 10s
-
(Locked)
Web Components to the rescue2m 42s
-
(Locked)
-
-
-