play_circle_outline
vista previa
7 minutos
file_download
Proyecto final y ayudas
N/A
play_circle_outline
vista previa
6 minutos
play_circle_outline
vista previa
5 minutos
play_circle_outline
vista previa
4 minutos
play_circle_outline
vista previa
5 minutos
play_circle_outline
vista previa
8 minutos
play_circle_outline
vista previa
6 minutos
play_circle_outline
vista previa
6 minutos
play_circle_outline
vista previa
2 minutos
play_circle_outline
Insertar datos con Seeds utilizando Knex
8 minutos
play_circle_outline
Configurar el ORM Bookshelf
3 minutos
play_circle_outline
Definir los modelos de nuestro Blog con Bookshelf
5 minutos
play_circle_outline
Extender el servidor de Quasar SSR para establecer nuestras configuraciones
3 minutos
play_circle_outline
Rutas de autenticación con Express, LOGIN
8 minutos
play_circle_outline
Rutas de autenticación con Express, REGISTRO
4 minutos
play_circle_outline
Rutas de autenticación con Express, LOGOUT
2 minutos
play_circle_outline
Rutas para obtener todos los posts y el detalle de un post con Bookshelf
3 minutos
play_circle_outline
Introducción a AWS y generar claves para conectar con S3
7 minutos
play_circle_outline
Configurar Multer y Multer S3 para subida de archivos al sistema de Storage de Amazon
6 minutos
play_circle_outline
Ruta para actualizar el avatar del usuario con Express y S3
9 minutos
play_circle_outline
Ruta para actualizar el nombre y el password del usuario identificado
3 minutos
play_circle_outline
Introducción a la aplicación del lado del cliente
5 minutos
play_circle_outline
Crear módulo de autenticación con Vuex y aprender a definir el state en aplicaciones SSR
6 minutos
play_circle_outline
Acciones Vuex del módulo Auth
3 minutos
play_circle_outline
Mutaciones Vuex del módulo Auth
2 minutos
play_circle_outline
Persistir el estado del usuario identificado con sesiones del servidor utilizando ssrContext
3 minutos
play_circle_outline
Desarrollar el módulo Blog para manejar los posts
4 minutos
play_circle_outline
Layout para usuarios no identificados
7 minutos
play_circle_outline
Layout para usuarios identificados
7 minutos
play_circle_outline
Desarrollar el sistema de login completo, rutas, página, validaciones y procesar contra servidor
17 minutos
play_circle_outline
Desarrollar el sistema de registro completo, rutas, página, validaciones y procesar contra servidor
6 minutos
play_circle_outline
Manejando el SEO en aplicaciones SSR con Quasar Framework
6 minutos
play_circle_outline
Prefetch, controlando el acceso a páginas desde el cliente y el servidor, login y registro
10 minutos
play_circle_outline
Crear página Profile y aplicar Prefetch
6 minutos
play_circle_outline
Subida de archivos desde perfil de usuario para actualizar el avatar
15 minutos
play_circle_outline
Refrescar el avatar del usuario en el cliente al finalizar la subida
4 minutos
play_circle_outline
Actualizar el nombre y la contraseña del usuario identificado
5 minutos
play_circle_outline
Crear componentes Post, Tags y Category para reutilizar en listado de Posts
6 minutos
play_circle_outline
Página para listar Posts, Prefetch con Vuex para renderizar el HTML correctamente
12 minutos
play_circle_outline
Página detalle Post, Prefetch con Vuex para renderizar el HTML correctamente
6 minutos
play_circle_outline
Compilar proyecto para puesta en PRODUCCIÓN
5 minutos
school
¿Qué aprenderás?
Ya está disponible la nueva versión de este curso utilizando Quasar Framework V1, !no te lo pierdas!
Quasar Framework es una gran herramienta que ningún desarrollador que utilice Vuejs debe pasar por alto. Nos permite desarrollar aplicaciones SPA, PWA, SSR, de escritorio y móvil con el mismo código base utilizando Vuejs.
En este curso aprenderás a desarrollar Aplicaciones SSR con Vuejs y Quasar Framework, pero no sólo eso, también veremos cómo integrar recursos muy interesantes a nuestro proyecto, ORM Bookshelf, Knex para mantener un control de bases de datos MySQL, archivos de entorno con Dotenv y muchas más cosas.
Si no sabes qué es una aplicación SSR, no te preocupes, te lo explico.
Una aplicación SSR (Server Side Rendering) se basa principalmente en que el HTML que se muestra al ver el código fuente es HTML que los robots que visitan nuestro sitio pueden leer, y por ende, nuestro sitio se puede posicionar en la web al igual que cualquier otro sitio, por lo tanto, soluciona de un plumazo el típico problema de SEO de las aplicaciones SPA.
Además, el HTML lo retorna un servidor, no el cliente, en el caso de Quasar lo hace Express, un Framework para Nodejs, lo que resulta en aplicaciones que se ejecutan más rápidamente, con lo cual nuestro posicionamiento en Google se puede ver mejorado debido a este factor, ya sabemos que a Google le encantan los sitios rápidos.
También debe quedar claro que las aplicaciones SSR no son la solución para todos los problemas del mundo. No tiene sentido desarrollar una aplicación SSR para una administración, por ejemplo, pero tiene todo el sentido del mundo cuando lo que necesitas hacer es un Blog que deseas posicionar o un sitio de comercio electrónico que deseas posicionar y que sea extremadamente rápido.
El principal impedimento o desventaja de una aplicación SSR, es que a diferencia de la SPA, éstas deben ejecutarse en un servidor que tenga instalado Nodejs, por lo tanto deberemos cumplir esto si queremos desarrollar este tipo de aplicaciones.
Quasar Framework es una gran herramienta que ningún desarrollador que utilice Vuejs debe pasar por alto. Nos permite desarrollar aplicaciones SPA, PWA, SSR, de escritorio y móvil con el mismo código base utilizando Vuejs.
En este curso aprenderás a desarrollar Aplicaciones SSR con Vuejs y Quasar Framework, pero no sólo eso, también veremos cómo integrar recursos muy interesantes a nuestro proyecto, ORM Bookshelf, Knex para mantener un control de bases de datos MySQL, archivos de entorno con Dotenv y muchas más cosas.
Si no sabes qué es una aplicación SSR, no te preocupes, te lo explico.
Una aplicación SSR (Server Side Rendering) se basa principalmente en que el HTML que se muestra al ver el código fuente es HTML que los robots que visitan nuestro sitio pueden leer, y por ende, nuestro sitio se puede posicionar en la web al igual que cualquier otro sitio, por lo tanto, soluciona de un plumazo el típico problema de SEO de las aplicaciones SPA.
Además, el HTML lo retorna un servidor, no el cliente, en el caso de Quasar lo hace Express, un Framework para Nodejs, lo que resulta en aplicaciones que se ejecutan más rápidamente, con lo cual nuestro posicionamiento en Google se puede ver mejorado debido a este factor, ya sabemos que a Google le encantan los sitios rápidos.
También debe quedar claro que las aplicaciones SSR no son la solución para todos los problemas del mundo. No tiene sentido desarrollar una aplicación SSR para una administración, por ejemplo, pero tiene todo el sentido del mundo cuando lo que necesitas hacer es un Blog que deseas posicionar o un sitio de comercio electrónico que deseas posicionar y que sea extremadamente rápido.
El principal impedimento o desventaja de una aplicación SSR, es que a diferencia de la SPA, éstas deben ejecutarse en un servidor que tenga instalado Nodejs, por lo tanto deberemos cumplir esto si queremos desarrollar este tipo de aplicaciones.
assignment
Requisitos
- Sólidos conocimientos de Vuejs y Vuex, aquí tienes un curso si te interesa.
- Conocimientos de Nodejs y Express, aquí tienes un curso si te interesa.
- Muy recomendado haber tenido contacto previo con Quasar Framework, en este curso explicamos todas las bases.
- Recomendado pero no imprescindible haber tenido contacto previo con AWS, aquí tienes un curso si te interesa.
group
¿A quién va dirigido el 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.
help_outline
¿Qué hacer en caso de dudas durante el curso?
Los planes de suscripción trimestral y anual incluyen soporte a través del foro del curso.
Las dudas que se planteen en el foro del curso serán respondidas en un plazo máximo de 24 horas laborables.
Las dudas planteadas deben estar relacionadas con el contenido del curso y no con desarrollos personalizados que no estén relacionados con el curso.
card_membership
Certificado de finalización
emoji_events
Al completar todas las lecciones del curso, obtendrás un certificado de finalización en formato PDF personalizado con tu nombre y un código QR de verificación.
- center_focus_weak Código QR con enlace al curso
- picture_as_pdf Descargable en formato PDF
- person Personalizado con tu nombre
star Disponible exclusivamente para suscriptores.
