![](/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBYUU9IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--9585fe944b450f60ebbde309df2fe1e1ab425fea/banners(19).png)
Programação II - Front-end com Vue
Curso de programação utilizando o framework Vue.js
Se você já sabe o básico de programação, chegou a hora de aprender a utilizar um framework para desenvolver um belo front-end! Neste curso você vai poder criar um projeto do zero e no final ganhar um **certificado** de Front-end com Vue!
O curso explora todo o potencial que o Vue pode oferecer para uma aplicação web, você não vai querer ficar de fora.
---
## **O que você aprenderá:**
1. Básico do Vue
2. Estilização
3. Configuração de Rotas
4. Gerenciamento de Estados
5. Uso de APIs
6. Deploy sem custos
---
## **Este curso inclui:**
- Atividades
- Certificado de conclusão
- Acesso por dispositivo móvel
---
## **Conteúdo do curso:**
## Nível 1: Conhecendo o Framework
### Introdução ao Desenvolvimento Front-end e Vue.js
- Introdução ao Vue.js
- Criando o seu projeto Vue.js
- Estrutura de pastas de um projeto Vue
### Fundamentos do Vue.js
- Compreendendo a Sintaxe e a Reatividade
- Diretivas e Renderização
- Componentes e eventos
### Componentes em Vue.js
- Props e eventos entre componentes
- `onMounted` e `watch`
## Nível 2: Estilização
### Estilização com Framework
- Aplicando Estilos no Vue.js
- Scoped CSS e Global CSS
- Frameworks de estilo: Tailwind e NuxtUI
### Trabalhando com CSS Avançado
- Flexbox e Grid
- Responsividade e design mobile-first
- Animações e Transições em Vue
### Vue Transitions
- Animações com Tailwind
## Nível 3: Gerenciamento de Estado e Rotas
### Introdução ao Vue Router
- Configuração de rotas
- Navegação entre páginas
### Gerenciamento de Estado com Pinia
- Criando e usando uma store com Pinia
- Actions e Getters da Store
- Integração entre Vue Router e Pinia
## Nível 4: Consumindo APIs
### Trabalhando com APIs REST
- Fetching de dados via Axios
- Tratamento de erros e loading
### Manipulação de Dados com Formulários
- Envio de dados para APIs
### Implementando Autenticação
- Autenticação via chave de API
## Nível 5: Projeto Prático
### Desafio Front-end
- Musik: Setup do projeto e página inicial
- Musik: Rotas e página de música
- Musik: Deploy com Vercel
---
## **Requisitos**
Para fazer esse curso você precisa saber:
- Operações matemáticas básicas
- Realizar operações básicas no sistema operacional
- Conhecimento básico em inglês
- Ter sido aprovado no curso de Algoritmos
- Ter sido aprovado no curso de Programação I
---
## **Este curso é para:**
Estudantes, iniciantes em computação, qualquer pessoa que deseja se aprofundar na programação.
---
## **Professor do curso**
**Victor Silva**, profissional de Ciência da Computação pela Universidade Federal do Pará (UFPA), desenvolvedor *full stack* na **Jambu Tecnologia**. Trabalha principalmente com Javascript, Vue e Ruby on Rails.
---
## **Créditos**
- Conteúdo: Victor Silva
- Vídeos: Victor Silva