---
intro: "https://youtu.be/watch?v=L21NvjxiVmc"
---

# Welcome!

¡Estamos muy entusiasmados por tenerte aquí! 🎉 😂

## 💬 Fundamentos:

Durante este curso aprenderás los siguientes conceptos:

1. **Usar JSX**: Una gran sintaxis propuesta por Facebook que mezcla HTML y JS en el mismo documento para ayudarte a escribir HTML dinámico.

2. **Cómo construir componentes en React.js**: La web ahora se está haciendo con componentes: Angular, VUE, React, etc. Todos ellos proponen desarrollo "orientado a componentes".  

3. **Todos los tips para generar HTML dinámico**: Al final, es el objetivo principal del desarrollador front-end: Crear HTML dinámico.  

4. **Usar Módulos JS**: Separar tu código en diferentes archivos es la mejor forma de organizar y optimizar tus proyectos.  

## Lecturas Útiles:

+ [https://es.react.dev/learn](https://es.react.dev/learn)

## Videos Útiles:

+ [https://youtu.be/mnqvH2ePysE](https://youtu.be/mnqvH2ePysE)

+ [https://youtu.be/1-2eyS0k-IA](https://youtu.be/1-2eyS0k-IA)

## Colaboradores:

Gracias a estas maravillosas personas ([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key)):

1. [Alejandro Sánchez (alesanchezr)](https://github.com/alesanchezr), contribución: (programador) 💻 (idea) 🤔, (build-tests) ⚠️, (pull-request-review) 👀, (build-tutorial) ✅, (documentación) 📖

2. [Paolo Lucano (plucodev)](https://github.com/plucodev), contribución: (programador) 💻, (build-tests) ⚠️

3. [Marco Gómez (marcogonzalo)](https://github.com/marcogonzalo), contribución: (traducción) 🌍

Este proyecto sigue las especificaciones: [all-contributors](https://github.com/kentcdodds/all-contributors). 

¡Todas las contribuciones son bienvenidas!

### Nota:
> 🔹 Nosotros construimos los ejercicios incrementalmente, deberías sentir el progreso poco a poco, y esperamos que el incremento de la dificultad entre los ejercicios nunca sea tan grande como para frustrarte.

Haz clic en `next` arriba de estas instrucciones para empezar con el primer ejercicio...
