Astro: El framework para sitios web orientados al contenido

Framework de desarrollo web diseñado para construir sitios web rápidos y eficientes con las tecnologías que ya conoces.

Adquirir Ahora Vista previa gratis

Contenido del curso

1. Introducción a la sección
2. Temas puntuales de la sección
3. Demostración de la sección
4. Inicio de proyecto - Blog
5. Markdown y MDX
6. Layouts para los markdown
7. Estructura de nuestro blog
8. Astro Glob y Props
9. Colecciones de Astro - Astro Collections
10. Mostrar entradas de blog - Colecciones
11. Mostrar contenido del post
12. Componente Image
13. Formatos y resoluciones de imágenes
14. Imágenes en colecciones
15. 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 proyecto
5. Relaciones en colecciones
6. Mostrar información del autor
7. Todas las entradas del autor
8. Aplicar filtro en las colecciones
9. Tarea - Listado de autores
10. Resolución de la tarea
11. Código fuente de la sección
1. Introducción
2. Temas puntuales
3. Inicio de proyecto
4. Usando temas de terceros
5. Documentación con Starlight
6. Agregar contenido a los Docs
1. Introducción
2. Temas puntuales
3. Demostración de la sección
4. Continuación de proyecto
5. HTTP Get - Endpoint
6. RSS Feed - Astro
7. Desplegar sitio web
8. Descubrimiento automático y pruebas
9. Imagen y contenido en el News Feed
10. Código fuente de la sección
1. Introducción
2. Temas puntuales
3. Demostración de la sección
4. Inicio de proyecto - Astro Http
5. Restful API estáticos
6. GET - Obtener todos los Posts
7. SSR Adapters
8. Hybrid vs Server vs Static
9. Query Parameters - Opcionales
10. Segmentos de Ruta - Params
11. Post, Put, Delete Endpoints
12. Despliegue a Cloudflare
13. Código fuente de la sección
1. Introducción - Turso
2. Temas puntuales
3. Demostración - Turso
4. Astro DB
5. Crear tabla de clientes
6. Tarea - Clients CRUD
7. CRUD con Astro DB - Post y Get
8. CRUD con Astro DB - Patch y Delete
9. Turso - Una base de datos para desarrolladores
10. Get de clientes individuales - Turso
11. Desplegar a Cloudflare
12. Código fuente de la sección
1. Introducción
2. Temas puntuales
3. Demostración
4. Estructura y Seed
5. Get - Obtener los likes actuales
6. Put - Incrementar la cantidad de likes
7. Like Counter - Componente con Vue.js
8. Vue - Props y cantidad de likes
9. Vue - Incrementar localmente
10. Vue - Actualizar la cantidad en base de datos
11. Lodash Debounce
12. Ver cambios en producción - Turso
13. Introducción - Server Actions
14. Server Actions - Obtener Likes
15. Actualizar likes - Action
16. Código fuente de la sección
1. Introducción
2. Temas puntuales
3. Demostración
4. Inicio de proyecto
5. Navegación y estructura
6. Astro Middleware
7. Autenticación propia
8. Acción: Registro de usuario
9. Cookies: Recordar usuario
10. Firebase Auth - Configuración de proyecto
11. Autenticación por Correo y Contraseña
12. Mostrar información del usuario autenticado
13. Logout - Cerrar sesión
14. Login - Inicio de sesión
15. Solución de Tarea - Implementación del login
16. DisplayName y Verificación de correo
17. Google SignIn
18. Astro Locals - env.d.ts
19. Proteger rutas desde Middleware
20. Desplegar a producción
21. Código fuente de la sección
1. Introducción
2. Temas puntuales
3. Demostración
4. Inicio del proyecto
5. Astro DB - Tabla de usuarios y seed
6. AuthJs - Configuraciones de Login
7. AuthJS - Credentials Provider
8. AuthJS - Iniciar sesión
9. Middleware y cerrar sesión
10. AuthJS - Expandir objeto de sesión
11. Código fuente de la sección
1. Introducción
2. Temas puntuales
3. Demostración
4. Continuación y preparación
5. Batch Transactions
6. Action: Obtener productos por página
7. AstroDB - Raw Queries
8. Mostrar productos - Integración con React
9. Product Card - Componente de React
10. Paginación - Componente de Astro
11. Paginar basado en server actions
12. Página de producto
13. Swiper - Carrusel de imágenes
14. Funcionalidad - Agregar al carrito
15. Mostrar ícono de carrito
16. Código fuente de la sección
1. Introducción
2. Temas puntuales
3. Demostración
4. Continuación
5. Client Cookies
6. Grabar y leer cookies
7. Action: Cargar productos del carrito
8. Action: Cargar productos del carrito - Parte 2
9. Pantalla del carrito de compras
10. Eliminar del carrito de compras
11. Compartir información entre islas - NanoStores
12. View Transitions - Persistencia y eventos
13. Código fuente de la sección
1. Introducción
2. Temas puntuales
3. Demostración
4. Continuación
5. Listado de productos
6. Pantalla para editar producto
7. Action: Actualizar Producto
8. Crear producto
9. Action: Recibir archivos a cargar
10. Cloudinary - Preparación de servicio
11. Cargar imágenes a Cloudinary
12. Actualización y grabación por lote
13. Eliminar imágenes
14. Eliminar y actualizar DOM
15. Drag & Drop - Estilos y comportamiento
16. Drag & Drop - Manejar el evento DROP
17. Aprovisionar base de datos - Turso
18. Turso - Llenar base de datos
19. Desplegar a Netlify
20. Meta tags - SEO
21. Código fuente de la sección
1. Introducción
2. Temas puntuales
3. Demostración
4. Inicio de proyecto
5. NeonTech - PostgreSQL en Serverless
6. Prisma con NeonTech y Astro
7. Server Actions con Prisma
8. Mostrar lugar en la tarjeta
9. Páginas estáticas de lugares
10. Astro Server Islands - Demostración
11. Creando un Server Island
12. Código fuente
1. Introducción
2. Temas puntuales
3. Demostración
4. Continuación de la aplicación
5. Tarea - Client Endpoints
6. Neon.tech - PostgreSQL en la nube
7. Prisma y PostgreSQL con Astro
8. Insertar y obtener registros
9. Path Alias - TypeScript
10. Obtener cliente por ID
11. Actualizar y eliminar clientes
12. Código fuente
1. Introducción
2. Temas puntuales
3. Demostración
  PRUEBA GRATIS
