Contenido del curso

    1. Introducción al curso

    2. ¿Cómo funcionará el curso?

    3. ¿Cómo hacer preguntas?

    4. Instalaciones recomendadas

    5. ¡Únete a Nuestra Comunidad de DevTalles en Discord!

    1. Introducción a la sección

    2. Temas puntuales de la sección

    3. Qwik - Introducción al framework

    4. Demostración de la sección

    5. Inicio de proyecto - PokeQwik

    6. Archivos y directorios de qwik

    7. Archivos y directorios dentro del SRC

    8. Añadir Tailwind al proyecto

    9. Ordenar nuestro proyecto

    10. Mantener estado - Signals

    11. Cambiar el valor de una señal

    12. Funciones en el componente

    13. Comunicación entre componentes

    14. Solución de la tarea

    15. Mensaje de carga de imágenes

    16. Tarea - ¿Quien es ese pokémon?

    17. Código fuente de la sección

    1. Introducción a la sección

    2. Temas puntuales de la sección

    3. Demostración del objetivo de la sección

    4. Continuación de la sección

    5. Creación de rutas y navegación

    6. qwik-city - Link

    7. qwik-city - useNavigate

    8. useStylesScoped y useStyles

    9. Client - Obtener el parámetro por URL

    10. qwik-city - routeLoader$

    11. SSR - Petición HTTP

    12. Tipar y mostrar los pokemons

    13. Query Parameters

    14. Mostrar imágenes de los pokémons

    15. useStore - Objetos y arreglos

    16. useVisibleTask$

    17. useTask$

    18. InfiniteScroll

    19. Reducir las peticiones Http

    20. Código fuente de la sección

    1. Introducción a la sección

    2. Temas puntuales de la sección

    3. Demostración de la sección

    4. Continuación de la aplicación

    5. Creación del context

    6. Consumir y cambiar el valor del context

    7. Tarea - Contexto para el listado de pokémons

    8. Pokemon Provider

    9. Guardar en local storage

    10. Leer del local storage

    11. Código fuente de la sección

    1. Introducción a la sección

    2. Temas puntuales de la sección

    3. Continuación de la sección

    4. useCounter - Custom Hook

    5. usePokemonGame - Custom Hook

    6. Consumir el custom hook

    7. Código fuente de la sección

    1. Introducción a la sección

    2. Temas puntuales de la sección

    3. Demostración de la sección

    4. Continuación de la aplicación

    5. Slots - Modals

    6. Named Slots

    7. Funcionalidad del modal y propiedades

    8. Cambiar contenido del Modal

    9. OpenAI - Api Key

    10. Integraciones con OpenAI

    11. Mostrar la respuesta de OpenAI

    12. Código fuente de la sección

Acerca de este curso

  • Gratis
  • 96 lecciones
  • 8 horas de contenido en video
  • Fernando Herrera

Requisitos previos

• Conocimientos básicos de JavaScript y TypeScript:
Saber trabajar con funciones, objetos, arreglos y tipos básicos. 

• Experiencia previa con React, Vue o algún framework web:
Entender conceptos como componentes, props y manejo de estado. 

• Conocimientos básicos de HTML y CSS:
Saber estructurar páginas y aplicar estilos con Tailwind (opcional). 

• Entorno de desarrollo configurado (Node.js + npm):
Poder instalar dependencias, ejecutar scripts y trabajar en local.

Descripción del curso

Bienvenido al curso donde aprenderás Qwik desde cero, uno de los frameworks más innovadores del ecosistema JavaScript, diseñado para ofrecer aplicaciones con tiempos de carga extremadamente rápidos gracias a su revolucionario modelo de resumabilidad (Resumability).

Durante el curso trabajarás con la versión 1.0 de Qwik para producción, descubriendo cómo desarrollar aplicaciones modernas utilizando TypeScript, Qwik City y Tailwind CSS, mientras comprendes los conceptos que hacen único a este framework frente a otras alternativas del mercado.

¿Qué hace especial a Qwik? A diferencia de otros frameworks, Qwik no hidrata completamente la aplicación en el navegador. En su lugar, utiliza un modelo de resumabilidad, donde el cliente continúa exactamente desde el punto en que el servidor dejó la aplicación, logrando tiempos de carga y ejecución sorprendentes.

¿Cómo está estructurado el curso?

Aprenderás mediante la construcción de aplicaciones reales, comenzando por los fundamentos del framework y avanzando hacia características modernas como renderizado híbrido, manejo de estado, formularios, autenticación e integraciones con servicios externos.

  • Fundamentos de Qwik: Resumabilidad, Server Side Rendering (SSR) y Client Side Rendering (CSR).
  • Desarrollo moderno: Routing, layouts, formularios, manejo de estado y TypeScript.
  • Integraciones: Cookies, LocalStorage, OpenAI y despliegues en producción.
  • Buenas prácticas: Arquitectura, protección de rutas y organización de proyectos.

Temas que desarrollarás durante el curso:

  • Qwik y Qwik City: Fundamentos del framework y sistema de rutas.
  • TypeScript y Tailwind CSS: Desarrollo moderno con tipado y diseño responsivo.
  • Manejo de estado: Signals, Stores, Context API, Writable y Readonly Signals.
  • Componentes: Slots, Named Slots, Layouts y Nested Layouts.
  • Routing: Navegación, parámetros de URL y Query Parameters.
  • Formularios: Validaciones utilizando Zod.
  • Reactividad: useTask$, useVisibleTask$ y Custom Hooks.
  • Persistencia: Cookies, LocalStorage y proveedores.
  • Integraciones: OpenAI, modales y protección de rutas mediante cookies seguras.
  • Despliegue: GitHub y Railway.

Resultados al finalizar el curso:

  • Comprenderás cómo funciona Qwik y qué lo diferencia de otros frameworks modernos.
  • Serás capaz de desarrollar aplicaciones completas utilizando Qwik, Qwik City y TypeScript.
  • Aprenderás a implementar manejo de estado, formularios, autenticación e integraciones modernas.
  • Tendrás una base sólida para comenzar a desarrollar proyectos profesionales utilizando esta nueva tecnología.

Este curso está diseñado como una introducción completa a Qwik, ideal para quienes desean experimentar con uno de los frameworks más prometedores del ecosistema JavaScript. Se recomienda contar con conocimientos básicos de JavaScript; saber TypeScript y Node.js será una ventaja, aunque no es un requisito obligatorio.

🚀 ¡Te espero en el curso y mucho éxito descubriendo el futuro del desarrollo web con Qwik!

Cursos que podrían interesarte

OFERTAS RECURSOS GRATUITOS


Adquiere el curso de forma vitalicia, con acceso a la comunidad y posibles actualizaciones futuras.

¿Listo para explorar sin límites?

✦— Elige tu suscripción DevTalles PRO

Devtalles PRO Mensual

USD18

¡Empieza hoy!

SABER MÁS

DevTalles PRO Trimestral

USD54

3 meses para subir de nivel.

SABER MÁS

DevTalles PRO Semestral

USD108

Especializate en 6 meses.

SABER MÁS

DevTalles PRO Anual

✦ El mejor valor

USD198

12 meses por el precio de 11.

SABER MÁS