Vue.js 3 - O Guia Completo - Composição Pinia MEVN 10 Apps

Aprenda Vue.js Criando Projetos Reais - Aprenda MEVN, Pinia, Composição, Vue Router, SFC, Vuetify, Firebase, Composables, APIs

Se você é alguém que aprende melhor criando projetos reais, então este curso é para você. Alguns dos tópicos que você aprenderá neste curso incluem:

• Estado com Ref e Reactive
• Propriedades Computadas
• Watchers no Vue.js
• Ciclo de Vida do Componente
• Componentes de Arquivo Único - Template - Script e Estilo no mesmo arquivo
• Diretivas no Vue.js, incluindo v-for, v-if, v-else
• Eventos e Eventos Personalizados
• Emits e Props
• Pinia para gerenciar estado global
• Vue Router para criar projetos com várias páginas
• Criar e Consumir APIs e REST APIs no Vue.js
• Firebase para armazenar dados, arquivos e autenticação de usuários
• MEVN - MongoDB, Express, Vue.js e Node.js para criar uma aplicação Full Stack com painel de administração, API e muito mais
• Integrar Tailwindcss com Vue.js
• Utilizar Vuetify
• Criar e definir composables para separação e reutilização de código

Os projetos são projetados para ir do simples ao complexo, e você pode usá-los para seu portfólio ou vendê-los para clientes. No entanto, eles não podem fazer parte de outro curso, pois medidas legais serão tomadas.

01. GuitarLA

O primeiro projeto do curso é criar um carrinho de compras para uma loja de guitarras. Os usuários podem adicionar guitarras, alterar quantidades, excluí-las e calcular o total usando uma propriedade computada. Você aprenderá sobre Estado, Componentes de Arquivo Único, Eventos e Emits, Props, Watches e muito mais!

02. Patient Admin

O segundo projeto do curso foca em formulários e gerenciamento de estado no Vue.js. Os usuários poderão atualizar seus registros, adicionando complexidade ao projeto. Este projeto também utiliza o Tailwindcss.

03. Expense Tracker

Neste projeto, você adicionará mais componentes e operações. Você usará as APIs reativas do Vue.js para criar uma aplicação dinâmica e interativa. Você também aprenderá mais sobre os fundamentos do JavaScript.

04. Cryptocurrency Converter

Este é o primeiro projeto que consome uma API externa, o que é uma tarefa comum para os desenvolvedores. Você aprenderá como enviar parâmetros para APIs e consumi-los para apresentar os dados.

05. Weather App

Semelhante ao projeto anterior, você criará um aplicativo de previsão do tempo que se conecta a uma API externa. Esta API requer uma chave e formatação específica dos dados. Você aprenderá como enviar solicitações, recuperar dados e apresentá-los.

06. Customer Registration

Neste projeto, você criará uma REST API. Ao contrário dos projetos anteriores, as REST APIs podem receber solicitações para recuperar, criar, atualizar e excluir dados. Este projeto também introduz o Vue Router.

07. Drink Recipes Search

Este projeto inclui uma pilha de ferramentas como Vue Router, Tailwindcss e Pinia para gerenciar o estado global na aplicação.

08. Real Estate

Este é o primeiro projeto Full Stack usando o Firebase para o backend. Com o Firebase, você pode fazer upload de arquivos, criar dados em um banco de dados real, autenticar usuários sem conhecimento de backend, tornando-o ideal para projetos de clientes, testes técnicos ou aprender mais sobre desenvolvimento de backend.

09. Point of Sale

O projeto Point of Sale é o segundo projeto Full Stack. Ele inclui mais funções, coleções e dependências para aproveitar ao máximo o Firebase. Você adicionará diferentes lojas, mais páginas, áreas diferentes, um painel de administração e muito mais.

10. Salon App

O projeto MEVN inclui um backend feito com Node.js, Express, MongoDB, REST API e Model View Controller. O frontend inclui TailwindCSS, Vue Router e Pinia. Este é, sem dúvida, o projeto mais complexo de todos, um sistema de reserva que desabilita os horários já reservados. Ele também possui autenticação profissional com criação de conta, login, confirmação de conta e recuperação de senha.

O que você aprenderá

• Aprenda Vue 3 e seu ecossistema, incluindo Vue Router, Pinia, Composables, VueFire e muito mais
• Comunique seus projetos Vue com APIs
• Crie REST APIs com o MEVN Stack - MongoDB, Express, Vue.js e Node
• Aprenda através de projetos que você pode usar em seu portfólio
• Aprenda as APIs reativas do Vue, como Ref, Reactive, Watches e Computed
• Métodos do Ciclo de Vida do Vue
• Crie seus próprios Composables
• Gerencie o estado global com Pinia
• Vue Router para projetos com várias páginas
• Desenvolvimento FullStack com Firebase e MEVN
• Autenticação com Firebase e MEVN
• Segurança com Firebase e MEVN
• Crie projetos de alto desempenho com Firebase e MEVN
• Integre Tailwind e Vuetify em seus projetos Vue.js