¿Qué es HTML?

HTML es la abreviatura de lenguaje de marcado de hipertexto. Sé que es un bocado, pero básicamente usamos HTML para definir la estructura o los componentes básicos de nuestras páginas web.

¿Qué es CSS?

CSS es la abreviatura de Hojas de estilo en cascada. Lo usamos para diseñar páginas web y hacerlas hermosas.

¿Qué es JavaScript?

JavaScript se utiliza para agregar funcionalidad a las páginas web. Dejame darte una analogía.

Piensa en un edificio.

Un edificio en el mundo real es como una página web en Internet. Tiene un esqueleto o estructura: la estructura y los cimientos del edificio (HTML).

También puede tener bonitas paredes, ventanas y azulejos que lo rematan y lo hacen lucir bonito (CSS).

Y puede tener cierta funcionalidad, como ser una casa, un hospital o un supermercado (JavaScript).

Por ejemplo, cuando presionamos el botón del ascensor, este viene a recogernos. JavaScript permitiría esto en nuestra analogía.

Un ejemplo real

Aquí tienes un ejemplo real. Supongamos que desea crear un sitio web como Twitter. Para el perfil, desea tener un diseño como este:

Primero, usamos HTML para definir los componentes básicos de este diseño. ¿Cuáles son estos componentes básicos aquí?

1. Una imagen.
2. Algún texto que indique el nombre de usuario de Twitter del usuario (por ejemplo, @KarlgustaAnnoh).
3. Otro bloque de texto que contiene el mensaje (Enseñar codificación a través de cuentos...).
4. Botones/iconos para editar el perfil, Ubicación, enlace y fecha.
5. Conteo de seguidores.

Usamos HTML para agregar estos bloques de construcción a nuestra página web.

Luego, usamos CSS para darle atractivo visual. Por ejemplo, con CSS, podemos poner el texto en negrita (como el nombre), podemos hacer nuestra imagen redonda. También podemos cambiar el color de los íconos de ubicación, enlace y fecha, y definir su apariencia cuando pasamos el cursor sobre ellos.

Entonces, CSS tiene que ver con los efectos visuales. Con CSS también podemos crear bonitas animaciones.

Hoy en día, la mayoría de las páginas web son interactivas. Responden a nuestras acciones como clics y desplazamientos. Aquí es donde entra en juego JavaScript. Con JavaScript, podemos agregar funcionalidad o comportamiento a nuestras páginas web. Por ejemplo, podemos hacer clic en un botón para seguir a una persona.

Por lo tanto, JavaScript es un lenguaje de programación, mientras que HTML (lenguaje de marcado) y CSS (lenguaje de estilo) técnicamente no lo son. Esto significa que no podemos usarlos para decirle a las computadoras qué hacer. Los utilizamos para definir los componentes básicos de nuestras páginas web y darles estilo.

Cada página web que has visto en Internet está construida con estos tres idiomas. Por lo tanto, cuanto mejor los aprenda y comprenda y sus características, mejor será en el desarrollo frontend.

¡Nos vemos en el próximo!

PD. Esta es mi nueva serie. Si eres nuevo en la programación y quieres ayuda para aprender a codificar, consulta The 2 Hour Web Developer.