Slide 1

Slide 1 text

Vuejs para desenvolvedores Angular

Slide 2

Slide 2 text

Weslley Neri @weslley_neri weslley39 Front-End Dev - redspark

Slide 3

Slide 3 text

Evolução das tecnologias web

Slide 4

Slide 4 text

HTML5 REVOLUCIONOU A WEB

Slide 5

Slide 5 text

SIGNIFICADO DE REVOLUCIONAR "Interrompe totalmente a ordem estabelecida e altera a dinâmica de tudo em volta "

Slide 6

Slide 6 text

E O FRONT-END REINOU E COM ISSO, O CÁOS

Slide 7

Slide 7 text

DEVO REALMENTE USAR UM FRAMEWORK

Slide 8

Slide 8 text

VANTAGENS • Não reinventar a roda • Faça mais com menos código • Economizar tempo (& dinheiro) • Traz ordem ao caos

Slide 9

Slide 9 text

Pesquisa sobre frameworks Front-End +3k de respostas

Slide 10

Slide 10 text

DEVs que usaram cada “sabor” de JS

Slide 11

Slide 11 text

% de não usuários que querem aprender um framework

Slide 12

Slide 12 text

ENTÃO DEVO USAR VUEJS ??

Slide 13

Slide 13 text

DEPENDE

Slide 14

Slide 14 text

Depende do que ? • Quão experiente você é • Quão grande é a sua equipe • Que tipo de projeto vai ser desenvolvido

Slide 15

Slide 15 text

DEVE ESCOLHER A FERRAMENTA CORRETA

Slide 16

Slide 16 text

O QUE É ESSE TAL DE Vuejs • Framework progressivo open source • Primeira release em 2014 • +34k stars no github • +200k downloads por mês • Criado por Evan You (Meteor)

Slide 17

Slide 17 text

QUEM ESTA USANDO

Slide 18

Slide 18 text

O QUE VOCÊ REALMENTE DEVE SABER

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

Vuejs Não é “um angular mais simples” ou “um angular melhorado” Uma aplicação Angular possui ao menos um módulo, um controller e um template. Uma aplicação Vuejs possui ao menos um componente.

Slide 21

Slide 21 text

Vuejs Angular Criar aplicações baseadas em componentes. Criar aplicações “baseadas em templates”

Slide 22

Slide 22 text

==

Slide 23

Slide 23 text

BOOTSTRAP

Slide 24

Slide 24 text

BOOTSTRAP Vuejs Angular

Slide 25

Slide 25 text

INTERPOLAÇÃO DE TEXTO

Slide 26

Slide 26 text

BIND DE TEXTO

Slide 27

Slide 27 text

BIND DE HTML

Slide 28

Slide 28 text

BIND DE ATRIBUTOS

Slide 29

Slide 29 text

UTILIZAÇÃO DE FILTROS

Slide 30

Slide 30 text

MANIPULAÇÃO DO DOM

Slide 31

Slide 31 text

LISTAS

Slide 32

Slide 32 text

EVENT HANDLER

Slide 33

Slide 33 text

EVENT HANDLER

Slide 34

Slide 34 text

COMPONENTES

Slide 35

Slide 35 text

ANGULAR

Slide 36

Slide 36 text

VUE

Slide 37

Slide 37 text

ROTAS

Slide 38

Slide 38 text

Vuejs Angular

Slide 39

Slide 39 text

HTTP

Slide 40

Slide 40 text

Vuejs Angular RESOURCE

Slide 41

Slide 41 text

Vuejs Angular HTTP

Slide 42

Slide 42 text

MÉTODOS DATA/EVENT

Slide 43

Slide 43 text

Vuejs Angular WATCH

Slide 44

Slide 44 text

Vuejs Angular ON

Slide 45

Slide 45 text

SHOW TIME

Slide 46

Slide 46 text

COMO/ONDE APRENDER?

Slide 47

Slide 47 text

@weslley_neri weslley39