Curso de Vue.js - Criação de interfaces web

Aprenda a utilizar um dos frameworks front-end mais populares da atualidade para criar interfaces e componentes Web: o Vue.js

Nível Intermediário Categoria Desenvolvimento Front-end

  • Curso com 03h34 de videos
  • Certificado com 14 horas
  • 27 exercícios

Sobre o curso

Aprenda a utilizar um dos frameworks front-end mais populares da atualidade para criar interfaces e componentes Web: o Vue.js

O Vue.js é um dos frameworks que mais vem ganhando força entre os desenvolvedores web na atualidade. Trata-se de um framework baseado em JavaScript extremamente eficiente e leve, porém, com uma curva de aprendizado muito suave.

Mesmo com uma API super simples e intuitiva, o Vue é muito poderoso, sendo capaz de lidar com templates, programação reativa, manipulação de eventos e ainda com o conceito de componentização, oferecendo a possibilidade de criação de componentes reutilizáveis.

Aplicando conceito de Virtual DOM, o Vue possui uma excelente performance e adaptação extremamente simples, podendo ser utilizado em qualquer lugar e com outras bibliotecas

O que irá aprender?

Com vídeo aulas e conteúdo apostilado, neste curso abordaremos tudo o que você precisa aprender para desenvolver modernas aplicações web com Vue, seguindo o modelo Vuex de maneira rápida e eficiente, além de poder responder exercícios que ajudam na fixação do conteúdo.

Dentre várias outras coisas, você aprenderá os tópicos abaixo:

  • Estrutura básica de uma aplicação com Vue;
  • Templates, Filtros e Diretivas;
  • Manipulação de Eventos;
  • Criação de Componentes;
  • Arquitetura baseada em FLUX (Vuex);
  • Rotas e Views;
  • Animações;
  • Requisições Ajax.
  • Projeto para fixar o aprendizado: PokéDex;

Pra quem é esse curso?

Esse curso é destinado a desenvolvedores que queiram criar modernas aplicações web com boa performance, com componentes reutilizáveis, arquitetura baseada em FLUX (Vuex) com uma biblioteca leve e muito simples de se aprender.

Quais os pré-requisitos para esse curso?

Os pré-requisitos não são obrigatórios, são apenas sugestões. Eles dão uma base de parte do conhecimento que é interessante ter para um bom aproveitamento nesse curso.

Metodologia

  • Videoaulas
  • Texto e imagens
  • Início Imediato
  • Testes de aprendizado

Ambiente do curso

  • Sublime Text 3.0.0 ou superior
  • Node.js 8.5.0 ou superior
  • Vue.js 2.4.4 ou superior

Sobre o professor

Akira Hanashiro

Akira Hanashiro

Professor especialista em Desenvolvimento Front-end na TreinaWeb. Akira, Felipe, Hana, Hanashiro ou Hanakira, é graduado em Análise e Desenvolvimento de Sistemas, pós-graduado em Projetos e Desenvolvimento de Aplicações Web e MBA em Machine Learning, é entusiasta no desenvolvimento de jogos e multi-task. Fala japonês fluente, mas não tem com quem conversar.

