Basic Coding Concepts: una idea, ¡tres sintaxis!
Basic Coding Concepts es la forma libre de dialectos de aprender a programar. La mayoría de los sitios para principiantes te enseñan Python. O JavaScript. O Java. Nosotros te mostramos la idea que hay debajo de las tres, lado a lado, para que dejes de confundir qué es el lenguaje y qué es el concepto. Una vez que eso encaja, cualquier otro tutorial se vuelve más fácil.
// Same idea. Three syntaxes. function greet(name) { return `Hello, ${name}!`; } # Python def greet(name): return f"Hello, {name}!" // Java public static String greet(String name) { return "Hello, " + name + "!"; }
Por qué Basic Coding Concepts gana a los otros sitios para "aprender a programar".
Reescribimos cada lección de Basic Coding Concepts con una sola regla: nada aquí puede ser una copia de otra cosa. Cada página es original, los ejemplos son reales y los visualizadores funcionan de verdad.
Visualizadores animados, en vivo
Avanza por un bucle iteración a iteración. Mira cómo las variables fluyen a sus cajas. Observa cómo crece y se descarga la pila de llamadas. Animaciones reales, no capturas.
Un concepto, tres lenguajes
Cada ejemplo se renderiza en JavaScript, Python y Java. Cambia de pestaña: tu elección se mantiene en todo el sitio.
Páginas de "errores comunes"
Cada concepto tiene su propia página con los errores que los principiantes realmente cometen. Copia y pega código roto real, ve la solución, sigue adelante.
Spot the Bug — el mini-juego
Un mini-juego integrado con fragmentos defectuosos rotativos. Haz clic en la línea que crees que está mal. Tu puntuación se guarda.
Concepto en 60 segundos
Cada lección abre con una tarjeta TL;DR de 60 segundos. Lee 13 de esas y ya tienes la forma de la programación.
Respuestas listas para entrevistas
50 preguntas de entrevista para principiantes con respuestas del tipo que realmente consigue el trabajo, asociadas a cada concepto.
Los 13 Basic Coding Concepts, en orden.
Un solo camino, trece conceptos — cada uno se construye sobre el anterior. No te saltes ninguno.
Mira un bucle for, paso a paso.
Haz clic en Paso para avanzar línea a línea. Mira cómo se actualizan las variables y cómo se llena la consola.
Este mismo visualizador está integrado en la lección de bucles. Variantes para variables, llamadas a funciones y recursión viven en sus respectivas páginas.
🐛 Spot the Bug
Cinco segundos de trabajo. Haz clic en la línea que crees que tiene el error — el explicador te dice por qué.
Basic Coding Concepts vs. el resto.
Donde el típico sitio de "introducción a programar" se queda corto — y qué hicimos en su lugar.
| Característica | Otros sitios de "intro a programar" | Basic Coding Concepts |
|---|---|---|
| Lenguajes mostrados lado a lado | 1 (normalmente JS) | 3 (JS · Python · Java) |
| Visualizadores interactivos que funcionan | Prometidos, rara vez reales | 4 — bucle, variable, pila, spot-the-bug |
| Página de "errores comunes" por concepto | Ninguna | 13 páginas dedicadas |
| Biblioteca de preguntas de entrevista | Ninguna | Más de 50 Qs por concepto |
| Tutoriales de mini-proyectos | 0–2 | 5, cada uno en menos de 1 h |
| Identidad del autor / E-E-A-T | "Equipo editorial" | Dos autores con nombre y revisiones fechadas |
| Registro requerido | A menudo, tarde o temprano | Nunca |
| Anuncios, ventas adicionales, "premium" | Sí | Ninguno |
Lo que dicen los estudiantes.
Las pestañas de tres lenguajes me rompieron algo en la cabeza — para bien. Por fin veo qué es el lenguaje y qué es la idea real.
El visualizador de bucles es la mejor herramienta de enseñanza que he usado. Hice que toda mi cohorte del bootcamp lo usara.
La página de errores comunes de variables me ahorró una hora de confusión en la primera semana. Debería ser lectura obligatoria.
Conoce a Bee, nuestra depuradora en jefe 🐝
Aparece en las páginas difíciles para señalar errores que Mark y Tom han visto cometer a más de 100 estudiantes. Cuando la veas, baja la velocidad — está apuntando a algo que la mayoría de los principiantes no ven. Más sobre Bee →