Upgrade to Pro — share decks privately, control downloads, hide ads and more …

PWA with Vanilla.js - 7Masters talk

Avatar for Igor Halfeld Igor Halfeld
October 31, 2018
Programming
0
85

PWA with Vanilla.js - 7Masters talk

PWA with Vanilla.js - 7Masters talk
Avatar for Igor Halfeld

Igor Halfeld

October 31, 2018
Tweet

More Decks by Igor Halfeld

See All by Igor Halfeld
Modular monoliths with fastify
Avatar for Igor Halfeld igorhalfeld
0
170
How to migrate legacy frontend?
Avatar for Igor Halfeld igorhalfeld
1
120
Patterns for perfect components in Vue.js
Avatar for Igor Halfeld igorhalfeld
0
110
Clean Architecture no Front-end (update 2021-05-11)
Avatar for Igor Halfeld igorhalfeld
0
52
Step by step I followed a career in software
Avatar for Igor Halfeld igorhalfeld
0
700
Using AI to create memes
Avatar for Igor Halfeld igorhalfeld
0
520
Deninho, the TS children
Avatar for Igor Halfeld igorhalfeld
1
210
Micro Front-ends, what they don't tell you
Avatar for Igor Halfeld igorhalfeld
0
380
CSS in JavaScripto, the anti-pattern that is good
Avatar for Igor Halfeld igorhalfeld
1
88

Other Decks in Programming

See All in Programming
技術同人誌をMCP Serverにしてみた
Avatar for 74th(Atsushi Morimoto) 74th
1
640
Node-RED を（HTTP で）つなげる MCP サーバーを作ってみた
Avatar for High U highu
0
120
Systèmes distribués, pour le meilleur et pour le pire - BreizhCamp 2025 - Conférence
Avatar for Sébastien LECACHEUR slecache
0
120
AIプログラマーDevinは PHPerの夢を見るか？
Avatar for Shinya Saita shinyasaita
1
220
Modern Angular with Signals and Signal Store: New Rules for Your Architecture @enterJS Advanced Angular Day 2025
Avatar for Manfred Steyer manfredsteyer
PRO
0
220
Porting a visionOS App to Android XR
Avatar for Akio Itaya akkeylab
0
460
ruby.wasmで多人数リアルタイム通信ゲームを作ろう
Avatar for lni_T lnit
3
480
ペアプロ × 生成AI 現場での実践と課題について / generative-ai-in-pair-programming
Avatar for コドモン開発チーム codmoninc
1
18k
Claude Code + Container Use と Cursor で作る ローカル並列開発環境のススメ / ccc local dev
Avatar for Yuichi Maekawa kaelaela
9
5.1k
XP, Testing and ninja testing
Avatar for seki at druby.org m_seki
3
240
チームのテスト力を総合的に鍛えて品質、スピード、レジリエンスを共立させる/Testing approach that improves quality, speed, and resilience
Avatar for Hiroki Iseri goyoki
5
870
AI時代の『改訂新版 良いコード／悪いコードで学ぶ設計入門』 / ai-good-code-bad-code
Avatar for MinoDriven minodriven
13
3.9k

Featured

See All Featured
It's Worth the Effort
Avatar for 3n 3n
185
28k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
134
9.4k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
7
510
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
63
7.8k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
36
2.8k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.7k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
7
740
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
10
950

Transcript

  1. PWA com Vanilla.js

  2. Igor Halfeld @IgorHalfeld - igorluiz.me Software Consultant

  3. O que eu quero dizer com Vanilla.js com PWA?

  4. Quando vamos fazer uma PWA usamos um framework!

  5. None

  6. Instalável!

  7. None
  8. None

  9. Libs pra todo lugar!

  10. None

  11. Arquivo das “configurações” do Service Worker

  12. None

  13. Inicio do SW

  14. None

  15. … …

  16. …

  17. None
  18. None
  19. None
  20. None

  21. Obrigado! @IgorHalfeld - igorluiz.me