Conteúdo programático

  1. Conhecendo o Vue.js

    Vamos ter uma primeira visão sobre o que é o Vue.js

    3 aulas
    • O que é o Vue.js?
    • O padrão MVVM
    • Instalação
  2. Iniciando com Vue.js

    Vamos começar a trabalhar com o Vue na prática

    4 aulas
    • Iniciando uma aplicação Vue.js
    • Ciclo de Vida
    • Projeto: Estruturando a Aplicação
    • Questionário
  3. Templates

    Vamos conhecer as templates e como elas podem nos ajudar

    8 aulas
    • Expressões e Atributos (v-bind)
    • Condições (v-if, v-else, v-if-else, v-show)
    • Loopings (v-for)
    • Renderizando Elementos (v-html)
    • Projeto: Criando nossa primeira View
    • Desafio de Templates
    • Resposta do Desafio de Templates
    • Questionário
  4. Eventos

    Vamos aprender a interagir com eventos

    5 aulas
    • Reagindo a Eventos
    • Event Emitters
    • Desafio de eventos
    • Resposta do desafio de eventos
    • Questionário
  5. Filtros

    Vamos aprender a criar filtros, funções que formatam os nossos textos nas templates

    6 aulas
    • Criando Filtros
    • Declarando Filtros Globais
    • Projeto: Formatando Números
    • Desafio de filtros
    • Resposta do desafio de filtros
    • Questionário
  6. Componentes

    Vamos ver como o Vue nos ajuda a trabalhar com componentização dos elementos de nossa interface

    10 aulas
    • Criando Componentes
    • Propriedades
    • Eventos
    • Acessando Componentes
    • Slots
    • Slots com Escopos
    • Projeto: Componentizando nossa lista
    • Desafio de componentes
    • Resposta do desafio de componentes
    • Questionário
  7. Observadores e Propriedades Calculadas

    Saiba como criar propriedades que tem seu valor dinamicamente definido

    7 aulas
    • Computed Properties
    • Computed Setter
    • Watchers
    • Projeto: Fazendo buscas na lista
    • Desafio de observadores
    • Resposta do desafio de observadores
    • Questionário
  8. Diretivas

    Vamos aprofundar nossos conhecimentos sobre diretivas

    10 aulas
    • O que são diretivas?
    • Modificadores
    • Atalhos
    • Criando Diretivas
    • Funções Gancho de Diretivas
    • Diretivas Simples
    • Projeto: Diretiva de animação
    • Desafio de diretivas
    • Resposta do desafio de diretivas
    • Questionário
  9. Fazendo Requisições HTTP

    Vamos aprender acessar APIs para que nossa aplicação Vue receba dados externos

    2 aulas
    • Preparando o Ambiente
    • Projeto: Consumindo dados do servidor
  10. Formulários

    Vamos ver como o Vue pode nos ajudar a trabalhar com formulários

    7 aulas
    • Inputs
    • CheckBox
    • RadioButton
    • Selects
    • Projeto: Recebendo entrada de dados do usuário
    • Desafio de formulários
    • Resposta do desafio de formulários
  11. Rotas

    Vamos aprender a manipular várias views com o gerenciamento de rotas

    10 aulas
    • Vue e a manipulação de rotas
    • Vue Router
    • Criando Rotas
    • Pegando valores da URL (query params)
    • Aninhamento de Views
    • Guardas de Navegação (Router Guards)
    • Projeto: Uma nova View para nosso projeto
    • Desafio de rotas
    • Resposta do desafio de rotas
    • Questionário
  12. Animações

    Vamos aprender como o Vue pode nos ajudar quando precisarmos criar animações em nossa interface

    7 aulas
    • Bind de Classes
    • Bind de Estilos
    • Vue e CSS
    • Animações e Transições
    • Funções de Transições
    • Desafio de animações
    • Resposta do desafio de animações
  13. Vuex

    Vamos entender o conceito da arquitetura Flux e sua implementação com o Vue.js, Vuex

    7 aulas
    • O que é Vuex?
    • Single Source of Truth
    • Conhecendo melhor o Vuex
    • Instalando o Vuex
    • Criando código com arquitetura Vuex
    • Vue Dev-Tools
    • Questionário
Download da ementa

Cursos relacionados

Formação em que esse curso está inserido

Utilizada e amada por milhares! Veja mais opiniões reais

Plano de acesso total!

Tenha um ano de acesso completo a todos os cursos da plataforma, incluindo novos lançamentos, mentoria de carreira e suporte direto com os professores!

Um ano de acesso completo

Contrate agora e tenha acesso ilimitado a todo o nosso portfólio. Isso inclui:

  • 1 ano de acesso a todos os cursos
  • Cursos novos toda semana
  • Suporte direto com professores
  • Aplicativos para Android e iOS
  • Plano de carreira personalizado
  • Certificados digitais inclusos
  • Suporte com SLA de 4 horas úteis
  • Acesso offline através dos apps
R$ 97,00 ECONOMIZE R$ 360,00
12x R$ 67,00 ou R$ 804,00 à vista
Matricule-se agora
Garantia incondicional de satisfação
Garantia incondicional de satisfação

Confiamos tanto nos resultados dos nossos cursos, que criamos uma garantia incondicional de satisfação para você, que são 7 dias de teste!