Você sabia que ao assinar um plano você terá acesso a TODOS os cursos do portal?
São mais de 4.000 horas de conteúdo, distribuídos em mais de 350 cursos completos!

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

Veja uma aula de exemplo

Plano de acesso Anual

economize R$360
de 12x de R$97
por: 12x de R$67
ou R$ 804,00 à vista
  • 1 ano de acesso completo a todos os cursos e formações da plataforma.
Conheça os nossos planos de acesso total aos cursos
  • Conteúdo + de 4.000 horas de conteúdo
  • Conteúdo + de 200.000 alunos capacitados
  • Conteúdo + de 12 anos de experiência em EAD
  • Conteúdo cursos novos toda quarta-feira
Quero conhecer os planos

Sobre o curso

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.

Conhecimentos adquiridos

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;

Para 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.

  • Curso com 3h34 horas de vídeos
  • Curso com certificado de 12 horas
  • Curso com 27 exercícios de fixação
Ambiente do Curso
Sublime Text 3.0.0 ou superior
Node.js 8.5.0 ou superior
Vue.js 2.4.4 ou superior
Metodologia
Videoaulas
Texto e imagens
Início imediato
Exemplos práticos
Testes de aprendizado
Baixar esta ementa

1 - Conhecendo o Vue.js
O que é o Vue.js?
O padrão MVVM
Instalação
2 - Iniciando com Vue.js
Iniciando uma aplicação Vue.js Visualizar
Ciclo de Vida
Projeto: Estruturando a Aplicação Visualizar
Exercícios
3 - Templates
Expressões e Atributos (v-bind) Visualizar
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 Visualizar
Resposta do Desafio de Templates Visualizar
Exercícios
4 - Eventos
Reagindo a Eventos
Event Emitters
Desafio de eventos
Resposta do desafio de eventos
Exercícios
5 - Filtros
Criando Filtros Visualizar
Declarando Filtros Globais
Projeto: Formatando Números
Desafio de filtros
Resposta do desafio de filtros
Exercícios
6 - Componentes
Criando Componentes
Propriedades
Eventos Visualizar
Acessando Componentes
Slots
Slots com Escopos
Projeto: Componentizando nossa lista
Desafio de componentes
Resposta do desafio de componentes
Exercícios
7 - Observadores e Propriedades Calculadas
Computed Properties
Computed Setter
Watchers
Projeto: Fazendo buscas na lista
Desafio de observadores
Resposta do desafio de observadores
Exercícios
8 - Diretivas
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
Exercícios
9 - Fazendo Requisições HTTP
Preparando o Ambiente
Projeto: Consumindo dados do servidor
10 - Formulários
Inputs
CheckBox
RadioButton
Selects
Projeto: Recebendo entrada de dados do usuário
Desafio de formulários
Resposta do desafio de formulários
11 - Rotas
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
Exercícios
12 - Animações
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
O que é Vuex?
Single Source of Truth
Conhecendo melhor o Vuex
Instalando o Vuex
Criando código com arquitetura Vuex
Vue Dev-Tools
Exercícios
14 - Conclusão
Depoimento

Plano de acesso total!

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

Plano de acesso Anual

economize R$360
de 12x de R$97
por: 12x de R$67
ou R$ 804,00 à vista
  • 1 ano de acesso a todos os cursos
  • Plano de carreira personalizado
  • Cursos novos toda semana
  • Certificados digitais inclusos
  • Suporte direto com professores
  • Suporte com SLA de 4 horas úteis
  • Aplicativos para Android e iOS
  • Acesso offline através dos apps

Utilizada e amada por milhares!

Confira os depoimentos de quem já estudou com a gente

  • Como sempre, fico inteiramente satisfeito com a didática e excelência no conteúdo transmitido nos cursos do TreinaWeb. Sem dúvidas me sinto mais preparado para manusear a ferramenta/framework que aprendi nesse curso, com muito mais facilidade e maior conhecimento agora. Obrigado à equipe do TreinaWeb.
    Tiago Luiz (Rio de Janeiro - RJ) Vue.js - Criação de interfaces web Tiago Luiz
  • Curso bem explicativo e com uma didática boa. Aprendi bastante e comecei a gostar da linguagem. Recomendo a todos!
    Thiago Bertolo (Jaguari - RS) PHP Avançado Thiago Bertolo
  • Achei o curso muito bom, só me perdi um pouco com o Eclipse, estou acostumado a usar o NetBeans, o tutor foi muito tranquilo em explanar o conteúdo do curso e de fácil compreensão, provavelmente irei iniciar outro curso.
    João Leandro (Torres - RS) Lógica Orientada a Objetos Completo João Leandro
  • Simplesmente perfeito, curso bem completo e o Bruno Baltarejo explica muito bem. Investimento certeiro para quem quer aprender de verdade e de forma dinâmica.
    Victor Gustavo (São Paulo - SP) Adobe Premiere Pro CC 2015 - Completo Victor Gustavo
  • Show! Estou gostando muito! Só senti falta de uma apostila, mas nada que venha a atrapalhar, seria somente para futuras consultas mesmo. Obrigado!
    Breno Oliveira (Divinópolis - MG) Java - Estrutura de dados - Parte 1 Breno Oliveira
  • Ambiente de ensino excelente! As vídeo-aulas foram muito bem preparadas e organizadas de uma forma que formou o conhecimento linear, sem dificuldades, principalmente na parte de assincronia, onde cada conceito novo era derivado de um conceito anterior. Nota 10!
    Bruno Souza (Bauru - SP) C# (C Sharp) Avançado Bruno Souza
  • Eu estava em dúvidas sobre qual linguagem seguir, o Felipe Monteiro (CEO da trainaweb) me explicou e me orientou sobre as linguagem e por fim comprei o básico de PHP, após a conclusão posso dizer que além de viciado em PHP, estou apaixonado pelos cursos, ótimas introduções e os vídeos são de boa qualidade! Parabéns a equipe.
    Alex Morgado (Umuarama - PR) PHP Básico Alex Morgado
  • O curso é muito bom, altamente didático com videos aulas bem explicado sem deixar dúvidas e bom suporte. Gostei tanto que já comprei o modulo avançado.
    Adenes I. (Patos - PB) C# (C Sharp) Intermediário Adenes I.
  • Excelente, perfeito. Aborda termos atuais do ECS6, pouco abordado, os exemplos práticos são perfeitamente explicados. Utilizando o que é aprendido em um mini projeto pratico durante o curso. Ao final ainda é mostrado a utilidade em vários setores com JS, o que desperta ainda mais vontade de continuar e aprimorar a linguagem.
    Lucas do (Taboão da Serra - SP) JavaScript Avançado Lucas do

