Frontend

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 (257 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
257 valoraciones

Contenido del curso:

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

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.

  • Frontend
Frameworks

Cómo crear un blog con Nuxt.js y Markdown

17 Enero 2020 Pedro Jiménez Hontanilla

Dudas frecuentes

1

¿Cuál es el precio?

En OpenWebinars no vendemos cursos, talleres o laboratorios unitarios.

Tenemos diferentes tipos de suscripciones, que te dará acceso completo a todos los cursos de la plataforma y a los nuevos 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 el curso?

En OpenWebinars los cursos 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.

 

Las cookies nos permiten ofrecer nuestros servicios. Al utilizar nuestros servicios, aceptas el uso que hacemos de las cookies. Más Información.