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

Você nem sempre precisa de um framework JS

Amanda Vilela
September 30, 2017
Programming
0
40

Você nem sempre precisa de um framework JS

Apresentação feita na DevFest Maceió no dia 23/09/2017.
Esta apresentação também foi feita na DevFest Cerrado no dia 30/09/2017.

Amanda Vilela

September 30, 2017
Tweet

More Decks by Amanda Vilela

See All by Amanda Vilela
Web Performance: Não deixe o usuário desistir do seu site
amandavilela
1
170
Como tornamos os sorteios da BrazilJS on the Road Sorocaba mais divertidos utilizando JS
amandavilela
0
45
Sobre Carreira e Comunidades
amandavilela
0
21
PWA beyond theory - How to create your progressive web app
amandavilela
0
35
Como melhorar seu trabalho remoto
amandavilela
0
38
Crie seu Próprio Plano de Carreira
amandavilela
0
42
Como otimizar a performance da sua aplicação JS
amandavilela
0
83
Que tal usar CSS em vez de JS?
amandavilela
1
45
Front-end: o que é, mercado e como começar
amandavilela
1
43

Other Decks in Programming

See All in Programming
CodeCrafters にチャレンジして PHP で Redis を作ってみる
gennei
3
310
6年以上メンテされていない！？ クレカ読み取りライブラリの廃止とDataScannerViewControllerを使ってクレカ読み取りを実装しよう！
terukinakano
0
110
Cloudflare 概論 Cloudflare Meetup Kick Off! #CloudflareUG
maroon1st
0
570
gomicollector ガベコレ自作で辿る自作の森
speed1313
1
480
Prompt Engineering 勉強会 / 2023.03.21 GPT-4 Prompt 報告会
smiyawaki0820
17
7.7k
PHPUnit 10 概論 / Introduction of PHPUnit 10
cocoeyes02
0
300
新社会人でも活躍したい！〜新卒1年目で活躍するためのコツ〜
ogijun2018
1
290
Structure for Enterprise-Scale Angular Applications: Nx Monorepos, Micro Frontends, and Module Federation
manfredsteyer
PRO
0
120
時間を気にせず普通にカンニングもしつつ ISUCON12 本選問題を PHP でやってみる
sji
0
970
Run Your Firebase for Web App Locally Using Firebase Emulator Suite
dicoding
0
160
いろいろなフレームワークの仕組みを index.php から読み解こう / index.php of each framework
okashoi
0
310
PHPerKaigi2023｜技術負債とプロジェクトと私たち(technical debt&project&us)
weddingpark
0
180

Featured

See All Featured
What's new in Ruby 2.0
geeforr
336
30k
Streamline your AJAX requests with AmplifyJS and jQuery
dougneiner
128
8.8k
Keith and Marios Guide to Fast Websites
keithpitt
407
21k
Raft: Consensus for Rubyists
vanstee
130
5.8k
How New CSS Is Changing Everything About Graphic Design on the Web
jensimmons
214
12k
Clear Off the Table
cherdarchuk
79
290k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
236
1.1M
Building a Modern Day 
E-commerce SEO Strategy
aleyda
8
4.9k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
239
19k
The MySQL Ecosystem @ GitHub 2015
samlambert
240
11k
Gamification - CAS2011
davidbonilla
75
4.2k
Music & Morning Musume
bryan
37
4.7k

Transcript

  1. Você nem sempre precisa de
    um framework JS
    Amanda Vilela
    DevFest Maceió

    View Slide

  2. Amanda Vilela

    View Slide

  3. View Slide

  4. View Slide

  5. View Slide

  6. View Slide

  7. View Slide

  8. View Slide

  9. View Slide

  10. View Slide

  11. Você tem um minuto para ouvir
    a palavra do JavaScript?

    View Slide

  12. Modules

    View Slide

  13. View Slide

  14. View Slide

  15. View Slide

  16. Template strings

    View Slide

  17. View Slide

  18. View Slide

  19. Promises

    View Slide

  20. View Slide

  21. View Slide

  22. View Slide

  23. View Slide

  24. Fetch API

    View Slide

  25. View Slide

  26. View Slide

  27. Async / Await

    View Slide

  28. View Slide

  29. Code time :D

    View Slide

  30. Legal!
    Agora vou fazer tudo em JS puro pra sempre
    ;D

    View Slide

  31. Calma

    View Slide

  32. Tempo

    View Slide

  33. Manutenibilidade

    View Slide

  34. Escalabilidade

    View Slide

  35. https://github.com/amandavilela/vanillajs-instagram

    View Slide

  36. Obrigada :D
    amandavilela.com

    View Slide

  37. https://developer.mozilla.org/pt-BR/docs/Web/JavaScript
    https://github.com/lukehoban/es6features
    https://braziljs.org/blog/async-await-js-assincronamente-sincrono
    http://jsmodules.io
    https://willianjusten.com.br/criando-componentes-usando-so-es6

    View Slide