Imagem do Curso gratuito Nuxt.js curso completo e gratuito

Curso online gratuitoNuxt.js curso completo e gratuito

Duração do curso online: 5 horas e 34 minutos

Novo

Curso gratuito de Nuxt.js para aprender renderização, rotas, middlewares, TailwindCSS, consumo de API e deploy com prática em projeto real.

Neste curso gratuito, aprenda sobre

  • Fundamentos do Nuxt.js e modos de renderização
  • Estrutura do projeto e gestão de assets
  • Setup do ambiente e configuração inicial
  • Middlewares e controle de navegação
  • Rotas, rotas dinâmicas e parâmetros de URL
  • Projeto prático: listagens com a API Rick and Morty
  • Deploy e manutenção do projeto
  • Projeto prático: SEO, layouts, rotas e componentes de UI

Descrição do curso

Nuxt.js curso completo e gratuito é uma ótima porta de entrada para quem quer criar aplicações modernas com Vue e Nuxt, entendendo como estruturar projetos de forma profissional do início ao fim. Você aprende a tomar decisões importantes de arquitetura, explorando os diferentes modos de renderização e quando usar cada um para equilibrar performance, SEO e experiência do usuário.

Ao longo do curso, você evolui na organização do app com views, páginas, layouts e componentes, além de dominar a gestão de assets como imagens, fontes e estilos. Também coloca em prática a configuração do projeto com TailwindCSS, construindo uma base visual consistente e pronta para escalar em aplicações reais.

Na parte de navegação, o curso aprofunda rotas, páginas dinâmicas, middlewares e o uso de parâmetros de consulta, deixando claro como criar fluxos de acesso, filtros e estados na URL de maneira limpa. Em seguida, o aprendizado ganha ritmo com um projeto prático consumindo uma API pública, desenvolvendo listagens e telas que simulam necessidades comuns do mercado.

Para fechar, você aprende a ajustar detalhes essenciais como meta tags e estrutura de layout, além de realizar deploy em plataformas populares a partir do GitHub. O resultado é um percurso completo para consolidar fundamentos e prática em Nuxt.js, com foco em construção de produto, organização de código e publicação do projeto.

