Web Apps without Frameworks

on YouTube ↗01h 02m

" summary

Implementing a Progressive Web App / Single-Page App from scratch using only web standards: ES6 JavaScript, Web Components, and CSS3, including structuring and backend access. No frameworks, no build systems, and no migrations; source code will be shown and participant questions answered.

AI-written summary · about

" chapters (12)

1. 0:00Web Apps introduction
2. 1:51Web standards and browsers
3. 8:18Frameworks vs native
4. 17:11Web Components basics
5. 22:33JavaScript modules and imports
6. 30:01Template literals and HTML
7. 37:31Lit-HTML and performance
8. 44:00Events and user input
9. 48:42Fetch for server communication
10. 54:51Custom events and comms
11. 58:11CSS and Shadow DOM
12. 1:00:00Summary and outlook

" related talks

• 01h 00mProgressive Web Apps without frameworks #nomigrations #webstandards #noslidesAdam Bien · International JavaScript Conference Munich 2019
• 41mThe Future is Now: Web Apps Productivity without Frameworks#slideless.Adam Bien · Devoxx Ukraine 2020
• 51mBuilding Complex Apps with plain Web ComponentsAdam Bien · JCON-ONLINE 2021
• 41mProgressive Web AppsEnrique García · T3chFest 2017
• 52mModern Web DevelopmentLeonardo Pittelli · DevFest Málaga 2019
• 48mProgressive Web Apps from A to ZPeter Kröner · International PHP Conference Spring 2018
• 11mWhat's inside the term 'progressive web apps'Alex Russell · Fluent 2016
• 14mSession 5: Introduction to Progressive Web AppsMenno Jongerius · Techorama NL 2019