Curso de Astro, Generador de Sitios Web Estáticos

Fazt
Fazt
142,703
0
Published 2022-12-26
Astro es un generador de sitios web estáticos, es decir sitios web que en su mayoría están conformados por solo archivos como HTML, CSS, Javascript, Imágenes y contenido similar. Solo que Astro ofrece una experiencia de desarrollo mucho mas cómoda para desarrolladores web que quieren tener una herramienta similar a los Frameworks de Javascript (React, Vue, Svelte, etc) solo que al final produzca contenido enfocado en HTML. Este Static Site Generator (SSG) también permite cargar componentes de otros frameworks de Javascript en una misma pagina, y también soporta Typescript, gracias a que esta desarrollado encima de Vitejs. Ademas en este curso usaremos el Framework de CSS llamado TailwindCSS y desplegaremos gratuitamente nuestro sitio en Github pages.

Codigo del Landing Page: github.com/fazt/astro-landing

Índice del Curso
00:00 Introducción
00:57 ¿Qué es Astro?
02:34 Entorno de desarrollo
18:55 Estructura del Proyecto
29:28 Paginas en Astro
34:49 Extensión de VSCode para Astro
43:00 Sintaxis JSX en Astro.build
58:46 Fetch (Javascript API)
01:07:10 Astro Components
01:25:19 Layouts
01:37:09 Markdown
01:54:27 Imágenes en Astro
01:59:53 Integraciones en Astro
02:19:52 Landing Page en Astro
02:33:37 Landing components
02:43:30 Hero Component
02:52:42: More Component
03:00:52 Features component
03:09:11 Projects component
03:20:11 Deploy en Github Pages

🎥 Videos Recomendados:
Curso de HTML ⮕    • Curso HTML para Principiantes  
Curso de Javascript ⮕    • Curso Javascript para Principiantes  
Curso de Javascript para React ⮕    • Curso de Reactjs desde Cero para prin...  
Curso de CSS ➜    • Curso CSS para Principiantes  
Curso de JSON ➜    • JSON (Javascript Object Notation) Cur...  
Curso de Git ➜    • Git y Github | Curso Práctico de Git ...  

Variables de entorno Nodejs ➜    • Variables de Entorno en Node.js | dot...  
Javascript Orientado a Objetos ➜    • Curso de Javascript Orientado a Objet...  
Arrays en Javascript ➜    • Javascript Arrays - Metodos (map, fil...  
ES Modules ➜    • Import y Export en Javascript (ES Mod...  
Curso de React ➜    • Curso de Reactjs desde Cero para prin...  
Curso de Nodejs ➜    • Nodejs Curso Práctico desde Cero (Jav...  
Curso de Express ➜    • Express Framework de Nodejs, Curso pa...  

Curso de Python ➜    • Curso Python para Principiantes  
Excalidraw (Herramienta de dibujo) ➜    • Excalidraw, Mi Herramienta para hacer...  

👨‍💻 ¿Qué servicios y productos utilizo?
Ledger (Hardware Wallet) ➞ bit.ly/3ijsVNW
SiteGround ➞ bit.ly/31u9ZEk
DigitalOcean ➞ m.do.co/c/8ef261d77de5
Expo ➞ bit.ly/2WpYKtx
Cloudinary ➞ bit.ly/3ohNlJ7
Notion ➞ notion.grsm.io/yj9uc7bi3miq

#desarrolloweb #html #javascript
All Comments (21)
  • @franc0tic0
    Te sigo hace 3 años y empecé en este mundo por vos querido Fazt, no ha sido fácil pero nunca se pierde el entusiasmo y menos con gente como vos realizando contenido, ayudando a la comunidad y guiandonos en este camino tan lindo del desarrollo web. Será un placer hacer este nuevo curso. Te mando unas felices fiestas y este 2023 le metemos con todo. A cumplir metas!
  • @fun_iqp
    Qué chulada de framework, se siente tan natural y muy fino, nada de cosas raras jaja. Felices fiestas Faztro :D
  • @gabz_23
    E escuchado mucho sobre Astro, ahora gracias a ti, comenzaré a estudiarlo! Exelente fazt nunca dejas de sorprenderme
  • @dylanpotoy5844
    Empecé en este mundo desde tus primeros cursos de python, y gracias a ti descubri lo que me apasiona, gracias por inspirar a otros!
  • @ferxas4560
    Eres el mejor Fazt, increíble forma de finalizar el año, eres simplemente mi ídolo.
  • @snackspixels
    Varias horas pero muy bueno el contenido, explicado a detalle! Excelente Fazt!
  • @lexanddev3731
    muchas gracias recién aterrizo a tu canal y lo explicas muy bien, empezamos el año aprendiendo astro y se me hizo muy amigable a pesar de no saber manejar frameworks ya que recién comienzo en este mundillo del desarrollo, gracias por el curso y a seguir cumpliendo mas objetivos FELIZ AÑO 💥💥
  • @DEVGITI
    Conocer este Framework, fue como amor a primera vista, me encanta.
  • @maolink2
    Fazt feliz año, muchas bendiciones, que tus proyectos laborales y personales sigan creciendo, y por supuesto nos sigas acompañando con tus maravillosos videos. Gracias
  • @syberiaok
    Excelente curso, sos muy claro para transmitir y se entiende todo muy bien! Muchas gracias!!!!
  • @braidata
    El mejor! Todo lo que he aprendido empezó con un video de Fast!
  • @Sebacodex
    genial!!, una delicia para cerrar el 2022 con la potencia de Astro!.
  • @cristiancano151
    Gracias Fazt, un muy buen curso, explicas todo muy bien y a detalle
  • @JimyDrive
    El mejor regalo de Navidad. Muchas gracias Fazt
  • @soundwaveofdark99
    Soy nuevo, pero debido a la necesidad de tener un mejor trabajo me ha costado encontrar, empece este camino hacia el desarrollo y no es nada fácil pero personas como tu, es lo que nos motivan a seguir aprendiendo. Quiero ser full stack, no es nada facil
  • @manularrere
    Me gusto tanto este video de Astro que me puse hacer el proyecto con vos. Una buena alternativa para los sitios estaticos. Muchas gracias por la explicacion
  • @kinkyolga9668
    Hasta el momento, este ha sido el mejor tutorial de astro que he visto! Muy muy bueno! Gracias por compartir