Fundamentos de CSS y JavaScript para el Desarrollo Web Moderno

Enviado por Chuletator online y clasificado en Informática y Telecomunicaciones

Escrito el en español con un tamaño de 2,46 KB

Hojas de Estilo CSS

Una de las máximas en programación es separar la lógica y la estructura del formato. Con esto se consiguen las visiones diferentes en móviles, tablets, etc. Una hoja de estilo es un fichero de texto con extensión .css que define todas las opciones de formato de los diferentes elementos de una página HTML. Las propiedades que no se definan, serán establecidas por la hoja de estilo por defecto del navegador. Para que un HTML pueda encontrar un fichero CSS, debemos indicarle cuál es y dónde está; para eso utilizamos esta etiqueta dentro de la cabecera (entre <head> y </head>):

Atributos clave en CSS

Existen 2 atributos muy utilizados en conjunto con el CSS:

  • Id: Da nombre a la etiqueta para poder hacer referencia a él desde CSS.
  • Class: Crea una clase y otorga características de formato a un conjunto de elementos que sean de diferente tipo.

El selector nos permite referenciar en CSS los diferentes elementos HTML. Es una cadena de texto que indica a qué elementos se aplicarán las reglas de formato. El selector va seguido de las reglas de formato separadas por ; y encerradas entre corchetes.

JavaScript

El HTML no es considerado como un lenguaje de programación debido a la escasez de recursos y funciones típicos de los lenguajes de programación. El HTML indica qué elementos tiene una página y cómo mostrarlos, pero no puede realizar acciones ni cálculos.

Funciones y arquitectura

La principal función de JavaScript es lanzar desde páginas web las peticiones al servidor y capturar la respuesta del mismo para mostrarla en pantalla; es la base de la arquitectura cliente/servidor. Para añadir dinamismo a las páginas (menús desplegables, galerías de imágenes, etc.), debemos usar JavaScript. Es un lenguaje interpretado por el navegador y es óptimo para la arquitectura cliente/servidor. Un código JavaScript en una página HTML puede descargarse y ejecutarse en cualquier plataforma.

Puede realizar todo tipo de cálculos, mostrando en la página información generada en el momento de la consulta. La reutilización de código ha permitido a la informática desarrollarse a la velocidad que lo ha hecho. Creando librerías se consigue reaprovechar el código escrito de una aplicación a otra.

Entradas relacionadas: