Introdução à framework Vue.js
ATVUEJS
Online
Presencial
30h
Próximas datas
Introdução
O Vue.js (vulgarmente designada por Vue) é uma Framework JavaScript open-source para a construção de interfaces de utilizador e aplicações single-page.
O Vue foi criado por Evan You depois de trabalhar para a Google usando o AngularJS em vários projetos.
O Vue foi criado por Evan You depois de trabalhar para a Google usando o AngularJS em vários projetos.
Público-alvo
Programadores web que pretendam construir interfaces de utilizador reativas e aplicações single-page com a framework Vue.js.
No final do curso
No final deste curso os participantes deverão ser capazes de:
• Compreender o que é o Vue.js
• Trabalhar com modelo e modelo de visualização
• Fazer o tratamento de eventos
• Trabalhar com formulários e vinculação bidirecional
• Trabalhar com componentes
• Passar dados para componentes
• Distribuir conteúdo com slots
• Trabalhar com componentes dinâmicos
• Usar diretivas personalizadas
• Usar comunicação remota com Vue.js
• Implementar roteamento
• Compreender o que é o Vue.js
• Trabalhar com modelo e modelo de visualização
• Fazer o tratamento de eventos
• Trabalhar com formulários e vinculação bidirecional
• Trabalhar com componentes
• Passar dados para componentes
• Distribuir conteúdo com slots
• Trabalhar com componentes dinâmicos
• Usar diretivas personalizadas
• Usar comunicação remota com Vue.js
• Implementar roteamento
Pré-requisitos
Os participantes deverão possuir conhecimentos de HTML, CSS e JavaScript.
Exames de certificação
(não existem exames)
Conteúdos em detalhe
Introdução
Estrutura do Projeto
Componentes Single File
Binding Text
Binding HTML
Binding to Attributes
Binding Classes
Binding Styles
v-bind Shorthand
Renderização condicional
Renderização de Listas
Listas e Chaves
Renderização de Lista Condicionada
Métodos
Tratamento de Eventos
Manipulação de Formulários
Modificadores
Bonus Diretives
Propriedades Computadas
Propriedades Computadas vs Métodos
Propriedades Computadas e v-for
Setter Computado
Watchers
Immediate and Deep Watchers
Components
Component Props
Prop Types e Validações
Atributos Non Prop
Provide and Inject
Eventos de Componentes
Validação de Emitted Events
Componentes e v-model
Slots
Named Slots
Slots Props
Component Styles
Componentes Dinâmicos
Manter componentes dinâmicos vivos
Teleport Component
HTTP e Vue
HTTP GET Request
HTTP POST Request
Lifecycle Hooks
Fazer um GET Request no Page Load
Template Refs
Reutilização com Mixins
Composition API
Substituição de dados por ref
Substituição de dados com reactive
Reactivity e toRefs
Substituição de métodos
V-model e Composition API
Substituição de propriedades computadas
Substituição de Watchers
Substituição de Provide/Inject
Substituição de Lifecycle Hooks
Template Refs e Composition API
Props e Composition API
Custom Events e Composition API
Reusabilidade com Composition API
Deploy de aplicações Vue