Tecnologías frontend para la web

Las aplicaciones web dependen de un ecosistema de tecnologías que permiten la publicación de contenidos de una manera mucho más atractiva y reduciendo la rigidez en el diseño. Es por ello que en esta entrada se ampliarán más a fondo algunos conceptos básicos relacionados con los lenguajes que intervienen en éste contexto

HTML, CSS y JavaScript, como un gran equipo

Para poder realizar un diseño web de manera profesional, es necesario tener un buen manejo de las tecnolgías web y en espacial a las relacionadas con el tema de estilos y maquetación, a continuación se verán algunos conceptos básicos

HTML

Del inglés HyperText Markup Language, es el lenguaje compuesto por etiquetas que define el contenido o maquetado de una página web y estas últimas son interpretadas por el navegador web para mostrar los contenidos de una página.

Tener claro que: HTML no es un lenguaje de progrmación, es un lenguaje de marcado o maquetación, el cual es el encargo de darle estructura a una página web

Jerarquía DOM

Del inglés Documento Object Model, la W3C (Consorcio World Wide Web ) lo define como una interfaz de programación para lenguajes HTML y XML, a continuación se puede apreciar el árbol DOM de una página básica HTML

Jerarquía DOM

A continuación se mostrará la codificación del árbol DOM en un documento HTML

Documento html

CSS

Del inglés Cascading Style Sheets, también llamadas hojas de estilo o cascada permiten tener un control total en la forma de presentar los contenidos en una página web y de cómo visualizar la información en un portal

html y css

JavaScript

Es un lenguaje de programación principalmente del lado del cliente, es decir que se ejecuta en el ordenador y no en el servidor, por tanto los navegadores son los encargados de interpretarlo y es compatible con la gran mayoría de navegadores del mercado.

Importante: JavaScript no es igual a Java

Lecturas de referencia