Por Que Importa la Configuracion del Entorno

Un entorno bien configurado elimina fricciones cuando comienzas a practicar. Nada mata mas la motivacion que pasar una hora solucionando problemas de instalacion cuando deberias estar aprendiendo conceptos de QA.

Esta leccion te guia en la instalacion de todo lo necesario. No se requiere programacion — solo descargar, instalar y verificar que las herramientas funcionan correctamente.

El Ecosistema de Herramientas QA

Asi es como las herramientas que instalaras se relacionan con los diferentes tipos de testing:

graph TB subgraph "Testing Web" A[DevTools del Navegador] --> B[Inspeccionar elementos] A --> C[Monitoreo de red] A --> D[Consola y errores] end subgraph "Testing de APIs" E[Postman] --> F[Enviar peticiones] E --> G[Inspeccionar respuestas] E --> H[Colecciones de pruebas] end subgraph "Codigo y Automatizacion" I[VS Code] --> J[Escribir scripts de prueba] I --> K[Extensiones para testing] L[Node.js] --> M[Ejecutar Playwright/Cypress] L --> N[Paquetes npm] end subgraph "Colaboracion" O[Git] --> P[Control de versiones] O --> Q[Code review] O --> R[Pipelines CI/CD] end

No usaras todas las herramientas desde el primer dia. Los Modulos 1-4 usan principalmente un navegador y Postman. Las herramientas de automatizacion (VS Code, Node.js, Git) se vuelven esenciales a partir del Modulo 5.

Herramienta 1: DevTools del Navegador

Que es: Herramientas de desarrollo integradas en todos los navegadores modernos (Chrome, Firefox, Edge).

Por que QA la necesita: Inspeccionar elementos de la pagina, monitorear peticiones de red, verificar errores en consola, probar layouts responsivos y analizar rendimiento.

Configuracion:

  1. Abre Google Chrome (recomendado para este curso) o tu navegador preferido
  2. Presiona F12 (Windows/Linux) o Cmd + Option + I (Mac)
  3. El panel de DevTools deberia abrirse

Verifica que funciona:

  • Ve a cualquier sitio web
  • Abre DevTools (F12)
  • Haz clic en la pestana “Elements” — deberias ver el HTML de la pagina
  • Haz clic en “Network”, recarga la pagina — deberias ver peticiones de red apareciendo
  • Haz clic en “Console” — escribe console.log("QA listo!") y presiona Enter

Si ves “QA listo!” en la consola, DevTools funciona perfectamente.

Pestanas principales que usaras:

PestanaPropositoUsado en Modulo
ElementsInspeccionar HTML/CSSModulo 5
ConsoleVerificar errores JavaScriptModulo 5
NetworkMonitorear llamadas APIModulo 5, 6
ApplicationInspeccionar cookies, almacenamientoModulo 5
PerformanceAnalisis de carga de paginaModulo 5

Herramienta 2: Postman (Gratuito)

Que es: Una plataforma para construir y probar APIs. La version gratuita cubre todo lo que necesitas.

Por que QA la necesita: Probar APIs REST, crear colecciones de peticiones, validar datos de respuesta y automatizar pruebas de API.

Configuracion:

  1. Ve a postman.com/downloads
  2. Descarga e instala la aplicacion de escritorio para tu sistema operativo
  3. Crea una cuenta gratuita (o usa el cliente ligero sin cuenta)

Verifica que funciona:

  1. Abre Postman
  2. Haz clic en “New” y luego “HTTP Request”
  3. Ingresa esta URL: https://jsonplaceholder.typicode.com/posts/1
  4. Haz clic en “Send”
  5. Deberias ver una respuesta JSON con un titulo y cuerpo de post

Si ves datos JSON con "userId": 1, Postman funciona correctamente.

Herramienta 3: VS Code (o Cualquier Editor de Texto)

Que es: Un editor de codigo gratuito y ligero de Microsoft. El editor mas popular para automatizacion QA.

Por que QA lo necesita: Escribir scripts de prueba, editar archivos de configuracion, ver resultados de pruebas y trabajar con Git.

Configuracion:

  1. Ve a code.visualstudio.com
  2. Descarga e instala para tu sistema operativo
  3. Abre VS Code

Extensiones recomendadas (instala despues, cuando las necesites):

  • Prettier — formato de codigo
  • REST Client — enviar peticiones HTTP desde VS Code
  • GitLens — funciones mejoradas de Git
  • Playwright Test for VS Code — ejecutar pruebas Playwright (Modulo 8+)

Verifica que funciona:

  1. Abre VS Code
  2. Ve a File > New File
  3. Escribe Hola, QA! y guardalo como test.txt en tu escritorio
  4. Si el archivo se guarda y abre correctamente, VS Code esta listo

