Skip to content
dw

General

Les dejo una “ruta” para saber con qué comenzar a aprender y cómo seguir. No tienen por qué seguirla tan estrictamente, pero les servirá para no perderse tanto.

De manera general

Section titled “De manera general”

Lo que tendrían que aprender sería:

Y un poco más expandido

Section titled “Y un poco más expandido”

1. Mínimamente, HTML y CSS por separado
HTML: Etiquetas básicas, la estructura general de un documento, y poco más.
CSS: Estructura de css, algunos estilos básicos, y tal vez algunos pseudoselectores sencillos como :hover.

2. Ambos a la vez
Familiarizarse más con ambos, ahora si ver cosas más avanzadas, hacer pruebas, proyectos pequeños o medianos, y lo que se les ocurra.

3. Estructura o lógica de programación
Acá varía según el órden que quieran:

  • Dale acá para ir por la estructura primero.
  • Y acá para ir por lógica de programación primero.

Estructura

Section titled “Estructura”

Si quieren ir por acá primero sería:

3. Astro
Ver estructura de los archivos de astro, componentes, el scope de los estilos, scripts, etc

4. Tailwind
Entender cómo Tailwind nombra las clases para aprender la mayoría de estas.

5. JavaScript
Ver bases de JavaScript, variables, funciones, tipos de datos, callbacks, y si encuentran más cosas mejor.

6. Preact
Ya sabiendo sobre componentes por Astro, acá sería ver lo mismo pero en Preact, hooks básicos y entender cómo funciona preact, los re-renderizados, reactividad, etc.

7. Ir más a fondo
Ya pudiendo defenderse en todo lo anterior, iría:

  1. Volver a ver HTML y CSS para asegurarse que no olvidaron lo que aprendieron
  2. Lo mismo con Astro, JavaScript y Preact
  3. Repasar lo que hayan visto y ver cosas nuevas
  4. Ver TypeScript

Y acá no es que hayan terminado, pero con este conocimiento ya podrán aprender más cosas más fácilmente, y quedaría hablar de esto en clase para resolver dudas y entenderlo mejor para defender el proyecto.

Lógica de programación

Section titled “Lógica de programación”

3. JavaScript
Ver bases de JavaScript, variables, funciones, tipos de datos, callbacks, y si encuentran más cosas mejor.

4. TypeScript
Ver tipos e interfaces, entender la inferencia de tipos, etc.

5. Astro
Ya sabiendo TypeScript, Astro les resultará más facil. Ver la estructura de los archivos de Astro, endender la diferencia entre código en el servidor y en el cliente, y componentes.

6. Preact
Ya sabiendo sobre cómo funciona Astro, acá sería ver lo mismo pero en Preact, hooks básicos y entender cómo funciona Preact, los re-renderizados, reactividad, componentes en Preact, etc.

7. Ir más a fondo
Ya pudiendo defenderse en todo lo anterior, iría:

  1. Volver a ver HTML y CSS para asegurarse que no olvidaron lo que aprendieron
  2. Lo mismo con JavaScript, TypeScript, Astro y Preact
  3. Repasar lo que hayan visto o ver cosas nuevas
  4. Ver Tailwind

Y acá no es que hayan terminado, pero con este conocimiento ya podrán aprender más cosas más fácilmente, y quedaría hablar de esto en clase para resolver dudas y entenderlo mejor para defender el proyecto.