Curso de Nuxt.js
Impartido por:
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:
Contenido del curso:
-
- 4m
-
¿Qué es Nuxt.js?3m
-
Diferencias entre SPA y SSR3m
-
Presentación del proyecto1m
-
-
Preparación del entorno de desarrollo1m
-
Instalación de Nuxt.js5m
-
Creación del repositorio del proyecto en Github4m
-
Estructura de directorios en Nuxt.js6m
-
Contexto de Nuxt.js1m
-
Configuración inicial de Nuxt.js y Bulma CSS4m
-
-
-
Estructura de un componente9m
-
Data Binding2m
-
Directivas10m
- 4m
-
Páginas y rutas estáticas7m
-
Layouts8m
-
-
-
Propiedades computadas y Watchers7m
-
Ciclo de vida de un componente2m
-
Ciclo de vida de Nuxt.js2m
-
Comunicación Padres-Hijos5m
-
Comunicación Hijos-Padres6m
-
Slots4m
-
Reto: Crear componentes2m
-
Solución: Crear componentes14m
-
-
-
Módulos (AXIOS)1m
-
Configuración inicial (Servicios)4m
-
Realizar peticiones GET con AXIOS6m
-
Realizar peticiones POST con AXIOS7m
-
Realizar peticiones PUT con AXIOS7m
-
AsyncData vs. Data3m
-
Reto: Peticiones GET6m
-
Solución: Peticiones GET6m
-
-
-
¿Qué son los test unitarios?6m
-
Creando nuestro primer test5m
-
Testeando slots5m
-
-
-
Plugins: Configurando Firebase en Nuxt.js7m
-
Insertar/Guardar datos en Firebase5m
-
Recuperar datos en Firebase7m
-
Actualizar datos en Firebase6m
-
Borrar datos en Firebase5m
-
Autentificación con Firebase1m
-
Middlewares: Protegiendo rutas con Nuxt.js y Firebase5m
-
Autentificando a un usuario6m
-
Reto: Uso de Firebase2m
-
Solución: Uso de Firebase8m
-
-
-
Comando: npm run generate2m
-
Despliegue en Netlify7m
-
-
-
Configurando GitHub Actions5m
-
Mejorando el SEO de FoodAdvisor9m
-
Crear un blog con Nuxt.js y Markdown10m
-
Recomendaciones finales2m
-
Te dejamos una selección de cursos, carreras y artículos
Vue en la práctica: Desarrollo de una aplicación de lista de compras
Este curso es un estudio práctico de Vue 3 a través del desarrollo de una aplicación de lista de compras. Los participantes trabajarán en cada …
Curso de Django
Esta formación de Django ofrece una formación integral en desarrollo web, abarcando desde la instalación y configuración, hasta la creación de modelos, vistas, formularios y …
Dudas frecuentes
¿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í.
¿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.
¿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.
