Las herramientas que necesitas (e instálalas en 30 minutos)

Hola otra vez. Si llegaste aquí es porque aceptaste el reto de la Lección 0. Bien. Hoy vamos a empezar a ensuciarnos las manos.

Antes de tocar Cursalia, necesitamos preparar tu computadora con cuatro herramientas. Las instalas una sola vez en tu vida y luego ya no piensas más en ellas. Como cuando instalas Word.

¿Por qué necesitas estas herramientas?

Cursalia, como cualquier sitio web moderno, vive de muchas piezas. Para hacerlo funcionar en tu computadora antes de subirlo a internet, necesitas:

• Un servidor web local que entienda PHP (Laragon te lo da en 5 minutos).
• Una base de datos donde se guardan los cursos, alumnos, etc. (también viene en Laragon).
• Node.js para compilar los estilos del sitio (los colores, los bordes redondeados, etc.).
• Git para descargar Cursalia y, más adelante, controlar cambios.
• Un editor de código donde leer/escribir esos archivos cuando quieras tocarlos.

No te asustes con los nombres. Si los lees en voz alta suenan a chino, pero son solo programas que instalas con un instalador, igual que WhatsApp.

1. Laragon · tu servidor local todo-en-uno

Laragon es un programa para Windows que incluye Apache (servidor web), PHP, MySQL y Composer, todos juntos. Lo que en otros tutoriales te pedirían que instales por separado, Laragon lo hace en un solo paso.

Descarga e instalación

1. Ve a laragon.org/download.
2. Descarga la versión "Laragon - Full" (~150 MB). Te lleva un par de minutos.
3. Doble click al instalador. Acepta los valores por defecto en TODAS las pantallas (Siguiente, Siguiente, Siguiente).
4. Al finalizar, Laragon se abre solo.

Primer arranque

Cuando Laragon abra, verás una ventana con varios botones y un cuadro negro grande. Pulsa el botón verde grande que dice "Iniciar todos" (Start All).

Si después de 10 segundos ves los puntos azules junto a "Apache" y "MySQL", ¡felicidades! Tu computadora ya es un mini-servidor web. 🎉

2. Node.js · para los estilos del sitio

Node.js es un programa que ejecuta JavaScript fuera del navegador. Nosotros lo necesitamos para compilar Tailwind CSS (los estilos bonitos del sitio).

1. Ve a nodejs.org.
2. Descarga la versión LTS (la verde de la izquierda, que dice "Recomendado para la mayoría de usuarios").
3. Ejecuta el instalador. Siguiente, siguiente, siguiente. Acepta TODOS los defaults.

Verifica que funciona

Abre el menú Inicio de Windows, escribe cmd y presiona Enter. Se abre una ventana negra. Escribe:

node --version
npm --version

Si ves algo como v22.21.1 y 11.7.0, perfecto. Las versiones exactas no importan mientras sean razonablemente nuevas.

3. Git · para descargar Cursalia (y más cosas)

Git es el sistema que usamos para "descargar" Cursalia y para mantener un historial de cambios cuando empieces a personalizarlo. No te preocupes: en este curso lo usaremos muy poco.

1. Ve a git-scm.com/download/win.
2. Se descarga solo. Ejecuta el instalador.
3. Siguiente, siguiente, siguiente. En serio, los defaults están bien para todos.

Verifica que se instaló bien abriendo otra ventana negra (cmd) y escribiendo:

git --version

Debe responder algo como git version 2.40.0. Cualquier número arriba de 2.30 nos vale.

Configura tu nombre (solo una vez)

Aunque no lo uses mucho, Git necesita saber quién eres. En la misma ventana negra ejecuta estos dos comandos (cambia el nombre y el correo por los tuyos):

git config --global user.name "Tu Nombre"
git config --global user.email "tu@correo.com"

Listo. Esa configuración se queda para siempre.

4. Visual Studio Code · tu editor

VS Code es donde vas a ver y editar los archivos de Cursalia. Es como Word, pero para código. Es gratis y de Microsoft.

1. Ve a code.visualstudio.com.
2. Pulsa el botón grande "Download for Windows".
3. Ejecuta el instalador con los defaults.

Extensiones que vas a querer

Abre VS Code. En la barra lateral izquierda hay un icono que parece un Tetris (cuatro cuadrados). Pulsa ahí y busca + instala estas 4 extensiones gratis:

• Laravel Blade Snippets · te resalta los archivos .blade.php.
• Tailwind CSS IntelliSense · autocompleta las clases de Tailwind.
• PHP Intelephense · entiende el código PHP.
• Material Icon Theme · pone iconos bonitos a los archivos (opcional pero queda lindo).

5. Composer · el que gestiona las librerías de PHP

¡Buenas noticias! Composer ya viene con Laragon. No tienes que instalar nada. Solo vamos a verificar que funciona.

En la ventana de Laragon, busca arriba el botón "Terminal" y púlsalo. Se abre otra ventana negra. Escribe:

composer --version
php --version

Verás algo como:

Composer version 2.7.7
PHP 8.3.26 (cli)

Si ves esto, ya tienes Composer y PHP funcionando. Genial.

Verificación final · ¿Todo en orden?

Hagamos un repaso rápido. En la terminal de Laragon, ejecuta estos 5 comandos uno por uno:

php --version       # debe decir PHP 8.3.x o superior
composer --version  # debe decir Composer 2.x
node --version      # debe decir v20+ o v22+
npm --version       # debe decir 10+
git --version       # debe decir 2.30+

Si los 5 responden bien, ya estás listo para la Lección 2. Eres un crack. 💪

¿Qué acabas de instalar?

Para que no te quedes con la duda:

• Laragon: tu mini-Internet en tu PC. Sirve páginas y guarda datos.
• PHP + Composer: el lenguaje en que está escrito Cursalia y su gestor de librerías.
• MySQL: la base de datos donde se guardan los cursos, alumnos, etc.
• Node.js + npm: para compilar los estilos visuales (Tailwind CSS).
• Git: para descargar Cursalia.
• VS Code: el "Word para programadores".

Es bastante para una sola sesión. Si te dio dolor de cabeza, respira. Lo importante es que ya está hecho. Ya no tendrás que tocar nada de esto durante el resto del curso.

¿Vamos por la Lección 2?

En la siguiente lección vamos a descargar Cursalia y abrirla por primera vez en tu navegador. Es la sesión donde dirás "ostras, esto es de verdad mío".

📚 Resumen en 5 puntos

1. Laragon te da PHP + MySQL + Apache + Composer todo junto. Instala en C:\laragon y pulsa "Iniciar todos".
2. Node.js LTS es para compilar los estilos. Acepta los defaults del instalador.
3. Git es para descargar Cursalia. Configura tu nombre y correo una sola vez.
4. VS Code es tu editor. Instala las 2 extensiones de Laravel y Tailwind para empezar.
5. Verifica todo con la terminal: php --version, node --version, git --version. Si responden los 3, estás listo.