Introdução à framework Vue.js
ATVUEJS
Online
Presencial
30.00 H
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.
Público Alvo
Quem pretenda ser um “early-adopter” da tecnologia Blazor.
Quando Completar o 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
Pré-Requisitos
Os participantes deverão possuir conhecimentos de HTML, CSS e JavaScript.
Exames para Certificações
(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