Conteúdo do curso

  • Aula em vídeo: ???? Curso COMPLETO e GRATUITO de Nuxt.js – Aula #1 09m
  • Exercício: Qual é um dos principais diferenciais do Nuxt.js em relação a uma aplicação Vue no modelo SPA?
  • Aula em vídeo: ? Renderização universal, Híbrida ou CSR? Entenda os Modos de Renderização no Nuxt.js - Aula #2 03m
  • Exercício: Quais são os três modos de renderização disponíveis no Nuxt.js?
  • Aula em vídeo: ????? Estrutura das Views no Nuxt.js: Components, Layouts, Pages e Mais! (Curso Grátis - Aula #3 04m
  • Exercício: No Nuxt.js, qual é o papel do arquivo app.vue na estrutura de uma aplicação?
  • Aula em vídeo: ?? Assets no Nuxt.js: Como adicionar Imagens, Fontes e CSS no seu Projeto com Nuxt.JS - Aula #4 03m
  • Exercício: No Nuxt.js, qual é a principal diferença entre colocar um arquivo na pasta public e na pasta assets?
  • Aula em vídeo: ???? Instalação e Configuração do Projeto Nuxt.JS com TailwindCSS do Curso Gratuito de NUXT - Aula #5 07m
  • Exercício: Qual comando é usado para iniciar um novo projeto Nuxt (via CLI) no setup inicial?
  • Aula em vídeo: ?? Middlewares no Nuxt.js: Global, Nomeado e Anônimo | O Que São e Como Usar | Aula #6 14m
  • Exercício: No Nuxt, qual é a principal diferença de um middleware global para um middleware nomeado?
  • Aula em vídeo: ???? Como criar páginas e Rotas Dinâmicas no Nuxt | Aula #7 12m
  • Exercício: No Nuxt.js, como uma rota dinâmica é definida no sistema de roteamento por arquivos?
  • Aula em vídeo: ????O que são Parâmetros de Consulta (Query Params) e Para Que Servem? | Aula #8 08m
  • Exercício: Em uma URL, qual elemento marca o início dos parâmetros de consulta (query params)?
  • Aula em vídeo: ????????????? Aprenda a Usar Query Params no Nuxt na Prática | Aula #9 07m
  • Exercício: Em Nuxt.js, como acessar e renomear um parâmetro de consulta como error vindo da URL?
  • Aula em vídeo: ????? Aula prática Nuxt: Criando a listagem de personagens no Nuxt com a API do Rick and Morty #10 1h18m
  • Exercício: Ao consumir a API do Rick and Morty para listar personagens, quantos resultados a API retorna por página automaticamente?
  • Aula em vídeo: ????? Aula Prática Nuxt: Listagem de Episódios com a API Rick and Morty #11 27m
  • Exercício: Ao refatorar a listagem para reaproveitar layout entre personagens e episódios em Nuxt/Vue, qual abordagem foi usada para permitir inserir conteúdo dentro de um componente de Card?
  • Aula em vídeo: ????? Aula Prática Nuxt: Finalizando a listagem de Episódios com a API Rick and Morty #12 41m
  • Exercício: Ao ajustar o tamanho de um ícone SVG em um componente no Nuxt (Vue 3), qual abordagem permite definir valores padrão e ainda aceitar sobrescrita via props?
  • Aula em vídeo: ????? Deploy na Vercel e Netlify via GitHub do projeto do curso gratuito de NuxtJS #13 07m
  • Exercício: Ao fazer o deploy de uma aplicação Nuxt.js em plataformas como Vercel e Netlify, qual é um passo essencial para que elas consigam importar o projeto corretamente?
  • Aula em vídeo: ???? Atualizando as bibliotecas Tailwind CSS e Nuxt no projeto do curso Gratuito de NuxtJS #14 10m
  • Exercício: Ao atualizar dependências em um projeto Nuxt 3, qual foi a ação que resolveu os warnings no console relacionados ao Twind?
  • Aula em vídeo: ????? Aula Prática Nuxt: Meta Tags, Layouts e Rotas no Projeto com Rick and Morty #15 48m
  • Exercício: No Nuxt 3, como criar uma rota dinâmica para exibir detalhes de um personagem pelo ID na URL?
  • Aula em vídeo: ????? Aula Prática Nuxt: Criando Footer, Container e Hero do Projeto #16 47m
  • Exercício: Em Nuxt 3, qual é a finalidade do componente PageContainer criado na aula?

Este curso gratuito inclui:

5 horas e 34 minutos de curso online em vídeo

Certificado digital de conclusão de curso ( Gratuito )

Exercícios para treinar seus conhecimentos

100% gratuito, do conteúdo ao certificado

Pronto para começar?Baixe o app e comece hoje mesmo.

Instale o app agora

para ter acesso ao curso
Ícone representando cursos de tecnologia e negócios

+ de 5.000 cursos gratuitos

Programação, Inglês, Marketing Digital e muito mais! Aprenda o que quiser, gratuitamente.

Ícone de calendário com alvo representando planejamento de estudos

Plano de estudos com IA

A Inteligência Artificial do nosso aplicativo pode criar um cronograma de estudos para o curso que você escolher.

Ícone de profissional representando carreira e negócios

Do zero ao Sucesso profissional

Melhore seu currículo com nosso Certificado gratuito e depois utilize nossa Inteligência Artificial para buscar seu emprego dos sonhos.

Você também pode utilizar o QR Code ou os Links abaixo

QR Code - Baixar Cursa - Cursos Online

Mais cursos gratuitos em Programação Front-End

Ebook + Áudiobooks gratuitos! Aprenda ouvindo ou lendo!

Baixe o Aplicativo agora para ter acesso a + de 5000 cursos gratuitos, exercícios, certificado e muito conteúdo sem pagar nada!

  • Cursos online 100% gratuitos do início ao fim

    Milhares de cursos online em vídeo, ebooks e áudiobooks.

  • Mais de 60 mil exercícios gratuitos

    Para testar seus conhecimentos no decorrer dos cursos online

  • Certificado Digital gratuito válido em todo o Brasil

    Gerado diretamente na galeria de fotos do seu celular e enviado ao seu e-mail

Aplicativo Cursa na tela de ebook, na tela de curso em vídeo e na tela de exercícios do curso, mais o certificado de conclusão de curso