O documento descreve a jornada de Maurício Samy Silva com a biblioteca Vue.js, desde os primeiros estudos em julho de 2018 até ser convidado para palestrar sobre o tema em um grande evento na América Latina apenas 15 dias depois. Ele discute as vantagens de usar ferramentas de build e templates populares para iniciar projetos com Vue.js.

1. 1

2. Maurício Samy Silva
Maujor®
maujor@maujor.com

3. O que o Maujor viu no Vue

4. 2000

5. 2000

7. 7
Tabelas e frames
CSS

8. 8

9. Início de julho 2018
Maujor começa
a
estudar Vue.js

10. 17 de julho 2018
Maujor empolgado
com Vue.js troca
a imagem de capa
no seu FaceBook

11. 11

12. 12

13. 13

14. 14

15. Escolha o mais ousado
Deivid Marques convidando o Maujor, que começou a
estudar Vue.js há míseros 15 dias, para palestrar no
maior evento Vue da América Latina.
O Maujor que achou que mais 30 dias de estudos seriam
suficientes para encarar o desafio.

16. Mas...,
...o título da palestra mostra que o
desafio foi menor do que o
imaginado.

17. 17
Maujor e Deivid em 2012

18. 18

19. 19

20. 20
1.072

21. 21

22. 22

23. 23
HTML
JS
CSS

24. 24

25. 25

26. 26

27. 27

28. 28

29. 29
# Without
Build Tools
# With Build
Tools

30. node
npm install
webpack
NODE_ENV
vue-cli SPA
SSR
vue-loader
SFC
routing etc...etc...etc
firebase
PWA GraphQL

31. Boilerplate/Template
$vue init simple <project>
$vue init browserify <project>
$ vue init webpack <project>
$ vue init egoist/vuepack <project>
$ npx init vuetifyjs/webpack <project>
$ git clone ...
etc...etc...etc

32. 32

33. 33

34. 34
$ vue init nuxt-community/starter-template
<project>

35. 35
$ vue init nuxt-community/starter-template
<project>

36. 36
CSS não é uma linguagem
amigável.
É uma linguagem fácil de se
aprender e começar a usar,
mas torna-se problemática
quando se trata de projetar em
larga escala.
Harry Roberts.

37. 37
Vue.js não é um framework
amigável.
É um framework fácil de se
aprender e começar a usar,
mas requer um esforço maior
quando se trata de aprender
seus recursos avançados.

38. 38

39. 39
obrigado.js