Desarrollo Web

Curso de Nuxt.js

Realiza este curso de Nuxt.js y aprende a desarrollar aplicaciones con uno de los frameworks más interesantes y con más demanda laboral en la actualidad.
4.5 (261 valoraciones)
4 horas y 44 minutos · Curso
Curso de Nuxt.js

Lo que aprenderás en este curso:

  • Aprenderás a crear un backoffice usando Nuxtjs y Firebase.
  • Aprenderás a crear una aplicación web SSR.
  • Aprenderás a realizar despliegues de aplicaciones mediante técnicas de despliegue continuo.
  • Aprenderás la arquitectura tipo de una aplicación web y móvil.
  • Serás capaz crear un ecosistema real aplicable a cualquier aplicación actual.

Requisitos del curso

Se requieren conocimientos básicos sobre Javascript, Html y CSS. Durante el curso se repasarán conocimientos de Vuejs aplicados directamente sobre el framework Nuxt.js.

Valoraciones de estudiantes:

  • 5
  • 4
  • 3
  • 2
  • 1
4.5
261 valoraciones

Contenido del curso:

    • 4m
    • ¿Qué es Nuxt.js?
      3m
    • Diferencias entre SPA y SSR
      3m
    • Presentación del proyecto
      1m
    • Preparación del entorno de desarrollo
      1m
    • Instalación de Nuxt.js
      5m
    • Creación del repositorio del proyecto en Github
      4m
    • Estructura de directorios en Nuxt.js
      6m
    • Contexto de Nuxt.js
      1m
    • Configuración inicial de Nuxt.js y Bulma CSS
      4m
    • Estructura de un componente
      9m
    • Data Binding
      2m
    • Directivas
      10m
    • 4m
    • Páginas y rutas estáticas
      7m
    • Layouts
      8m
    • Propiedades computadas y Watchers
      7m
    • Ciclo de vida de un componente
      2m
    • Ciclo de vida de Nuxt.js
      2m
    • Comunicación Padres-Hijos
      5m
    • Comunicación Hijos-Padres
      6m
    • Slots
      4m
    • Reto: Crear componentes
      2m
    • Solución: Crear componentes
      14m
    • Módulos (AXIOS)
      1m
    • Configuración inicial (Servicios)
      4m
    • Realizar peticiones GET con AXIOS
      6m
    • Realizar peticiones POST con AXIOS
      7m
    • Realizar peticiones PUT con AXIOS
      7m
    • AsyncData vs. Data
      3m
    • Reto: Peticiones GET
      6m
    • Solución: Peticiones GET
      6m
    • ¿Qué son los test unitarios?
      6m
    • Creando nuestro primer test
      5m
    • Testeando slots
      5m
    • Plugins: Configurando Firebase en Nuxt.js
      7m
    • Insertar/Guardar datos en Firebase
      5m
    • Recuperar datos en Firebase
      7m
    • Actualizar datos en Firebase
      6m
    • Borrar datos en Firebase
      5m
    • Autentificación con Firebase
      1m
    • Middlewares: Protegiendo rutas con Nuxt.js y Firebase
      5m
    • Autentificando a un usuario
      6m
    • Reto: Uso de Firebase
      2m
    • Solución: Uso de Firebase
      8m
    • Comando: npm run generate
      2m
    • Despliegue en Netlify
      7m
    • Configurando GitHub Actions
      5m
    • Mejorando el SEO de FoodAdvisor
      9m
    • Crear un blog con Nuxt.js y Markdown
      10m
    • Recomendaciones finales
      2m
También te puede interesar

Te dejamos una selección de cursos, carreras y artículos

Desarrollo web Frontend

Desarrollo web Frontend Profesional

17 horas y 51 minutos · Curso

Uno de los perfiles más demandando por las empresas.

  • Lenguajes de programación

Dudas frecuentes

1

¿Cuál es el precio?

En OpenWebinars no vendemos formaciones.

Tenemos diferentes tipos de suscripciones, que te dará acceso completo a todas las formaciones de la plataforma y a las nuevas que vamos lanzando, siempre y cuando tu suscripción esté activa (como Spotify con la música o Netflix con las películas y series).

¿Eres una empresa? Tenemos planes especiales para ti. Consúltanos aquí.

2

¿Obtengo un diploma de certificación?

En todos los cursos existe un examen final para evaluar tus conocimientos adquiridos. Si superas este examen con más de un 80% de preguntas correctas obtendrás el diploma de certificación. Puedes realizar un intento cada 24 horas.

Este diploma es un certificado privado emitido por OpenWebinars, y valorado en el mundo empresarial, ya que tenemos grandes compañías clientes que se forman con nosotros y valoran nuestras certificaciones.

No olvides poner tu certificación en tu perfil Linkedin y en tu currículum.

3

¿Cuándo comienza la formación?

En OpenWebinars las formaciones no tienen fecha de inicio y de final.

Cada curso tiene una fecha de publicación y desde ese día estarán 100% disponible todos los contenidos del curso para los usuarios suscritos a alguno de nuestros planes.

Te presentamos nuestro curso de Nuxt.js y Firebase, una formación online que te permitirá fundamentalmente aprender a desarrollar un proyecto real sobre Nuxt.js y aprender a desplegarlo posteriormente de manera continua, además de adquirir conocimientos sobre Server Side Rendering.

