Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Como tornamos os sorteios da BrazilJS on the Ro...

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Amanda Vilela Amanda Vilela
July 13, 2019
Programming
0
77

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
100
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
53
PWA beyond theory - How to create your progressive web app
Avatar for Amanda Vilela amandavilela
0
87
Crie seu Próprio Plano de Carreira
Avatar for Amanda Vilela amandavilela
0
65
Como otimizar a performance da sua aplicação JS
Avatar for Amanda Vilela amandavilela
0
110
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
120
Front-end: o que é, mercado e como começar
Avatar for Amanda Vilela amandavilela
1
94

Other Decks in Programming

See All in Programming
「ブロックテーマでは再現できない」は本当か？
Avatar for Takashi Kitajima inc2734
0
1k
humanlayerのブログから学ぶ、良いCLAUDE.mdの書き方
Avatar for Yuto tsukamoto1783
0
200
AIによる高速開発をどう制御するか？ ガードレール設置で開発速度と品質を両立させたチームの事例
Avatar for tonkotsuboy_com tonkotsuboy_com
7
2.4k
Lambda のコードストレージ容量に気をつけましょう
Avatar for tatsuki-yamada tattwan718
0
150
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
620
AtCoder Conference 2025
Avatar for shindannin shindannin
0
1.1k
余白を設計しフロントエンド開発を 加速させる
Avatar for karacoro / からころ tsukuha
7
2.1k
AI によるインシデント初動調査の自動化を行う AI インシデントコマンダーを作った話
Avatar for azukiazusa azukiazusa1
1
750
20260127_試行錯誤の結晶を1冊に。著者が解説 先輩データサイエンティストからの指南書 / author's_commentary_ds_instructions_guide
Avatar for nash_efp nash_efp
1
990
16年目のピクシブ百科事典を支える最新の技術基盤 / The Modern Tech Stack Powering Pixiv Encyclopedia in its 16th Year
Avatar for ahu ahuglajbclajep
5
1k
Amazon Bedrockを活用したRAGの品質管理パイプライン構築
Avatar for とすり tosuri13
5
800
MUSUBIXとは
Avatar for Hisaho nahisaho
0
140

Featured

See All Featured
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
1
110
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
500
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
150
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon szymonslowik
1
220
The Illustrated Guide to Node.js - THAT Conference 2024
Avatar for David Neal reverentgeek
0
260
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
140k
Between Models and Reality
Avatar for mayunak mayunak
1
200
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
160
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
450
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
450

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