Curso Nuxt.js: Do básico ao avançado! Construa aplicativos da web com integração Firebase

Visão geral do curso

Neste abrangente curso de Nuxt.js, você aprenderá os recursos fundamentais do Nuxt.js e adquirirá conhecimento prático ao construir aplicativos da web. O curso abrange diversos tópicos, como VueRouter, Vuex, middleware, plugins, ciclo de vida e integração com o Firebase.

Sobre o Nuxt.js

Nuxt.js é um framework JavaScript popular que estende a funcionalidade do Vue.js, tornando-o ainda mais conveniente para o desenvolvimento web. Ele oferece recursos que podem atender a diversos requisitos, incluindo troca de modos múltiplos e modos baseados em bibliotecas. Alguns dos modos suportados pelo Nuxt.js incluem Single Page Application (SPA), Server-Side Rendering (SSR), Static Site Generation (SSG) e Progressive Web Application (PWA). Com uma ampla gama de recursos disponíveis no Vue.js e funcionalidades adicionais exclusivas do Nuxt.js, pode ser um pouco avassalador para iniciantes. No entanto, este curso foi projetado para guiá-lo gradualmente pelos recursos adicionados do Nuxt.js, permitindo que você ganhe confiança e compreensão. As explicações são apresentadas do ponto de vista de um iniciante, com foco em abordar qualquer confusão ou dúvida que possam surgir. O objetivo é garantir que você possa progredir de forma tranquila e confiante. O curso enfatiza a prática prática, permitindo que você adquira conhecimento e desenvolva habilidades práticas. Observe que, a partir de janeiro de 2022, o Nuxt.js 3 ainda está na versão beta pública, e o curso se concentra principalmente no Nuxt.js 2. O plano é incorporar o Nuxt.js 3 após seu lançamento oficial. Além disso, o curso atualmente abrange a implantação de aplicativos SPA no Firebase, e futuras atualizações considerarão a expansão do conteúdo com base no feedback e solicitações dos participantes, incluindo outros modos como SSG, SSR e PWA.

Conteúdo do curso

O curso inclui um projeto de exemplo de um aplicativo simples de gerenciamento de livros usando a API do Google Books, Vuetify e Firebase. Os tópicos abordados no curso são os seguintes:

Nuxt.js

- create-nuxt-app - Ciclo de vida (asyncData, fetch) - Contexto - Roteamento automático - Importação automática - Layouts/Middleware/Plugins/Modules/Assets - Extensões do Visual Studio Code - Extensões do Google Chrome - SPA (Single Page Application)

Firebase

- Cloud Firestore - Autenticação - Hospedagem

Adições futuras

O curso tem planos de incluir os seguintes tópicos em futuras atualizações: - SSR (Server-Side Rendering) - SSG (Static Site Generation) - PWA (Progressive Web Application) - Compatibilidade com o Nuxt.js 3 - Compatibilidade com a API de Composição

Informações de versão

O curso foi gravado usando as seguintes versões: - Seções 2-4: Nuxt.js 2.15.7, Vuetify 2.3.10, Node.js 12.16.2 - Seção 4: Firebase (JS SDK) 9.6.2

O que você aprenderá

Ao fazer este curso, você adquirirá os seguintes conhecimentos e habilidades: - Uma compreensão clara do Nuxt.js a partir do básico - Sintaxe ES6 como foco principal - Como usar roteamento automático e importação automática - Integração de plugins, middleware e módulos - Familiaridade com recursos do Nuxt.js, como asyncData, fetch e contexto - Práticas modernas de desenvolvimento - Construção de design de material usando Vuetify