This presentation was recorded at GOTO Chicago 2024. #GOTOcon #GOTOchgo
https://gotochgo.com
Maximiliano Firtman - App Developer, Course Instructor, Writer, Speaker & Workshop Trainer @firtman
RESOURCES
https://bsky.app/profile/firt.dev
https://twitter.com/firt
http://firt.dev
https://www.linkedin.com/in/firtman
Link
https://firtman.github.io/vanilla
ABSTRACT
New web libraries constantly emerge, promising to solve our previous coding dilemmas. But what if we revisit the fundamentals? Embrace simplicity and speed using Vanilla JS, modern browser APIs, and different server architectures, including site generators.
Let’s talk about embracing the simplicity and speed of development that comes with a ‘vanilla’ approach.
This session is all about exploring how to craft rich web apps and websites using nothing but the HTTP protocol, core JavaScript, and browser APIs—no dependencies, just pure power! If you have never created apps with Vanilla JS or without a library, now is the perfect time to understand it.
We’ll journey through the modern landscape of JavaScript’s foundational features, which have evolved into a robust suite of tools. From Web Components to Shadow DOM, reactivity and declarative templates, PWA APIs, reactive programming, and client-side routing, we’ll uncover how to harness these powerful features typically provided by libraries.
We’ll also delve into server-side architectures and how to use static site generators for some websites and web apps.
Let’s rediscover the potential of returning to the roots of web development and see what your code can do without libraries or frameworks! [...]
TIMECODES
00:00 Intro
01:33 A few questions
05:04 How did we get here?
07:48 Vanilla JavaScript
09:32 Why you need to care about VanillaJS
11:22 Advantages of VanillaJS
12:40 Fears of VanillaJS
16:52 Semantic HTML & Vanilla CSS
18:39 Static generators
20:00 Client-side routing
24:09 Web components
26:32 Custom element
28:32 Template element
31:59 Shadow DOM
34:22 Reactive programming
37:03 Web apps power
40:23 Lessons
42:11 Outro
Download slides and read the full abstract here:
https://gotochgo.com/2024/sessions/3407
RECOMMENDED BOOKS
Maximiliano Firtman • High Performance Mobile Web • https://amzn.to/4hCgycI
Maximiliano Firtman • Programming the Mobile Web • https://amzn.to/4hAgR7U
Maximiliano Firtman • jQuery Mobile • https://amzn.to/3PZhf41
Haris Tsetsekas • Vanilla JavaScript Projects • https://amzn.to/3EgHm3H
https://bsky.app/profile/gotocon.com
https://twitter.com/GOTOcon
https://www.linkedin.com/company/goto-
https://www.instagram.com/goto_con
https://www.facebook.com/GOTOConferences
#VanillaWeb #VanillaJavaScript #VanillaJS #JavaScript #ReactiveProgramming #ShadowDOM #MaxFirtman #MaximilianoFirtman
CHANNEL MEMBERSHIP BONUS
Join this channel to get early access to videos & other perks:
https://www.youtube.com/channel/UCs_tLP3AiwYKwdUHpltJPuA/join
Looking for a unique learning experience?
Attend the next GOTO conference near you! Get your ticket at https://gotopia.tech
Sign up for updates and specials at https://gotopia.tech/newsletter
SUBSCRIBE TO OUR CHANNEL - new videos posted almost daily.
https://www.youtube.com/user/GotoConferences/?sub_confirmation=1