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
98
0

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

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
120
Web Performance: Não deixe o usuário desistir do seu site
Avatar for Amanda Vilela amandavilela
1
210
Sobre Carreira e Comunidades
Avatar for Amanda Vilela amandavilela
0
70
PWA beyond theory - How to create your progressive web app
Avatar for Amanda Vilela amandavilela
0
110
Crie seu Próprio Plano de Carreira
Avatar for Amanda Vilela amandavilela
0
76
Como otimizar a performance da sua aplicação JS
Avatar for Amanda Vilela amandavilela
0
120
Você nem sempre precisa de um framework JS
Avatar for Amanda Vilela amandavilela
0
100
Que tal usar CSS em vez de JS?
Avatar for Amanda Vilela amandavilela
1
130
Front-end: o que é, mercado e como começar
Avatar for Amanda Vilela amandavilela
1
110

Other Decks in Programming

See All in Programming
生成AI時代にこそ効くGo | Why Go Works in the Age of Generative AI
Avatar for mom0tomo mom0tomo
8
3.3k
IBM Bobを活用したレガシーアプリの最新化
Avatar for Akira Onishi (IBM) oniak3ibm
PRO
1
210
気圧・高度・GPSを記録&可視化するアプリ「Koudo」を作った話
Avatar for Hajime Kato hjmkth
1
320
Honoでのサプライチェーン侵害対策 〜 3つのライブラリに学ぶ
Avatar for Yusuke Wada yusukebe
7
1.4k
「なぜそう決めたのか」を残し続ける仕組み ― Notion AI カスタムエージェント × Slack連携による設計判断の自動記録 - NIKKEI Tech Talk #47
Avatar for ニフティ株式会社 niftycorp
PRO
0
230
ふつうのFeature Flag実践入門
Avatar for irof irof
8
4.2k
不変条件と整合性境界—ビジネスが決める設計判断と実現パターン / Invariants and Consistency Boundaries
Avatar for nrs nrslib
14
5.8k
Webフレームワークの ベンチマークについて
Avatar for Yusuke Wada yusukebe
0
180
act1-costs.pdf
Avatar for Sumedh Bala sumedhbala
0
110
技術的負債解消で開発者の未来を開く- AIの力でコード刷新
Avatar for Kato Ryo kmd2kmd
0
120
ローカルLLMを使ってB2Bサービスを作っていての学び
Avatar for Hiroshige Umino yaotti
0
210
Dataformのリポジトリを立ち上げるときにまずやること / dataform-day0-2026
Avatar for snhryt snhryt
0
180

Featured

See All Featured
Abbi's Birthday
Avatar for Violet Bock coloredviolet
3
8.2k
A Guide to Academic Writing Using Generative AI - A Workshop
Avatar for Kenji Saito ks91
PRO
1
340
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
3
3.4k
So, you think you're a good person
Avatar for Per Axbom axbom
PRO
2
2.1k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
23k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
6.7k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
Scaling GitHub
Avatar for Zach Holman holman
464
140k
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
150
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
2k
Groundhog Day: Seeking Process in Gaming for Health
Avatar for Sebastian Deterding codingconduct
0
220
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
25k

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