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
58

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
80
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
32
PWA beyond theory - How to create your progressive web app
Avatar for Amanda Vilela amandavilela
0
54
Crie seu Próprio Plano de Carreira
Avatar for Amanda Vilela amandavilela
0
52
Como otimizar a performance da sua aplicação JS
Avatar for Amanda Vilela amandavilela
0
98
Você nem sempre precisa de um framework JS
Avatar for Amanda Vilela amandavilela
0
76
Que tal usar CSS em vez de JS?
Avatar for Amanda Vilela amandavilela
1
90
Front-end: o que é, mercado e como começar
Avatar for Amanda Vilela amandavilela
1
85

Other Decks in Programming

See All in Programming
REALITY コマンド作成チュートリアル
Avatar for にしうり らく nishiuriraku
0
130
クラス設計の手順
Avatar for Goto Akiko akikogoto
0
140
リアーキテクチャの現場で向き合う 既存サービスの読み解きと設計判断
Avatar for ymiyamu ymiyamu
1
150
JAWS DAYS 2025 re_Cheers: WEB
Avatar for komakichi komakichi
0
130
파급효과: From AI to Android Development
Avatar for HyunWoo Lee l2hyunwoo
0
170
鯛変だったRubyKaigi 2025 ── それでも楽しかった！
Avatar for なっちゃん pndcat
0
110
AIコーディングの本質は“コード“ではなく“構造“だった / The essence of AI coding is not “code” but "structure
Avatar for shiro seike seike460
2
600
2025年のz-index設計を考える
Avatar for TAK tak_dcxi
13
5k
マテリアルって何者？RealityKitで扱うマテリアル入門
Avatar for Nao-RandD nao_randd
0
120
Language Server と喋ろう – TSKaigi 2025
Avatar for pizzacat83 pizzacat83
2
290
Ruby で作る RISC-V CPU エミュレーター / RISC-V CPU emulator made with Ruby
Avatar for hachi (Hayao Kimura) hayaokimura
5
1.2k
Doma で目指す ORM 最適解
Avatar for Toshihiro Nakamura nakamura_to
1
140

Featured

See All Featured
Visualization
Avatar for Eitan Lees eitanlees
146
16k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
91
6k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Adopting Sorbet at Scale
Avatar for Ufuk Kayserilioglu ufuk
76
9.4k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
159
23k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
51
3.2k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
28
5.3k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
78
6.4k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
75
5.8k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
81
9k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
23
1.6k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k

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