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: https://github.com/fazt/astrolanding

Í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) ➞ https://bit.ly/3ijsVNW
SiteGround ➞ https://bit.ly/31u9ZEk
DigitalOcean ➞ https://m.do.co/c/8ef261d77de5
Expo ➞ https://bit.ly/2WpYKtx
Cloudinary ➞ https://bit.ly/3ohNlJ7
Notion ➞ https://notion.grsm.io/yj9uc7bi3miq

#desarrolloweb #html #javascript