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 sua carreira
  • Guia de Vue.js

    DevMedia

  • play_circle_outline 7 Conteúdos
  • school 200 Exercícios
  • assessment Avançado
  • star
    star
    star
    star
    star_border

    457 avaliações

1

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
2

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

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

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:

Programador Front-end (web)
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.

Plano de estudo Programador Front-end Vue.js.
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 na DevMedia

  • Guia de Vue.js

    DevMedia

  • play_circle_outline 7 Conteúdos
  • school 200 Exercícios
  • assessment Avançado
  • star
    star
    star
    star
    star_border

    457 avaliações

timer

Seja PRO Agora

Tenha acesso ilimitado a todo conteúdo.

Comece Agora

Possui uma conta? Login

Por que aprender na DevMedia?

Estudar tecnologia na DevMedia é uma experiência única. Nossa metodologia de ensino é baseada nos seguintes pilares:

banner-loja

Casos de sucesso da DevMedia

depoimento 4
depoimento 5
depoimento 6
depoimento 7
depoimento 1
depoimento 2
depoimento 3
depoimento 4
depoimento 5
depoimento 6
depoimento 7
depoimento 1
depoimento 2
depoimento 3
depoimento 4

Confira outros conteúdos

Veja todos os conteúdos

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar