Vue.js

Com esse guia de estudos voc� ir� descobrir, sem perdas de tempo, qual � a ordem mais indicada de estudar o Vue.js para dominar completamente este framework, desde o b�sico at� o avan�ado.

Comece seu teste gr�tis

Guia de Vue.js
DevMedia
7 Conte�dos
200 Exerc�cios
Avan�ado
457 avalia��es

O que � Vue.js?

O Vue.js � um framework JavaScript usado para constru��o de SPAs, ou seja, aplica��es de p�gina �nica. Ele � utilizado no Front-end web.

Por ser um framework progressivo o Vue.js pode ser utilizado em novos projetos ou em um projeto que j� existe facilitando assim a migra��o da tecnologia.

O framework Vue.js nos permite criar desde uma p�gina web simples at� uma sistema web mais complexo.

Caracter�sticas do framework Vue.js:

O Vue.js utiliza a linguagem JavaScript
O Vue.js � baseado em componentes
O Vue.js � declarativo
O Vue.js pode ser inserido aos poucos em projetos j� existentes

Por que aprender Vue.js?

Criar uma aplica��o Front-end utilizando apenas HTML, CSS e JavaScript � poss�vel por�m custa mais tempo e um trabalho muito maior.

Para acelerar esse processo o uso de um framework ou biblioteca se tornou a forma mais �gil para se desenvolver uma aplica��o Front-end.

O Vue.js � um framework f�cil de se aprender j� que ele utiliza a linguagem JavaScript para escrever seus c�digos.

No mercado de trabalho o Vue.js se encontra entre os frameworks mais adotados pelas empresas e por isso possui �timas oportunidades de emprego.

Na DevMedia o aprendizado do Vue.js est� dividido em duas se��es:

Linguagem JavaScript, que � utilizada pelo Vue.js e por isso � um pr�-requisito.
Framework Vue.js, o acelerador do desenvolvimento Front-end web.

Exemplo de c�digo

Veja abaixo um exemplo de c�digo Vue.js:


Vue.component("card", {
      props : ["titulo", "subtitulo"],
      template : `<div>
                      <h3> {{ titulo }} </h3>
                      <h4> {{ titulo }} </h4>
                  </div>`
});

Vue.js utiliza JavaScript como linguagem.
Vue.js utiliza HTML e CSS para construir as p�ginas.
A lVue.js cria a interface do usu�rio.

Carreira Front-end Vue.js

Atrav�s do framework Vue.js conseguimos criar a interface do usu�rio, ou seja, tudo que o usu�rio consegue ver e interagir em uma p�gina web.

Toda parte criada pelo Vue.js, ou seja, a interface do usu�rio � o Front-end de um sistema.

Um sistema web � composto n�o apenas pelo Front-end. Para saber o que deve ser exibido - como por exemplo, um produto, a foto de um usu�rio, dentre outros dados, � necess�rio que o Front-end receba esses dados de outra camada que se chama Back-end.

� no Back-end onde as informa��es s�o processadas e enviadas para o Front-end exibir para o usu�rio.

Veja um exemplo na imagem abaixo:

**Figura.** Programador Front-end (web).

Envolve conhecimentos referentes a experi�ncia do usu�rio (UX).
Se preocupa com o visual da p�gina e com a intera��o do usu�rio com ela
Sempre h� demanda por programadores Front-end j� que � quase obrigat�rio para uma empresa ter uma p�gina web.
A navega��o entre as p�ginas � responsabilidade da programa��o front-end

Aprender Vue.js � o passo final na carreira programador Front-end.

**Figura.** Plano de estudo Programador Front-end Vue.js.

Utilize Vue.js para se tornar um programador front-end completo

Saiba mais sobre Vue.js

O que voc� vai aprender sobre o Vue.js

Introdu��o keyboard_arrow_down
- lock O que � Vue.js?
- lock Utilizando data bind unidirecional e bidirecional
- lock 50 Exerc�cios
Formul�rios keyboard_arrow_down
- lock Formul�rios
- lock Criptografando e Descriptografando textos com uso de form em Vue.js
- lock 50 Exerc�cios
Listas keyboard_arrow_down
- lock Exibindo listas (v-for)
- lock Como exibir listas no Vue.js
- lock 50 Exerc�cios
Event Handling keyboard_arrow_down
- lock Em constru��o
Componentes keyboard_arrow_down
- lock Em constru��o
Props keyboard_arrow_down
- lock Em constru��o
Ciclo de vida de um componente keyboard_arrow_down
- lock Em constru��o
Rotas keyboard_arrow_down
- lock Em constru��o
Deploy keyboard_arrow_down
- lock Em constru��o
Conectando com APIs RESTful keyboard_arrow_down
- lock Em constru��o
Autentica��o com APIs keyboard_arrow_down
- lock Em constru��o

Seja PRO Agora

Tenha acesso ilimitado a todo conte�do.

Teste Gr�tis

Possui uma conta? Login

Por que aprender na DevMedia?

Estudar tecnologia na DevMedia � uma experi�ncia �nica, pelos diferenciais abaixo:

Guias de estudo passo a passo

keyboard_arrow_down

