Introducción al curso
¿Cómo funcionará el curso?
¿Cómo hacer preguntas?
Instalaciones recomendadas
¡Únete a Nuestra Comunidad de DevTalles en Discord!
Introducción a la sección
Temas puntuales de la sección
Qwik - Introducción al framework
Demostración de la sección
Inicio de proyecto - PokeQwik
Archivos y directorios de qwik
Archivos y directorios dentro del SRC
Añadir Tailwind al proyecto
Ordenar nuestro proyecto
Mantener estado - Signals
Cambiar el valor de una señal
Funciones en el componente
Comunicación entre componentes
Solución de la tarea
Mensaje de carga de imágenes
Tarea - ¿Quien es ese pokémon?
Código fuente de la sección
Introducción a la sección
Temas puntuales de la sección
Demostración del objetivo de la sección
Continuación de la sección
Creación de rutas y navegación
qwik-city - Link
qwik-city - useNavigate
useStylesScoped y useStyles
Client - Obtener el parámetro por URL
qwik-city - routeLoader$
SSR - Petición HTTP
Tipar y mostrar los pokemons
Query Parameters
Mostrar imágenes de los pokémons
useStore - Objetos y arreglos
useVisibleTask$
useTask$
InfiniteScroll
Reducir las peticiones Http
Código fuente de la sección
Introducción a la sección
Temas puntuales de la sección
Demostración de la sección
Continuación de la aplicación
Creación del context
Consumir y cambiar el valor del context
Tarea - Contexto para el listado de pokémons
Pokemon Provider
Guardar en local storage
Leer del local storage
Código fuente de la sección
Introducción a la sección
Temas puntuales de la sección
Continuación de la sección
useCounter - Custom Hook
usePokemonGame - Custom Hook
Consumir el custom hook
Código fuente de la sección
Introducción a la sección
Temas puntuales de la sección
Demostración de la sección
Continuación de la aplicación
Slots - Modals
Named Slots
Funcionalidad del modal y propiedades
Cambiar contenido del Modal
OpenAI - Api Key
Integraciones con OpenAI
Mostrar la respuesta de OpenAI
Código fuente de la sección
Bienvenidos a nuestro curso sobre el framework qwik.
Todo el curso fue construido con la versión 1.0.0 de qwik para producción, y es una muy buena introducción al framework que va desde ¿Qué es qwik?, ¿qué hace de especial?, hasta desplegar aplicaciones en servidores de producción en la web. Pasamos por conceptos que van desde server side rendering, client side rendering y reanudabilidad del lado del cliente, que básicamente es continuar lo que el servidor creó en su momento y el cliente lo reanuda....
Puntualmente, este curso toca los siguientes temas:
• qwik
• qwik-city
• Tailwind para el diseño
• Signals
• Writable
• Readonly
• Store
• Context Api
• TypeScript
• Slots
• Named Slots
• Links
• Routes y Navigation
• Layouts y Nested Layouts
• Formularios
• Zod
• GitHub
• Railway
• Parametros por URLs
• Query parameters
• Taks
• useTask$
• useVisibleTask$
• Custom Hooks
• Proveedores
• LocalStorage
• Cookies
• Integraciones con OpenAI
• Modals
• Protecciones de rutas con cookies seguras
El curso pretende ser la base para empezar con el framework para que lo consideres en un proyecto futuro o experimentar con esta nueva tecnología. Para este curso es recomendable tener alguna base de JavaScript, saber TypeScript y Node es opcional, pero si lo sabes, te ayudará mucho en el camino de aprendizaje.
Ten presente que un nuevo framework como qwik, cuenta con una base pequeña de usuarios y seremos los pioneros del crecimiento y desarrollo de esta tecnología, en lo personal, creo que hay un antes y después de qwik.
Al finalizar el curso sabremos cómo funciona a detalle TypeScript, y habremos hecho más de 50 scripts. Todo lo visto en clase te servirá para mejorar la forma en la que siempre hemos programado en JavaScript, sin contar que es usado por el framework
$50
El objetivo principal del curso es enseñarte JavaScript actual, empezando de cero conocimiento en JavaScript hasta llevarte a un nivel avanzado y competitivo en el mercado laboral actual.
$50
Aprende Node.js desde los fundamentos, usos comunes y no tan comunes, despliegues, construcción de imágenes, testing y muchas más habilidades que son necesarias hoy en día con este runtime-environment de JavaScript.
$50
Acceso ilimitado a toda la plataforma, cursos, clases en vivo, acceso anticipado a cursos durante el mes de vigencia.
Acceso ilimitado a toda la plataforma, cursos, clases en vivo, acceso anticipado a cursos durante 3 meses de vigencia.
Acceso ilimitado a toda la plataforma, cursos, clases en vivo, acceso anticipado a cursos durante los 6 meses de vigencia.
Adquiere 1 año entero de suscripción al precio de 11 meses. Obtienes acceso ilimitado a toda la plataforma, comunidades, cursos, clases en vivo, acceso anticipado a una comunidad exclusiva y cursos en construcción.