Herramienta 4: Git

Que es: Un sistema de control de versiones que rastrea cambios en archivos.

Por que QA lo necesita: Gestionar codigo de pruebas, colaborar con equipos de desarrollo, revisar cambios de codigo (lo cual frecuentemente revela donde estan los bugs) y trabajar con CI/CD.

Configuracion:

Windows:

  1. Descarga de git-scm.com
  2. Ejecuta el instalador (la configuracion por defecto esta bien)
  3. Abre Command Prompt o Git Bash

Mac:

  1. Abre Terminal
  2. Escribe git --version
  3. Si no esta instalado, se te pedira instalar Xcode Command Line Tools — acepta

Linux:

  1. Abre Terminal
  2. Ejecuta sudo apt install git (Ubuntu/Debian) o sudo dnf install git (Fedora)

Verifica que funciona:

git --version

Deberias ver algo como git version 2.43.0 o mas reciente.

Configuracion inicial:

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

Herramienta 5: Node.js (Para Modulos Posteriores)

Que es: Un entorno de ejecucion de JavaScript que permite ejecutar JavaScript fuera del navegador.

Por que QA lo necesita: Ejecutar frameworks de automatizacion como Playwright y Cypress, instalar herramientas de testing via npm y ejecutar scripts.

Configuracion:

  1. Ve a nodejs.org
  2. Descarga la version LTS (Long Term Support)
  3. Ejecuta el instalador

Verifica que funciona:

node --version
npm --version

Deberias ver numeros de version para ambos. Node deberia ser 18+ y npm 9+.

No necesitaras Node.js hasta el Modulo 8 (Automatizacion), pero instalarlo ahora te ahorra tiempo despues.

Herramienta 6: Python (Opcional)

Que es: Un lenguaje de programacion frecuentemente usado para automatizacion de pruebas y scripting.

Por que QA podria necesitarlo: Algunas empresas usan frameworks de testing basados en Python (pytest, Robot Framework). Tambien es util para procesamiento de datos y scripting.

Configuracion:

  1. Ve a python.org/downloads
  2. Descarga Python 3.11+ e instala
  3. Asegurate de marcar “Add Python to PATH” durante la instalacion (Windows)

Verifica que funciona:

python3 --version

Deberias ver Python 3.11.x o mas reciente.

Python es opcional para este curso. Los modulos de automatizacion se enfocan en JavaScript/TypeScript con Playwright, pero conocer Python abre caminos profesionales adicionales.

Creando Tu Estructura de Carpetas

Crea un espacio de trabajo dedicado para el curso:

qa-course/
├── notes/           # Tus notas de las lecciones
├── exercises/       # Soluciones de ejercicios
│   ├── module-01/
│   ├── module-02/
│   └── ...
├── projects/        # Proyectos de practica mas grandes
└── resources/       # Materiales descargados, cheat sheets

Configuracion rapida via terminal:

mkdir -p qa-course/{notes,exercises,projects,resources}
mkdir -p qa-course/exercises/module-{01..12}

O crea las carpetas manualmente usando tu gestor de archivos — la estructura es lo que importa, no el metodo.

Marcadores Para Guardar

Guarda estos recursos para acceso rapido durante el curso:

RecursoURLPara que sirve
MDN Web Docsdeveloper.mozilla.orgReferencia de HTML, CSS, JavaScript
HTTP Status Codeshttpstatuses.comConsulta rapida de codigos de estado API
JSONPlaceholderjsonplaceholder.typicode.comAPI falsa gratuita para practica
Regex101regex101.comProbar expresiones regulares
Postman Learninglearning.postman.comTutoriales de Postman

Solucion de Problemas Comunes

“Command not found” despues de instalar: Cierra y reabre tu terminal. En Windows, puede que necesites cerrar sesion y volver a entrar. En Mac/Linux, ejecuta source ~/.zshrc o source ~/.bashrc.

Postman no puede conectarse: Verifica la configuracion de tu firewall. Algunas redes corporativas bloquean Postman — intenta con tu red personal.

Git pide credenciales cada vez: Configura claves SSH o usa un gestor de credenciales. Cubriremos esto en detalle en el modulo de Git.

Conflictos de version de Node.js: Si tienes multiples proyectos que necesitan diferentes versiones de Node, instala nvm (Node Version Manager) mas adelante. Por ahora, la version LTS esta bien.

Siguientes Pasos

Tu entorno esta listo. Ahora tienes todo instalado para seguir cada leccion del curso. En la siguiente leccion, veremos las trayectorias profesionales en QA y las expectativas salariales para ayudarte a establecer metas a largo plazo.

No te preocupes si aun no entiendes para que sirve cada herramienta — para eso esta el resto del curso. Ahora mismo, lo unico que importa es que estan instaladas y verificadas.