Es como el primer acorde cuando aprendés guitarra, o el primer dibujo en Paint. No importa si parece simple: lo importante es que marca el inicio.
Spoiler: no necesitás instalar nada. Solo un editor de texto y un navegador como Safari o Chrome.
¿Qué es “Hello World”?
Es la forma más simple de probar que algo funciona. Escribir un mensaje, ejecutarlo, y ver que aparece en pantalla. Es una prueba técnica, pero también simbólica: un “hola” al mundo de la programación.
1) Abrí un editor de texto
Podés usar cualquier editor de texto como Notepad en Windows o TextEdit en MacOS, pero si querés algo cómodo y pensado para programar, te recomiendo Visual Studio Code.
Si no querés instalar nada, también podés usar un editor online como CodePen o JSFiddle.
2) Escribí tu primer HTML
Copiá y pegá este código en tu editor:
Guardá el archivo como "hello.html" (es importante que la extensión sea .html).
3) Abrí el archivo en el navegador
Hacé doble clic en el archivo que guardaste (hello.html) o arrastralo hacia el navegador (Chrome, Safari o cualquier otro). Se va a abrir en tu navegador y vas a ver el mensaje que escribiste. Felicitaciones, acabás de crear una página web.
¿Qué significa todo eso?
<!DOCTYPE html>: le dice al navegador que esto es un documento HTML.<html>: abre el contenido de la página.<head>: parte “invisible” donde va el título, configuraciones, etc.<body>: todo lo que se ve en pantalla.<h1>y<p>: son etiquetas para texto grande (título) y texto común (párrafo).
Podés cambiar los textos y ver qué pasa. Por ejemplo, reemplazá “Hello World” por tu nombre o por una frase favorita.
Conclusión
Acabás de escribir tu primer código web. A partir de acá se puede construir cualquier cosa: desde un portfolio hasta una tienda online, una app, o un blog como este.
En el próximo artículo, vamos a explicar qué son las variables y funciones, y cómo se usan para que el código empiece a “pensar”.
#internetEsCool no es solo mirar internet. Es entender cómo se hace. Y ahora que escribiste tu primera línea, ya estás del otro lado.