Garantia incondicional
de satisfação

Satisfação Garantida - 7 dias ou seu dinheiro de volta!

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

Se, após 7 dias, você decidir que a TreinaWeb não é para você, devolvemos o seu dinheiro sem fazer perguntas. Basta enviar um email na área de contato aqui no site.

Ou seja, a partir do momento em que você fizer sua inscrição, você terá acesso às mais 4.000 horas de curso, com os melhores profissionais do mercado, com uma metodologia inovadora... e se mesmo assim você não gostar, você pode pedir o seu dinheiro de volta em até 7 dias.

Imagine se tudo na vida viesse com uma garantia como essa.

FAQ - Perguntas Frequentes

Confira as principais dúvidas de quem
procura a TreinaWeb para se capacitar.

  • A TreinaWeb é a única escola online de tecnologia com mais de 12 anos de história. É a maior do segmento, com mais de 4.000 horas de conteúdo em cursos online. Além disso, cerca de 200.000 alunos já estudaram e estudam por aqui. Entre muitas outras coisas, a TreinaWeb oferece:
    • Formações completas e com foco no mercado de trabalho.
    • Formação personalizada e individual, criada por um professor orientador.
    • Cursos novos e atualizações pontuais toda semana.
    • Opção de estudar no seu tempo, a qualquer hora e lugar.
    • Suporte incluso com professores especialistas.
    • Certificados dos cursos com hora/aula.
    • Satisfação garantida ou seu dinheiro de volta!
  • SIM! Com toda a certeza! Pois oferecemos cursos partindo exatamente do zero. Inclusive temos cursos de Lógica de Programação, que é onde você vai ver todo o fundamento por trás das linguagens. Na contratação de qualquer plano você ainda tem direito às formações personalizadas, onde nossos professores especialistas irão te acompanhar. E você está atrás dos cursos de edição de vídeo, design e marketing digital, claro que você também não precisa saber nada sobre programação.

  • Nossa metodologia une o que há de melhor no ensino de tecnologia à distância: videoaulas, apostilas, exercícios de fixação, testes de conhecimento e passo a passo de projetos completos. Aprenda de verdade com cursos completos de programação, edição de vídeo, design e marketing digital.

  • No instante que sua compra for aprovada, automaticamente você ganhará o acesso a nossa área do aluno, onde poderá escolher os cursos que irá fazer. Caso, por qualquer motivo, você não consiga acessar de imediato, basta entrar em contato que nós te ajudaremos! Você poderá assistir de qualquer lugar: Do computador, notebook, tablet, smartv ou smartphone.

  • Confiamos tanto nos resultados dos nossos cursos, que criamos uma garantia incondicional de satisfação para você, que são 7 dias de teste! Se, após 7 dias, você decidir que a TreinaWeb não é para você, devolvemos o seu dinheiro sem fazer perguntas. Basta enviar um email na área de contato aqui no site.

  • A TreinaWeb é para quem:
    • Quer entrar no ramo digital com o pé direito;
    • É programador e quer ir para um outro nível;
    • Já programa e quer ampliar o nível e estudar outras linguagens;
    • É um programador avançado e tem TreinaWeb um aliado para novas tecnologias e tendências;
    • Busca profissionalizar-se em uma área em pleno crescimento;
    • Ama design e sabe que aqui estão os melhores cursos da área;
    • Quer aprender a fazer e editar os seus próprios vídeos;
    • Sonha em ser um Videomaker profissional.
  • 100% Segura. Todo o processo de compra possui certificado SSL. Nenhuma informação do seu cartão de crédito é mantida em nosso banco de dados. E assim que aprovada a sua compra/matrícula, você receberá imediatamente todos os dados de acesso à sua área de aluno e as aulas.

  • Sim e esse é um dos diferenciais da TreinaWeb. Oferecemos total suporte com professores especialistas. Nossa equipe de instrutores está sempre pronta para te ajudar e tirar todas as suas dúvidas. Além disso, Na contratação de qualquer plano você ainda tem direito às formações personalizadas, onde nossos professores irão te acompanhar e te orientar.

  • Todos os nossos cursos online de programação, design e edição de vídeo contam com certificados. Um certificado novo será disponibilizado na área de aluno, sempre que você concluir um novo curso. Com o seu nome e horas/curso. Lembrando, que estes certificados podem ser utilizados para cumprir cargas horárias de cursos extras em faculdades.

Últimos Lançamentos

Outros Cursos