Estudo orientado com Guias

Na nossa experi�ncia no ensino de programa��o ao longo dos anos, vimos que uma das maiores dificuldades dos alunos � ter um �plano de estudos�, ou seja, n�o se perder no meio do caminho.

Para resolver esse problema a plataforma DevMedia � dividida em Guias passo a passo.

Guia de Algoritmo — **Figura.** Estude atrav�s de guias e nunca se perca.

+40 tecnologias

keyboard_arrow_down

40 tecnologias para voc�

Estudar programa��o sempre envolve o aprendizado de mais de uma tecnologia. Na plataforma DevMedia voc� conta com 40 tecnologia dispon�veis - e a melhor not�cia, estamos sempre publicando novos conte�dos e exerc�cios. :)

Guia de Estudo — **Figura.** 40 tecnologias dispon�veis.

Suporte em tempo real

keyboard_arrow_down

Suporte a d�vidas em tempo real

Outro ponto muito importante durante seus estudo � conseguir tirar d�vidas rapidamente. Na DevMedia temos um time de programadores que tem a miss�o de tirar sua d�vida em tempo real.

Veja o que nossos usu�rios dizem sobre o Suporte em tempo real :)

Agrade�o e venho aqui reconhecer o trabalho de voc�s, pois eu nunca fico sem solucionar uma d�vida, seja pelas respostas aos outros usu�rios ou a mim.
Voc�s se dedicam muito ao suporte e fico feliz por ter escolhido a DevMedia tendo em vista este quesito. Acho importante esse feedback pois � o m�nimo que posso fazer.

Ismael Lima

star star star star star_border

Muito obrigada! Super claro e objetivo, adorei a aten��o que voc�s d�o aos alunos... Parab�ns!!! At� a pr�xima...

Tain� Rocha

star star star star star

Exerc�cios Gamificados

keyboard_arrow_down

Fortale�a o conhecimento com games de exerc�cios

Para te manter motivado e fortalecer os conhecimentos adquiridos na mem�ria, a plataforma DevMedia tamb�m � um game de exerc�cios de programa��o.

Cada t�pico de estudos cont�m um game de exerc�cios! Ao acertar os exerc�cios voc� ganha pontos, medalhas e tamb�m sobe sua posi��o ranking da plataforma.

Al�m disso toda vez que voc� acerta exerc�cios de programa��o voc� evolui o seu card! Veja abaixo:

Seja visto por grandes empresas

keyboard_arrow_down

Acerte exerc�cios e chame aten��o de grandes empresas

Aqui na Plataforma temos v�rias empresas parceiras que buscam seus novos programadores conosco!

Quanto mais exerc�cios voc� acertar, maior ser� sua chance de ser convidado a participar do processo seletivo dessas empresas!

Evolua e chame aten��o das empresas na plataforma

Certificados de Autoridade

keyboard_arrow_down

Os Certificados de Autoridade s�o a sua nova maneira de certificar seus conhecimentos para o mercado!

Ap�s responder corretamente 30 exerc�cios de um t�pico, voc� desbloqueia o seu certificado.

Este evolui conforme voc� pratica mais exerc�cios e consome mais conte�dos da tecnologia escolhida por voc�.

Seus Certificados de Autoridade podem ser compartilhados diretamente no seu perfil do LinkedIn!

Curta 3 dias gr�tis sem cart�o

Vem testar nossa Plataforma gratuitamente.

Iniciar Teste

Possui uma conta? Login

O que dizem

Confira o que andam dizendo sobre n�s ap�s conclu�rem seus objetivos em nossa Plataforma.

Estou Inteiramente satisfeito! J� vim com conhecimento em java de nivel m�dio, mas estou seguindo toda a guia de Java desde o inicio. Muito Bom, parab�ns!

Luis Ferreira

star star star star star

Achei muito top o trabalho que a DevMedia est� fazendo, ensinando passo a passo deste jeito � muito mais facil...Parab�ns pelo �timo trabalho!

Moises

star star star star star_border

Acho que esse tipo de material organizado e em formato de arvore � muito favoravel para o aprendizado! Achei super positivo o conte�do feito desta forma, perincipalmente para os novos programadores! Parab�ns pelo empenho!

Erik

star star star star star

Muito boa a qualidade das aulas online, estou gostando bastante de aprender diversas tecnologias com a Devmedia!

Graciomar Mascarenhas

star star star star star_border

Gostei bastante do primeiro contato. Em seguida assinei por um ano e j� conclui o meu primeiro curso no portal. Gostei muito e espero enquanto esteja buscando me tornar um profissional da �rea de analista e programador de sistemas, ter muita ajuda dos cursos da DevMedia.

Eberton Ferreira

star star star star_border star_border

Tudo o que voc� precisa e mais um pouco. Cheguei no site a pouco tempo como assinante, e j� vi que foi o melhor investimento que poderia ter feito. Conte�do excelente e o que mais me chamou aten��o foram as v�rias formas de aprender. Assistindo, ouvindo, lendo, consertando c�digos. As ferramentas est�o aqui, s� depende de voc� utiliza-las. Recomendo mais do que tudo!

Elen Pires

star star star star star