¿Qué voy a aprender?
Las aplicaciones Server Side Rendering (SSR) son probablemente unas de las más complejas de desarrollar. Su característica principal es que se ejecutan con un servidor, normalmente utilizando NodeJS. Sus principales ventajas son que están preparadas para generar todo el código HTML, cosa que no hacen el resto de tipos de aplicación, por ejemplo la aplicaciones SPA. Esto supone un beneficio importante, están optimizadas para SEO ya que pueden ser leídas por los buscadores.Este curso de Vuejs SSR es sin duda el más completo y complejo de toda la web en español, probablemente también en inglés. En la actualidad ninguna plataforma explica cómo desarrollar aplicaciones SSR con Vuejs 2 de forma completa a través de un completo ejemplo y con la puesta en producción del proyecto utilizando MySQL en Amazon Web Services.
En este caso vamos a utilizar la última versión de Quasar Framework, la 1.x, haciendo uso de todas las novedades de Quasar y sin pasar nada por alto.
El curso de Quasar Framework SSR estará segmentado en 3 partes bien diferenciadas, API, Cliente y puesta a punto en un servidor de producción. Un tema súper interesante es que aprenderás a poner aplicaciones NodeJS en una instancia de AWS paso a paso haciendo uso de Ubuntu y Apache2, pero no sólo eso, además de dejar la aplicación 100% configurada y funcional, también aprenderás a crear un reverse proxy con Apache2 para que NodeJS se esté ejecutando con el puerto 80 en lugar del 3000, así podremos eliminar el puerto del navegador y no expondremos al público el puerto 3000.
A continuación te expongo algunos de los temas que estaremos tratando a lo largo del curso, para más información no dudes en revisar el vídeo introductorio.
- Crear una instalación completa para preparar nuestro entorno.
- Escribir una API completa en el servidor de NodeJS de Quasar SSR, aprovechando esta característica.
- Trabajar con el potente ORM Bookshelf.
- Generar migraciones y seeds con Knex, un QueryBuilder para NodeJS que nos permitirá llevar un control de nuestra base de datos MySQL.
- Configurar Axios para consumir nuestra API.
- Generar un sistema de autenticación completo con rutas protegidas.
- Entender a fondo qué es el PreFetch de Quasar Framework y cómo utilizado.
- Mantener la sesión del usuario con sesiones del servidor con ExpressJS.
¿Para quién es este curso?
Desarrolladores que utilicen Vuejs y quieran aprender a desarrollar aplicaciones SSR con Quasar Framework añadiendo potentes tecnologías, ORM Bookshelf, Knex y muchos temas más.¿Qué hago si tengo dudas a lo largo del curso?
Este curso cuenta con su propio foro para recibir ayuda en caso de que la necesites, una vez te hayas inscrito podrás acceder siempre que quieras. Las dudas planteadas en el foro normalmente son respondidas el mismo día para acelerar la fase de aprendizaje.Contenido del Curso
Introducción | |||
Quasar V1 SSR: Archivos del curso, proyecto final y comando puesta en producción EC2 | 00:00:00 | ||
Quasar V1 SSR: ¿Qué vamos a hacer? | GRATIS | 00:06:00 | |
Quasar V1 SSR: Introducción a Quasar y crear nuestro proyecto | GRATIS | 00:13:00 | |
Quasar V1 SSR: Conociendo el ecosistema de un proyecto Quasar | GRATIS | 00:13:00 | |
Quasar V1 SSR: Instalar las dependencias de nuestro proyecto | GRATIS | 00:07:00 | |
Quasar V1 SSR: Añadir el modo SSR a un proyecto Quasar Framework | 00:08:00 | ||
Desarrollando la API con NodeJS y Express | |||
Quasar V1 SSR: Crear el archivo de configuración de Knex | GRATIS | 00:05:00 | |
Quasar V1 SSR: Generar el sistema de migraciones para nuestra base de datos con Knex | 00:14:00 | ||
Quasar V1 SSR: Generar SEEDS con Knex para introducir datos en base de datos al inicio de un proyecto | 00:07:00 | ||
Quasar V1 SSR: Configurar Bookshelf, el ORM para NodeJS | 00:04:00 | ||
Quasar V1 SSR: Escribir los modelos de Bookshelf para representar a cada tabla de nuestra base de datos | 00:05:00 | ||
Quasar V1 SSR: Configurar el punto de entrada del servidor que nos ofrece Quasar para utilizar sesiones y body parser con NodeJS | 00:05:00 | ||
Quasar V1 SSR: Rutas de autenticación con NodeJS para procesar el login y el registro del cliente | 00:10:00 | ||
Quasar V1 SSR: Rutas de Blog con NodeJS para trabajar la lógica de los posts, alta, listado y borrado | 00:07:00 | ||
Quasar V1 SSR: Rutas del perfil de usuario con NodeJS | 00:03:00 | ||
Desarrollando el cliente con Vuejs | |||
Quasar V1 SSR: Introducción al cliente, ssrContext con Vuejs + instalación de plugins axios y vuelidate | 00:09:00 | ||
Quasar V1 SSR: Desarrollar el módulo de autenticación con Vuex | 00:10:00 | ||
Quasar V1 SSR: Desarrollar el módulo de blog con Vuex sin las acciones (se desarrolla más adelante) | GRATIS | 00:04:00 | |
Quasar V1 SSR: Layouts en Quasar Framework, invitados + identificados | 00:07:00 | ||
Quasar V1 SSR: Lógica para cerrar sesión del usuario con Vuex en el cliente y el servidor | 00:06:00 | ||
Quasar V1 SSR: Página de inicio de sesión completa | 00:20:00 | ||
Quasar V1 SSR: Página de registro de usuarios completa | 00:06:00 | ||
Quasar V1 SSR: Instalar extensiones en Quasar Framework, ejemplo con IDE Helper | 00:04:00 | ||
Quasar V1 SSR: El plugin Meta de Quasar Framework, ¡SEO al poder! | 00:06:00 | ||
Quasar V1 SSR: Desarrollar una función helper para proteger las rutas | 00:02:00 | ||
Quasar V1 SSR: Configurar PreFetch y proteger las rutas de login y registro de forma correcta | 00:06:00 | ||
Quasar V1 SSR: Desarrollar el formulario del perfil del usuario para editar sus datos | 00:12:00 | ||
Quasar V1 SSR: Escribir los componentes Category, Tags y Post para utilizar en el listado de Posts | 00:09:00 | ||
Quasar V1 SSR: Desarrollar el listado de Posts completo | 00:16:00 | ||
Quasar V1 SSR: Desarrollar el detalle de un Post completo | 00:06:00 | ||
Quasar V1 SSR: Formulario para dar de alta nuevos Posts | 00:13:00 | ||
Aplicaciones SSR para producción | |||
Quasar V1 SSR: Compilar proyecto para un entorno de producción | 00:06:00 | ||
Quasar V1 SSR: Construir un servidor completo en Amazon Web Services con EC2 para publicar nuestro proyecto | 00:40:00 |
139 ALUMNOS MATRICULADOS
Excelente curso
Todo muy bien explicado, la calidad de los videos es excelente y mejor aún la manera de explicar, muchas gracias por compartir tus conocimientos.
Muchísimas gracias Marcelo, me alegra mucho que hayas quedado contento con el contenido, de eso se trata.
Un saludo.
Lo que necesitaba
Muchas felicidades por este curso.
Me ha servido para realizar mi proyecto personal. Lo que necesita.
Gracias
Muchas gracias por haber llevado a cabo el curso, quedo muy agradecido por saber que el curso realmente te ha sido útil.