Curso de Nuxt.js

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.