¿Qué es un linter?

En los ejercicios de Códica no solo revisamos si tu código funciona —también revisamos cómo está escrito. Para eso usamos una herramienta especial que se llama linter

El linter es como un corrector de estilo, pero para el código. Su trabajo es revisar si estás escribiendo el código de forma clara, ordenada y siguiendo ciertas reglas.

Estas reglas indican cosas como:

• cuántos espacios usar para sangría,

• cómo nombrar tus variables y funciones,

• dónde poner los paréntesis o las comas,

• qué tan largas pueden ser las líneas de código,

• entre otros detalles.

A simple vista, parecen cosas pequeñas. Pero cuando las sigues todas, tu código se ve mucho mejor: más limpio, más fácil de leer y más profesional. Eso ayuda tanto a ti como a cualquier persona que lea tu código después.

Así usamos el linter en Códica

Cuando haces un ejercicio, el linter revisa tu código automáticamente. Si encuentra algo que no está bien escrito, te lo muestra en la parte de abajo.

Ahí puedes ver:

• el nombre del archivo con errores,

• el número de la línea donde está el problema,

• una breve explicación del error,

• y el nombre de la regla que se rompió.

¿Qué hago si no entiendo el error?

No te preocupes, nos pasa a todos.

Copia el nombre de la regla y búscalo en Google. Normalmente, uno de los primeros resultados será la página del linter. Ahí te explican mejor qué significa ese error y te muestran ejemplos de cómo corregirlo.

Y si todavía tienes dudas, ¡guarda tu ejercicio y pregunta en el canal del curso! Siempre hay alguien del equipo listo para ayudarte

Estos son los linters que usamos en Códica

En Códica usamos diferentes linters según el lenguaje. Cada uno revisa que el código esté bien escrito, ordenado y siguiendo buenas prácticas.

👨‍💻 JavaScript

Usamos ESLint con las reglas de estilo de Airbnb.
👉 Revisa que el código sea limpio y fácil de leer.

👨‍💻 Python

Usamos flake8 con las reglas de wemake.
👉 Te señala errores comunes y sugiere buenas prácticas.

👨‍💻 HTML

Usamos HTMLHint con configuraciones estándar.
👉 Detecta etiquetas mal cerradas o mal ubicadas.

👨‍💻 CSS

Usamos Stylelint, con algunas reglas personalizadas.
👉 Asegura que tus estilos estén bien organizados.