Si no eres ni programador ni diseñador web, probablemente nunca te hayas planteado qué hay detrás de los programas y de las páginas web que utilizas a diario. Estos se basan en parte en instrucciones largas y muy complejas que se le dan al ordenador. Al texto que incluye todos los comandos se le denomina código fuente, texto fuente o source code en inglés. Basándose en un determinado lenguaje de programación, los programadores establecen todas las normas para las aplicaciones ejecutables por ordenador. Si el autor inserta un error imperceptible en su trabajo y este contraviene las normas del lenguaje de programación, el programa no funciona o se bloquea al realizar determinados procesos.
Por código fuente se entiende todo texto legible por un ser humano y redactado en un lenguaje de programación determinado. El objetivo del código fuente es crear normas y disposiciones claras para el ordenador y que este sea capaz de traducirlas a su propio lenguaje. De este modo, el texto fuente es la base de los programas y de las páginas web.
Los ordenadores, ya sean PC domésticos, modernos móviles u ordenadores para la industria o la ciencia, trabajan con un sistema binario: encendido/apagado, cargado/no cargado, 1/0. Una secuencia de estados (bits) indica al ordenador lo que tiene que hacer. Mientras que en los comienzos de la tecnología informática se creaban comandos con estas dos condiciones, hace tiempo que se ha pasado a escribir aplicaciones en un lenguaje de programación legible por los humanos. Esto puede sonar un poco raro a priori, pues para los profanos en la materia un código fuente es más un galimatías que otra cosa.
En este contexto, “legible por los humanos” es antónimo de “legible por las máquinas“. Mientras que los ordenadores solo trabajan con valores numéricos, las personas utilizamos palabras para comunicarnos. Al igual que las lenguas extranjeras, los lenguajes de programación también tienen que aprenderse antes de utilizarse.
Hay cientos de lenguajes de programación diferentes y no se puede decir per se que unos sean mejores que otros, pues esto depende del contexto del proyecto y de la aplicación para la que se use el código fuente. Entre los lenguajes de programación más conocidos se encuentran:
Para que los ordenadores puedan comprenderlos, estos deben traducirse al código de máquina.
Para que los ordenadores puedan procesar el texto fuente creado por los programadores tiene que haber un traductor entre ambos en forma de programa adicional. Esta aplicación auxiliar puede presentarse como compilador o como intérprete:
Con todo, la elección de uno u otro no es libre, pues es el el lenguaje de programación el que determina si debe utilizarse un compilador o un intérprete, aunque hoy en día cada vez es más frecuente recurrir a una solución provisional: just-in-time (JIT) compilation, en españolcompilación en tiempo de ejecución. Este tipo de traducción intenta combinar las ventajas de ambos programas (análisis y ejecución rápidos) y se emplea, por ejemplo, en los navegadores para gestionar JavaScript, PHP o Java más eficazmente.
El texto fuente también es el término utilizado para definir la estructura básica de una página web. Sin embargo, esta no se basa en un lenguaje de programación, sino en el lenguaje de marcado HTML. Un lenguaje de marcado establece la manera en que se estructuran los contenidos. Así, por ejemplo, HTML permite definir encabezados, párrafos o resaltes. Un documento HTML no es en sí un programa, pero puede incluir alguno en forma de código JavaScript, lo que también se aplica a otros lenguajes de marcado como XML.
Al escribir programas hay que cumplir determinadas convenciones independientemente del lenguaje de programación que se emplee. Muy pocos lenguajes se crean de la nada, sino que la mayoría se desarrolla a partir de los otros, de ahí que haya determinados elementos que aparecen reiteradamente en diferentes códigos de programación:
La creación de código fuente siempre está ligada a un problema. Los desarrolladores escriben programas para ofrecer soluciones, pero no se establece cuál es el camino para ello. Cuando dos programadores se ocupan del mismo problema, puede ocurrir que ambos textos fuente difieran significativamente entre sí, incluso a pesar de que se trabaje con el mismo lenguaje.
A pesar de que en muchos casos no hay una solución única, todas las tareas de programación tienen algo en común: un buen texto fuente debe prescindir de código innecesario, pues este hace que el programa sea más complejo, lento y propenso a errores. El código fuente poco claro que ni siquiera los profesionales pueden comprender se denomina código espagueti, pues su estructura es tan confusa como un montón de espaguetis en un plato.
Para escribir un texto fuente solo se necesita un editor de textos simple, como Editor (cuyo nombre original es Notepad) en Windows o TextEdit en Mac. El código fuente se guarda como texto sin formato (por ejemplo en código ASCII o como UTF-8) a partir de la extensión del nombre de archivo correcto para el lenguaje de programación. Si encuentras un archivo con la terminación “.cpp” en tu disco duro, se trata de un archivo de texto que contiene código en el lenguaje de programación C++.
Las extensiones de archivo son convenciones. El sufijo que normalmente se separa por un punto y se agrega al nombre del archivo debe mostrar el formato que tiene el archivo. Windows reconoce la extensión del archivo –siempre que esta sea conocida– y el programa con el que se debe ejecutar el archivo correspondiente. Otros sistemas operativos basados en Unix (p. ej., macOS) también tienen en cuenta el contenido del archivo para determinar el formato.
Además de los programas estándares de los sistemas operativos, también hay editores de texto mejorados que facilitan el trabajo con código fuente con diversas funciones:
Los proyectos de mayor envergadura pueden desarrollarse con programas especiales. Los entornos de desarrollo integrados engloban diversas herramientas (de ahí el calificativo “integrado”) necesarias para los desarrolladores y así aceleran el flujo de trabajo. Otra ventaja de los IDE (Integrated Development Environment) es que las herramientas integradas se comunican entre sí de forma continua y realizan cambios de manera sincrónica. Entre estas herramientas se encuentran:
Algunos de los ejemplos más comunes para entornos de desarrollo integrados son la plataforma de software de Eclipse, de código abierto, o el producto de Microsoft Visual Studio.
Al hablar de la estructura básica de las páginas web también se puede hablar generalmente de código fuente, incluso cuando se trata de un documento y no de un programa. Las páginas web se escriben en el lenguaje de marcado HTML, pero no es raro que estas también contengan elementos redactados en lenguajes de programación como JavaScript. Ambos tipos de lenguaje tienen en común que se pueden escribir en editores de texto, por lo que las páginas web también pueden redactarse completamente con Editor o TextEdit.
Incluso si no eres un diseñador web, puede que te resulte interesante analizar el código fuente de una página web para, por ejemplo, identificar elementos defectuosos. Los navegadores actuales ofrecen diversas posibilidades para examinar el texto fuente de las páginas web y, aunque estas tengan otras denominaciones, puedes encontrar las mismas funciones en Mozilla Firefox, Internet Explorer (o Microsoft Edge) y en el navegador Chrome de Google.
Una variante para hacer visible el código fuente de una página web es guardándola como archivo HTML haciendo clic con el botón derecho del ratón o desde el menú. En este sentido es importante que te decidas únicamente por “solo HTML” como tipo de archivo (si guardas la versión completa de la página esta se mostrará tal y como aparece en el navegador, incluidas las imágenes, pero sin que se visualicen las etiquetas HTML). A continuación puedes abrir el archivo con un editor de texto. Es probable que los editores sencillos que proporciona el sistema operativo presenten el código de un modo muy confuso. Sin embargo, los editores de texto con una funcionalidad más amplia permiten mostrar el código fuente de un modo más legible.
Pero también puedes ver el código fuente de una página web sin necesidad de guardarla. Para ello, los navegadores modernos te ofrecen dos métodos: o bien se visualiza el código HTML de toda la página web o una herramienta de análisis que ayuda a inspeccionar el código. La primera variante se diferencia mínimamente de la presentación de los archivos descargados y en este caso se abre una nueva pestaña o una nueva página que presenta el texto fuente estructurado mediante números de línea.
La segunda variante resulta más interesante y ofrece más funciones: la herramienta de análisis se encuentra en el menú en el apartado “Inspeccionar” (Chrome) o “Inspeccionar elemento” (Internet Explorer y Firefox). A continuación se abre un campo en la ventana en el cual también puedes (además de realizar otras funciones) visualizar el código fuente. La diferencia con las otras variantes es que esta herramienta de desarrollo permite marcar directamente los elementos correspondientes en la página web moviendo el cursor por el texto fuente. Esto significa que la herramienta te muestra la línea de código a la que se hace referencia, método que también utilizan los profesionales del diseño web para, por ejemplo, revisar la presentación de sus páginas web.
Puedes abrir la función de “Inspeccionar” de muchas maneras. Además de acceder mediante el menú de contexto haciendo clic con el botón derecho del ratón, esto también funciona en los navegadores más usuales presionando la tecla F12.
Tras el texto fuente de un programa se esconde una gran cantidad de trabajo y mucha energía creativa, de ahí que esté protegido por los derechos de autor. Como en cualquier otro tipo de propiedad intelectual, no está permitido difundir o plagiar el código de un tercero sin autorización, lo que se aplica sobre todo al llamado software propietario.
La situación es distinta en los programas de código abierto. En el ámbito del desarrollo de software hay una escena open source muy activa en la que el código se maneja con mucha más libertad. El sentido de esta cultura abierta entre los desarrolladores es el de trabajar conjuntamente en proyectos y así desarrollar software y mejorarlo a largo plazo. En GitHub, SourceForge u otras plataformas similares, los desarrolladores ponen código fuente, en gran medida de forma gratuita, a disposición de otros programadores. No obstante, los desarrolladores de programas open source deben ceñirse generalmente a determinadas limitaciones como, por ejemplo, citar al autor y la licencia cuando se quiere utilizar el código.
HTML5 es el nuevo lenguaje de Internet, sin embargo hay desarrolladores web que siguen usando lenguajes de hipertexto anticuados, como HTML 4.01 o XHTML, que precisan de numerosos plugins externos que ponen en peligro tanto la compatibilidad como la seguridad de las páginas web. Al contrario, HTML5 hace posible la directa integración de elementos multimedia e interfaces de programación basadas en...
En lo que respecta a la gestión de repositorios, la mayoría de los usuarios recurre al servicio online GitHub. Sin embargo, existen otras alternativas que son más apropiadas para necesidades especiales en determinadas circunstancias. En el presente artículo encontrarás más información sobre las alternativas a GitHub actuales que resultan de gran utilidad para la gestión de tu proyecto.
Los hipervínculos, que dirigen desde una página web a otra, constituyen uno de los elementos básicos de la World Wide Web, el sistema de hipertexto más conocido y utilizado. Aunque sirven sobre todo para navegar por la red, también los proveedores de buscadores hacen uso del entramado de estas referencias para averiguar qué es lo que se enlaza con qué, de modo que se usan como recomendaciones. Si...
HTML, CSS y JavaScript se han asentado en el desarrollo web moderno. Pero al diseñar o reutilizar bloques de códigos por separado, los lenguajes web estándar muestran debilidades. La tecnología Shadow DOM, incluida entre los componentes web, puede ser la solución: permite manejar bloques de códigos encapsulados con un rango de validez propio que no se ven alterados por las instrucciones que...
Ofrece un servicio fiable y de alto rendimiento a tus clientes con un pack hosting de IONOS.
Ver planes
