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

Como tornamos os sorteios da BrazilJS on the Ro...

Avatar for Amanda Vilela Amanda Vilela
July 13, 2019
Programming
0
64

Como tornamos os sorteios da BrazilJS on the Road Sorocaba mais divertidos utilizando JS

Apresentação feita na BrazilJS on the Road Brasília

Avatar for Amanda Vilela

Amanda Vilela

July 13, 2019
Tweet

More Decks by Amanda Vilela

See All by Amanda Vilela
Construindo sua primeira página web: Sua porta de entrada para uma carreira de front-end
Avatar for Amanda Vilela amandavilela
1
88
Web Performance: Não deixe o usuário desistir do seu site
Avatar for Amanda Vilela amandavilela
1
190
Sobre Carreira e Comunidades
Avatar for Amanda Vilela amandavilela
0
38
PWA beyond theory - How to create your progressive web app
Avatar for Amanda Vilela amandavilela
0
65
Crie seu Próprio Plano de Carreira
Avatar for Amanda Vilela amandavilela
0
57
Como otimizar a performance da sua aplicação JS
Avatar for Amanda Vilela amandavilela
0
100
Você nem sempre precisa de um framework JS
Avatar for Amanda Vilela amandavilela
0
81
Que tal usar CSS em vez de JS?
Avatar for Amanda Vilela amandavilela
1
110
Front-end: o que é, mercado e como começar
Avatar for Amanda Vilela amandavilela
1
89

Other Decks in Programming

See All in Programming
Breaking Up with Big ViewModels — Without Breaking Your Architecture (droidcon Berlin 2025)
Avatar for Stelios Frantzeskakis steliosf
PRO
1
340
monorepo の Go テストをはやくした〜い！~最小の依存解決への道のり~ / faster-testing-of-monorepos
Avatar for convto convto
2
410
そのpreloadは必要？見過ごされたpreloadが技術的負債として爆発した日
Avatar for mugi mugitti9
2
3k
Back to the Future: Let me tell you about the ACP protocol
Avatar for Benedikt Terhechte terhechte
0
130
SpecKitでどこまでできる？ コストはどれくらい？
Avatar for Tech Leverages leveragestech
0
570
「ちょっと古いから」って避けてた技術書、今だからこそ読もう
Avatar for もっち mottyzzz
1
180
詳しくない分野でのVibe Codingで困ったことと学び/vibe-coding-in-unfamiliar-area
Avatar for shibayu36 shibayu36
3
4.5k
Serena MCPのすすめ
Avatar for wadakatu wadakatu
4
900
10年もののAPIサーバーにおけるCI/CDの改善の奮闘
Avatar for masato hommaru mbook
0
780
Your Perfect Project Setup for Angular @BASTA! 2025 in Mainz
Avatar for Manfred Steyer manfredsteyer
PRO
0
130
ИИ-Агенты в каждый дом – Алексей Порядин, PythoNN
Avatar for Sobolev Nikita sobolevn
0
150
実践AIチャットボットUI実装入門
Avatar for syumai syumai
7
2.5k

Featured

See All Featured
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
27
2k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
9
850
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
9
580
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.8k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.4k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
53
9k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
960
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
36
2.5k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
32
2.2k
Scaling GitHub
Avatar for Zach Holman holman
463
140k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.6k

Transcript

  1. Como tornamos os sorteios da BrazilJS on the Road Sorocaba

    mais divertidos utilizando JS @amandavilela___

  2. Amanda Vilela Desenvolvedora front-end, freelancer na Toptal, organizadora de algumas

    comunidades de Sorocaba @amandavilela___ Oi :) 2

  3. Sobre o que é essa palestra? ◉ Sobre diversão com

    código ◉ Sobre construir coisas ◉ Sobre comunidade 3
  4. None

  5. O problema Como tornar os sorteios mais interativos? 1 5

  6. None
  7. None
  8. None
  9. None

  10. A idéia E se a gente fizesse uma roda da

    fortuna? 2 10
  11. None
  12. None

  13. E como girar a roda?

  14. None

  15. E deu certo! ✨

  16. 16

  17. 17

  18. 18

  19. Itens necessários ◉ Roda HTML + CSS ◉ Captura de

    áudio ◉ Identificar o volume do áudio ◉ Mostrar o volume do áudio ◉ Rodar a roda de acordo com o volume do áudio 19

  20. Vamos ver como funciona o código?

  21. Agradecimento especial 21 @ggiulia @felip_bernardes @CaiqueMitsuoka @noteu

  22. Benefícios ◉ Tornamos os sorteios mais divertidos ◉ Patrocinadores aparecem

    na roda ◉ Aumentamos o engajamento do evento nas redes sociais 22

  23. Quem quer prêmios?

  24. bit.ly/RodaOTRSorocaba

  25. Mande um alô :) ◉ @amandavilela___ ◉ amandavilela.com Obrigada! 25