Si estás interesado en realizar el curso Nuxt.js, debes cumplir una serie de requerimientos teóricos para poder seguir las explicaciones de forma correcta, como son tener conocimientos básicos de HTML y JavaScript, además de conocer qué es el control de versiones y el uso de la herramienta Git.

En caso de no cumplir estos requisitos, te recomendamos que previamente te prepares con los cursos que te ofrecemos en nuestra plataforma, como son el curso de HTML5 y CSS, el curso de JavaScript para principiantes y el curso de Git, que te permitirán conseguir esa base necesaria para este curso de Nuxt.

El curso comienza con una primera toma de contacto con el framework ya que en la introducción el profesor explica qué es Nuxt.js y además explica algunos conceptos básicos, cómo qué son y qué diferencias existen entre SPA y SRR.

Tras la introducción encontrarás un bloque dedicado a la preparación del entorno de desarrollo que se utilizará durante la formación, y que consiste en la instalación de Nuxt.js, de un editor de código como Visual Studio Code, la creación del repositorio del proyecto en una herramienta de control de versiones como Git y la instalación del framework Bulma CSS.

Finalmente, en caso de utilizar un sistema Windows, será necesario descargar e instalar PowerShell, para utilizar las funcionalidades extra que añade al terminal. Si no sabes manejar esta herramienta, puedes echar un vistazo a nuestro curso de PowerShell para principiantes, muy recomendable para aprender desde cero.

A partir de aquí comienzan los diferentes bloques en los que el curso se ha segmentado, cada uno de ellos dedicado a un aspecto en concreto del framework, y durante los que se irá desarrollando el proyecto que servirá como desarrollo práctico de toda la teoría que se irá exponiendo a lo largo de las clases.

El siguiente bloque se dedica a los componentes, y en el mismo podrás aprender qué es un componente en Vue.js, qué es el Data Binding y qué son las directivas. Dentro del mismo bloque aprenderás qué son y cómo funcionan las páginas estáticas y páginas dinámicas en Nuxt.js, además de qué son los layouts. A lo largo de ese bloque se realizan ejemplos prácticos para que veas cómo se trabaja con ellos.

Seguidamente podrás continuar con el apartado sobre el uso avanzado de los componentes, dónde aprenderás qué son las propiedades computadas y watchers, cómo es el ciclo de vida de un componente y también de una aplicación en Nuxt.js.

Se completa este apartado explicando cómo se realiza la comunicación de padres a hijos con las variables Props, y de hijos a padres con los Custom Events, además de con la introducción de los Slots, un concepto muy importante y fundamental dentro de Nuxt.

Para que puedas poner a prueba todo lo aprendido previamente, el profesor te propone un reto de gran interés, que te permitirá valorar si has interiorizado de forma correcta la teoría vista hasta este momento.

Después entrarías en el bloque sobre peticiones REST HTTP, que comienza con la instalación del módulo AXIOS, que después se utilizará para realizar peticiones de tipo GET, POST y PUT, de forma práctica para que te resulte más sencillo de comprender y aprender.

También se explicará qué es y cómo se utiliza el método AsyncData, además de sus ventajas e inconvenientes. Y al acabar te encontrarás con otro reto que te propone el tutor, que te permitirá practicar realizando peticiones GET.

Avanzamos al apartado siguiente y entramos en el tema sobre el testing en Nuxt.js. Aquí aprenderás qué son los tests unitarios, cómo crearlos utilizando nuestro framework y a utilizarlos para testear diferentes slots.

En la antepenúltima sección de esta formación encontrarás toda la teoría para aprender a integrar Firebase con Nuxt.js, una de las partes más interesantes el curso, además de su posterior uso de forma práctica.

Aprenderás a realizar todo tipo de acciones como insertar y guardar datos, recuperarlos, actualizarlos y borrarlos, además de utilizar uno de los servicios que proporciona Firebase, como es la autentificación, a través del uso de los Middlewares y creando un sistema para autentificar a los usuarios. Para acabar de nuevo te encontrarás con un reto que pondrá a prueba tus conocimientos adquiridos.

El siguiente paso en todo el proceso que seguimos en el curso, será el de llevar nuestra aplicación a producción, utilizando para ello el comando npm run generate, y adicionalmente desplegarla en Netlify, un servicio para hostear páginas estáticas de forma gratuita.

Para concluir este completo curso, encontrarás un bloque final dedicado a mejorar nuestras aplicaciones desarrolladas con Nuxt.js. El profesor te mostrará herramientas como GitHub Actions y cómo utilizarla, y también cómo crear un blog utilizando Nuxt.js y Markdown.

Además, te ofrecerá algunos consejos para mejorar el SEO y el posicionamiento de tu aplicación desarrollada con Nuxt, y unas recomendaciones finales de interés relacionadas con el desarrollo de software e implementaciones web.

Si te animas a realizar este curso online de Nuxt.js, podrás aprender a utilizar uno de los frameworks más interesantes de la actualidad, gracias a que está basado en JavaScript y la versatilidad que ofrece el mismo, que hace que las empresas lo estén adoptando para todo tipo de proyectos.

La demanda de empleo para desarrolladores que trabajen con Nuxt es cada día mayor, así que no dejes pasar la oportunidad que te ofrecemos de empezar tu formación de la forma más ajustada a tus necesidades.

 

Artículos
Ver todos