1 of 28

@psg2

@psg_inanis

PEDRO SERENO

Engenheiro de Software no CESAR

Apaixonado por desenvolvimento web

2 of 28

ME APRESENTEI, E VOCÊS?

3 of 28

Vue.js:

The Progressive Framework

@vuejs

vuejs/vue

vuejs.org

4 of 28

CRESCIMENTO NA COMUNIDADE

5 of 28

CRESCIMENTO NA COMUNIDADE

6 of 28

COMO SURGIU?

7 of 28

@yyx990803

@youyuxi

Evan You

Currently: full-time open source!

Previously: Meteor, Google Creative Lab

8 of 28

MOTIVAÇÃO

ÉPOCA DO ANGULARJS

NECESSIDADE DE �BIBLIOTECA SIMPLES�PARA UI

FÁCIL E RÁPIDO DE ADOTAR

9 of 28

COMO COMEÇAR?

10 of 28

11 of 28

12 of 28

PLUG AND PLAY

COMO JQUERY

13 of 28

COMPARAÇÃO

COMPONENTES

TYPESCRIPT

BIBLIOTECAS AUXILIARES OFICIAIS

TEMPLATES

COMPONENTES

JSX

FLEXÍVEL

VIRTUAL DOM

14 of 28

SINGLE FILE COMPONENTS

15 of 28

16 of 28

17 of 28

18 of 28

SINGLE FILE COMPONENTS

JUNÇÃO DO TEMPLATE, LÓGICA E ESTILO

NENHUM CUSTO ADICIONAL DE APRENDIZADO ALÉM DO QUE VOCÊ JÁ SABE DE HTML, CSS E JAVASCRIPT.

SUPORTE PARA PRÉ-PROCESSADORES: BABEL, SASS ATÉ PUG NO MESMO ARQUIVO, ALÉM DE OUTRAS OPÇÕES.

CSS LOCAL DO COMPONENTE SEM CONFLITOS COM UM ÚNICO ATRIBUTO.

19 of 28

Framework Progressivo

20 of 28

TOOLING - COMMAND LINE INTERFACE

npm install -g vue-cli

vue init webpack-simple my-app

cd my-app

npm install

npm run dev

21 of 28

TOOLING - COMMAND LINE INTERFACE

22 of 28

TOOLING - DEVTOOLS

23 of 28

TOOLING - REDUX DEVTOOLS

24 of 28

COMUNIDADE

Quasar Framework

iView

Muse-UI

Vux

Vuetify

Vue Material

25 of 28

RECONHECIMENTO EXTERNO

26 of 28

USOS NA INDÚSTRIA

27 of 28

FEITO PELA COMUNIDADE PARA A COMUNIDADE

FAÇA PARTE!

28 of 28

@psg2

@psg_inanis

OBRIGADO!