Inicio Mi bitácora espacial
Idioma ES (Español)

Hydrogen

Robot principiante Dificultad 2/5 Lista de recursos Parada 5 / 166 edades 11-13 Traducido con IA

Framework centrado en el borde para crear tiendas Shopify con React.

Empezar la guía

Tu guía

Resumen escrito por IA

¿Qué es?

Hydrogen está en nuestro grupo de Desarrollo Front-End, una larga lista de herramientas y recursos para construir la parte de un sitio web que la gente ve y toca. Solo conocemos el título, la descripción breve y el nivel de nuestra lista.

¿Es para mí?

Es para quien quiere crear páginas web. Muchos elementos son de nivel Intermedio, así que ayudan unas nociones básicas de web. Va bien para unos 11-13 años en adelante, y los elementos para principiantes son el mejor comienzo.

Adultos: Adultos: muchas de estas son herramientas para desarrolladores. Miren primero la página y ayuden con las instalaciones.

Cómo empezar

  1. Empieza por los elementos para Principiantes si eres nuevo con las páginas web.
  2. Abre el sitio original con un adulto y lee la primera página.
  3. Prueba un cambio pequeño, como un color o un título, y míralo en el navegador.

¿Cuánto tiempo?

Calcula unos 40 minutos cada vez, durante unas 4 sesiones. (estimación)

40 min por sesión 4 sesiones estimado

Un plan que puedes seguir

  1. Día 1 30 min Mira qué hace la herramienta y prueba el primer ejemplo.
  2. Semana 1 45 min Construye una página diminuta.
  3. Semana 2 60 min Añade una función nueva, como un botón.
  4. Semana 3 60 min Comparte la página con un amigo o un familiar.

Los tiempos son estimados. Ve a tu propio ritmo.

Ir al sitio de aprendizaje

Estás a punto de salir de nuestro sitio para visitar Hydrogen en otro sitio web. No controlamos ese sitio. Pregunta a un adulto antes de ir. Revisa el original para ver los detalles. Puede que ese sitio no esté en tu idioma. Tu navegador puede traducir la página: busca el botón de traducir cerca de la barra de direcciones, o pide ayuda a un adulto.

Vas a salir de nuestro sitio

Adultos: Adultos: este enlace lleva a un sitio que no controlamos y que no hemos revisado más allá de su ficha. Por favor, échenle un vistazo primero.

Ir al sitio de aprendizaje (abre el sitio original en una pestaña nueva)

https://github.com/shopify/awesome-hydrogen#readme

En otro sitio. De la lista: sindresorhus/awesome · Licencia: CC0-1.0 · Desarrollo front-end · Las traducciones son generadas por IA; revisa siempre el original.

Cómo aprender con un proyecto o lista de GitHub

Tu ruta por Desarrollo web

Parada 3 Crea un motor de física 2D sencillo para juegos de JavaScript Proyecto para construir Parada 4 Aprender CSS Lista de recursos Parada 5 Hydrogen Lista de recursos Parada 6 Aprender JavaScript Lista de recursos Parada 7 jQuery Lista de recursos Parada 8 Offline primero Lista de recursos Parada 9 Tailwind CSS Lista de recursos

Sigue explorando