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
59

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
81
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
33
PWA beyond theory - How to create your progressive web app
Avatar for Amanda Vilela amandavilela
0
59
Crie seu Próprio Plano de Carreira
Avatar for Amanda Vilela amandavilela
0
54
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
78
Que tal usar CSS em vez de JS?
Avatar for Amanda Vilela amandavilela
1
100
Front-end: o que é, mercado e como começar
Avatar for Amanda Vilela amandavilela
1
88

Other Decks in Programming

See All in Programming
대규모 트래픽을 처리하는 프론트 개발자의 전략
Avatar for Seungmin 마량 maryang
0
120
構文解析器入門
Avatar for ydah ydah
7
2.1k
Nuances on Kubernetes - RubyConf Taiwan 2025
Avatar for Andrey Novikov envek
0
130
物語を動かす行動"量" #エンジニアニメ
Avatar for konifar konifar
13
3.8k
The State of Fluid (2025)
Avatar for Simon Praetorius s2b
0
110
kiroでゲームを作ってみた
Avatar for 入井 啓太 iriikeita
0
150
「リーダーは意思決定する人」って本当？～ 学びを現場で活かす、リーダー4ヶ月目の試行錯誤 ～
Avatar for Marina Nakagawa marina1017
0
170
実践 Dev Containers × Claude Code
Avatar for Yuto Akiba touyu
1
170
新世界の理解
Avatar for Akihito Koriyama koriym
0
130
decksh - a little language for decks
Avatar for Anthony Starks ajstarks
4
21k
画像コンペでのベースラインモデルの育て方
Avatar for tattaka tattaka
3
1.5k
202507_ADKで始めるエージェント開発の基本 〜デモを通じて紹介〜（奥田りさ）The Basics of Agent Development with ADK — A Demo-Focused Introduction
Avatar for RisaTube risatube
PRO
6
1.4k

Featured

See All Featured
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
351
21k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.5k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
51k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
86
4.8k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.8k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.4k
Visualization
Avatar for Eitan Lees eitanlees
146
16k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
301
21k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
25
1.8k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
47
9.6k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k

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