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
65

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
89
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
39
PWA beyond theory - How to create your progressive web app
Avatar for Amanda Vilela amandavilela
0
67
Crie seu Próprio Plano de Carreira
Avatar for Amanda Vilela amandavilela
0
57
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
81
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
89

Other Decks in Programming

See All in Programming
bootcamp2025_バックエンド研修_WebAPIサーバ作成.pdf
Avatar for GENIEE ,Inc geniee_inc
0
120
コード生成なしでモック処理を実現！ovechkin-dm/mockioで学ぶメタプログラミング
Avatar for QualiArts qualiarts
0
200
NixOS + Kubernetesで構築する自宅サーバーのすべて
Avatar for ichi-h ichi_h3
0
1.1k
Catch Up: Go Style Guide Update
Avatar for ANDPAD inc andpad
0
240
Goで実践するドメイン駆動開発 AIと歩み始めた新規プロダクト開発の現在地
Avatar for imkaoru imkaoru
4
870
登壇は dynamic! な営みである / speech is dynamic
Avatar for Daichi KUDO da1chi
0
350
Claude CodeによるAI駆動開発の実践 〜そこから見えてきたこれからのプログラミング〜
Avatar for 入井 啓太 iriikeita
0
310
Writing Better Go: Lessons from 10 Code Reviews
Avatar for Konrad Reiche konradreiche
2
4.6k
Le côté obscur des IA génératives
Avatar for Pascal Le Merrer pascallemerrer
0
150
Go言語の特性を活かした公式MCP SDKの設計
Avatar for hond hond0413
1
380
EMこそClaude Codeでコード調査しよう
Avatar for shibayu36 shibayu36
0
270
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
510

Featured

See All Featured
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
10
880
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
1.7k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
56
6.6k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
73
11k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
34
2.3k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
57
5.9k

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