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
62

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
85
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
36
PWA beyond theory - How to create your progressive web app
Avatar for Amanda Vilela amandavilela
0
62
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
79
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
Google I/O recap web編 大分Web祭り2025
Avatar for kponda kponda
0
2.9k
Protocol Buffersの型を超えて拡張性を得る / Beyond Protocol Buffers Types Achieving Extensibility
Avatar for linyows linyows
0
100
Go言語での実装を通して学ぶLLMファインチューニングの仕組み / fukuokago22-llm-peft
Avatar for monochromegane monochromegane
0
100
JSONataを使ってみよう Step Functionsが楽しくなる実践テクニック #devio2025
Avatar for dafujii dafujii
0
210
MCPでVibe Working。そして、結局はContext Eng（略）/ Working with Vibe on MCP And Context Eng
Avatar for r-kagaya rkaga
3
190
AI時代に学習する意味はあるのか？
Avatar for tomoya-kamaji tomoyakamaji
0
100
KessokuでDIでもgoroutineを活用する / Go Connect #6
Avatar for mazrean mazrean
0
130
More Approvers for Greater OSS and Japan Community
Avatar for Tetsuya Kikuchi tkikuc
1
100
FindyにおけるTakumi活用と脆弱性管理のこれから
Avatar for adachi.ryo rvirus0817
0
260
[FEConf 2025] 모노레포 절망편, 14개 레포로 부활하기까지 걸린 1년
Avatar for Jonghyuk Max Kim mmmaxkim
0
1.4k
20250808_AIAgent勉強会_ClaudeCodeデータ分析の実運用〜競馬を題材に回収率100%の先を目指すメソッドとは〜
Avatar for Kakeru Sato kkakeru
0
220
TDD 実践ミニトーク
Avatar for Daisuke Garaike contour_gara
1
260

Featured

See All Featured
A better future with KSS
Avatar for Kyle Neath kneath
239
17k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
29
1.9k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
570
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
512
110k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
29
5.5k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
64
7.9k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
55
13k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
30
6.1k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
43
7.5k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.6k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
139
34k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
229
22k

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