Conocimientos y habilidades que adquieres realizando 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.

Temario

  • 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
  • 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

Relacionado

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

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

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

Frameworks

17 de Enero de 2020

Aprende cómo crear un blog en pocos minutos y de forma sencilla, utilizando para ello Nuxt.js y Markdown, con un resultado que te sorprenderá positivamente.

Frontend Developer Profesional

Frontend Developer Profesional

carrera

Incluye 16 cursos:

  • Curso de Polymer
  • Optimización Web en el Navegador
  • Curso Online de PostCSS para Frontends

y 13 cursos más!

Duración: 58 horas y 42 minutos

Curso Vue.js en Español

Curso Vue.js en Español

curso

Con Vue.js podrás crear aplicaciones con interfaces web interactivas, creando desde componentes dinámicos hasta Single Page Applications.

Duración: 6 horas y 59 minutos

Preguntas Frecuentes

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í.

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.

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.

Descripción

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.

 

* 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.

Estas son algunas de las empresas que ya confían en OpenWebinars

Profesores y profesionales

Nuestros docentes son profesionales que trabajan día a día en la materia que imparten

Conviértete en profesor de OpenWebinars