Desarrollo web front-end

El lenguaje de marcado de hipertexto (HTML) es el estándar moderno para mostrar y estructurar contenido web en internet . ^{[ 6 ]} HTML define qué elementos se mostrarán en un sitio web y cómo se organizarán. Todos los navegadores web principales están diseñados para interpretar HTML, y la mayoría de los sitios web modernos sirven HTML al usuario. ^{[ 7 ]} El hipertexto es texto que se muestra en una computadora con referencias a otro texto; estas referencias (o enlaces) se denominan " hipervínculos ". Cuando un usuario de internet interactúa con un elemento hipervinculado, el sitio web le sirve los datos vinculados. Estos datos pueden ser otra página web HTML, JavaScript o cualquier otra cosa. La última versión principal de HTML es HTML5 , publicada originalmente el 28 de octubre de 2014 como una recomendación del W3C . ^{[ 8 ] [ 9 ]} Una página web puede desarrollarse para incluir muchas etiquetas de marcado. Cada par de etiquetas de marcado normalmente comienza con una etiqueta de inicio y termina con una etiqueta de cierre correspondiente. El texto entre la etiqueta de inicio y la etiqueta de cierre se llama elemento HTML.

Las hojas de estilo en cascada (CSS) controlan la presentación y el estilo de un sitio web. CSS utiliza un sistema en cascada para resolver conflictos de estilo aplicando reglas de estilo basadas en la especificidad, la herencia y la importancia. Las consultas de medios permiten ajustar el diseño y la apariencia del sitio según factores como el tamaño y la resolución de la pantalla. CSS se puede aplicar de tres maneras: hojas de estilo externas vinculadas en un archivo HTML, bloques internos <style> o en línea dentro de elementos individuales. ^{[ 10 ]}

JavaScript es un lenguaje de programación imperativo basado en eventos (a diferencia del modelo de lenguaje declarativo de HTML ) que se utiliza para transformar una página HTML estática en una interfaz dinámica. El código JavaScript puede usar el Modelo de Objetos del Documento (DOM), proporcionado por el estándar HTML, para manipular una página web en respuesta a eventos, como la interacción del usuario.

Mediante una técnica llamada AJAX , el código JavaScript también puede recuperar activamente contenido de la web (independientemente de la recuperación de la página HTML original) y reaccionar a eventos del servidor, lo que permite una mayor flexibilidad y velocidad.

WebAssembly , compatible con los principales navegadores (de los principales proveedores: Google, Apple, Mozilla y Microsoft), es la única alternativa a JavaScript para ejecutar código en navegadores web (sin la ayuda de complementos como Flash , Java o Silverlight , que están siendo descontinuados, ya que los navegadores están dejando de ofrecer soporte para complementos). Antes de su adopción, existía asm.js (un subconjunto de JavaScript, que funcionaba en todos los navegadores) y que también se utilizaba como destino del compilador, con soporte eficiente en navegadores como Internet Explorer 11. Para aquellos navegadores que no admiten WebAssembly directamente, se puede compilar a asm.js y así obtener soporte para dichos navegadores. En general, los programadores no programan directamente en WebAssembly (o asm.js), sino que utilizan lenguajes como Rust , C o C++ , o en teoría cualquier lenguaje que compile a WebAssembly.

Con el continuo desarrollo de dispositivos móviles, como teléfonos inteligentes y tabletas, los diseñadores deben asegurarse de que su sitio web se visualice correctamente en los navegadores de todos los dispositivos. Esto se puede lograr creando un diseño web adaptable mediante hojas de estilo CSS.

Los objetivos de rendimiento se centran principalmente en el tiempo de renderizado, manipulando el HTML, CSS y JavaScript para asegurar que el sitio se abra rápidamente. Además de los tiempos de carga rápidos, los desarrolladores deben tener en cuenta la velocidad, los tipos de navegador y la navegación del usuario por el sitio web. Cuanto más tiempo tarde en cargar un sitio web, mayor será la probabilidad de que los usuarios abandonen la visita. El objetivo de rendimiento para los desarrolladores front-end es minimizar los tiempos de carga, para que la experiencia sea lo más accesible e interactiva posible, lo antes posible. Esto se suele lograr añadiendo funciones adicionales para disimular la latencia mientras se cargan de forma asíncrona las partes más largas de la experiencia. ^{[ 12 ]}