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
74

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
97
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
49
PWA beyond theory - How to create your progressive web app
Avatar for Amanda Vilela amandavilela
0
80
Crie seu Próprio Plano de Carreira
Avatar for Amanda Vilela amandavilela
0
64
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
86
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
93

Other Decks in Programming

See All in Programming
[AI Engineering Summit Tokyo 2025] LLMは計画業務のゲームチェンジャーか？ 最適化業務における活⽤の可能性と限界
Avatar for terry-u16 terryu16
2
260
CSC307 Lecture 02
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
760
Cap'n Webについて
Avatar for Yusuke Wada yusukebe
0
160
CSC307 Lecture 04
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
620
perlをWebAssembly上で動かすと何が嬉しいの？？？ / Where does Perl-on-Wasm actually make sense?
Avatar for mackee mackee
0
300
GISエンジニアから見たLINKSデータ
Avatar for nokonoko1203 nokonoko1203
0
190
AtCoder Conference 2025
Avatar for shindannin shindannin
0
920
それ、本当に安全？ ファイルアップロードで見落としがちなセキュリティリスクと対策
Avatar for ikechi penpeen
6
1.9k
AIで開発はどれくらい加速したのか？AIエージェントによるコード生成を、現場の評価と研究開発の評価の両面からdeep diveしてみる
Avatar for どすこい daisuketakeda
1
560
今こそ知るべき耐量子計算機暗号(PQC)入門 / PQC: What You Need to Know Now
Avatar for mackey0225 mackey0225
3
200
大規模Cloud Native環境におけるFalcoの運用
Avatar for Chihiro Hasegawa owlinux1000
0
240
TestingOsaka6_Ozono
Avatar for O3(ozono) o3
0
270

Featured

See All Featured
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
PRO
0
47
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
300
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
54k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
4.9k
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
210
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.5k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
100
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
33
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
140
Money Talks: Using Revenue to Get Sh*t Done
Avatar for Nikki Halliwell nikkihalliwell
0
130
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.3k

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