desarrolloweb.site

🎓 Full Stack Open → Preparación TOTAL EXTENDIDA

JavaScript moderno (18 días) + Teoría profunda + 4 desafíos por día + Herramientas esenciales

✅ Manual definitivo con explicaciones detalladas y práctica intensiva
📘 JavaScript para FSO 18 DÍAS + TEORÍA + 4 DESAFÍOS/DÍA
🛠️ Herramientas complementarias OBLIGATORIAS para FSO

Estas herramientas son esenciales para Full Stack Open. Domínalas antes de empezar.

📦 Node.js y npm

Node.js ejecuta JS fuera del navegador. npm es el gestor de paquetes.

💡 ¿Por qué es importante? En FSO, todo el backend se ejecuta en Node.js.

📌 Comandos esenciales

npm init -y               # crear package.json
npm install axios         # instalar librería
npm install --save-dev jest  # instalar dev dependency
npm run start             # ejecutar script
🧪 Ejercicio: Crea una carpeta, ejecuta `npm init -y` e instala `axios`.
mkdir mi-proyecto
cd mi-proyecto
npm init -y
npm install axios

🐙 Git y GitHub

Control de versiones. Necesario para entregar ejercicios.

💡 ¿Por qué es importante? Todos los ejercicios se entregan mediante repositorios de GitHub.

📌 Configuración inicial

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

💻 Flujo básico

git clone <url>           # descargar proyecto
git add .                 # añadir cambios
git commit -m "mensaje"   # guardar localmente
git push origin main      # subir a GitHub
🧪 Ejercicio: Clona un repo, crea README.md y haz push.
git clone https://github.com/tuusuario/mi-repo.git
cd mi-repo
echo "# Mi proyecto" > README.md
git add README.md
git commit -m "primer commit"
git push origin main

💻 Visual Studio Code

Editor oficial del curso.

💡 Extensiones esenciales: ESLint, Prettier, Live Server, GitLens

⚡ Atajos importantes

Ctrl + Shift + P   → paleta de comandos
Ctrl + `           → terminal integrada
Alt + Shift + F    → formatear documento
Ctrl + P           → buscar archivo
🧪 Ejercicio: Instala Prettier y activa "format on save".
1. Extensiones → buscar "Prettier" → instalar.
2. Settings → "format on save" → activar.

📟 Terminal / Línea de comandos

La usarás a diario en FSO.

📌 Comandos esenciales

ls / dir          → listar archivos
cd carpeta        → entrar a carpeta
cd ..             → subir nivel
mkdir nombre      → crear carpeta
node archivo.js   → ejecutar JS
🧪 Ejercicio: Crea `fso-practice/hola.js` que imprima "Hola FSO".
mkdir fso-practice
cd fso-practice
echo 'console.log("Hola FSO");' > hola.js
node hola.js

📌 Checklist: ¿Estás listo para FSO?

  • ✅ Node.js v18+ instalado
  • ✅ npm v9+ instalado
  • ✅ Git instalado
  • ✅ Cuenta en GitHub
  • ✅ VS Code con Prettier y ESLint
  • ✅ Terminal básica
  • ✅ Entender promesas y async/await
  • ✅ Consumir APIs con axios/fetch
  • ✅ Comprender map, filter, reduce, find