4. Continuación de la aplicación
5. Componente - LikeCounter - VueJS
6. Preparar tabla y esquema
7. Seed de base de datos
8. Lógica del componente - LikeCounter
9. Server Actions
10. Server Action - getLikes
11. Server Action - updateLikeCount
12. Debounce - Esperar un momento antes de enviar
13. Preparar para despliegue en Render
14. Desplegar en Render
15. Código fuente
1. Más información sobre nuestros otros cursos
2. Fin del curso

Acerca de este curso

263 lecciones
25.5 horas de contenido en video
USD 50.00
Subtítulos disponibles

Cursos que podrían interesarte

+DevTalles

Este segmento es exclusivo para sesiones en vivo con Fernando Herrera. Durante estas podrás realizar preguntas relacionadas al contenido de sus cursos y participar de forma interactiva con los panelistas. Se incluyen grabaciones de sesiones pasadas.

Pago único

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

$50.00

Promociones y descuentos pueden aplicar.

Comprar ahora

Suscripción
Devtalles PRO Mensual

^USD16

Suscribirme ahora

Acceso ilimitado a toda la plataforma, cursos, clases en vivo, acceso anticipado a cursos durante el mes de vigencia.

Suscripción
DevTalles PRO Trimestral

^USD48

Suscribirme ahora

Acceso ilimitado a toda la plataforma, cursos, clases en vivo, acceso anticipado a cursos durante 3 meses de vigencia.

Suscripción
DevTalles PRO Semestral

^USD96

Suscribirme ahora

Acceso ilimitado a toda la plataforma, cursos, clases en vivo, acceso anticipado a cursos durante los 6 meses de vigencia.

Suscripción
DevTalles PRO Anual

^USD176

El mejor precio disponible

Suscribirme ahora

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.

¿Cuál es el siguiente paso?

Este curso es parte de nuestros Programas de Estudio, los cuales hemos diseñado para expandir sus conocimientos.

Ver programas