Curso de Astro, Generador de Sitios Web Estáticos

Fazt
Fazt
148,557
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!
  • @ELCHOROPAVT-fu7xn
    Очень полезное видео для сообщества, спасибо!
  • @starckops8692
    Gracias Fazt muchas cosas de las que se, las aprendí contigo, realmente me gastaría conocerte e invitarte un café, pero en fin MIL GRACIAS ME AYUDAS BASTANTE... Eres el Mejor... Aprendi mas contigo que estando en la Univesidad ABRAZOS... 🤗🤗🤗🤗🤗
  • @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
  • @Andres_cali
    Gracias apito, feliz navidad. Todo el año nos das los mejores regalos.
  • @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
  • @ferxas4560
    Eres el mejor Fazt, increíble forma de finalizar el año, eres simplemente mi ídolo.
  • @jorgevalbuena4502
    Y cuando pensé que papá Noel se olvidó de mi.....llegó fazt con un curso!....gracias bro!!
  • @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!
  • @snackspixels
    Varias horas pero muy bueno el contenido, explicado a detalle! Excelente Fazt!
  • @JimyDrive
    El mejor regalo de Navidad. Muchas gracias Fazt
  • @cristiancano151
    Gracias Fazt, un muy buen curso, explicas todo muy bien y a detalle
  • @DEVGITI
    Conocer este Framework, fue como amor a primera vista, me encanta.
  • @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 💥💥
  • @Sebacodex
    genial!!, una delicia para cerrar el 2022 con la potencia de Astro!.