El desarrollo web front-end es la práctica de convertir datos a una interfaz gráfica , mediante el uso de HTML, CSS y JavaScript, para que los usuarios puedan ver e interactuar con esos datos.
Herramientas utilizadas para el desarrollo front-end
Hay varias herramientas y plataformas, como WordPress , Joomla y Drupal , disponibles que se pueden utilizar para desarrollar la interfaz de un sitio web. [1]
Lenguaje de marcado de hipertexto
El lenguaje de marcado de hipertexto (HTML) es la columna vertebral de cualquier proceso de desarrollo de un sitio web, sin el cual no existe una página web. Hipertexto significa que el texto tiene enlaces, denominados hipervínculos, incrustados en él. Cuando un usuario hace clic en una palabra o frase que tiene un hipervínculo, traerá otra página web. Un lenguaje de marcado indica que el texto se puede convertir en imágenes, tablas, enlaces y otras representaciones. Es el código HTML el que proporciona un marco general de cómo se verá el sitio. HTML fue desarrollado por Tim Berners-Lee . La última versión de HTML se llama HTML5 y fue publicada el 28 de octubre de 2014 por recomendación de W3. Esta versión contiene formas nuevas y eficientes de manejar elementos como archivos de video y audio.
Hojas de estilo en cascada (CSS)
Las hojas de estilo en cascada (CSS) controlan el aspecto de presentación del sitio y permiten que su sitio tenga su propia apariencia única. Para ello, mantiene hojas de estilo que se colocan encima de otras reglas de estilo y se activan en función de otras entradas, como el tamaño y la resolución de la pantalla del dispositivo.
JavaScript
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 de documento (DOM), proporcionado por el estándar HTML, para manipular una página web en respuesta a eventos, como la entrada del usuario.
Usando 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 también reaccionar a los eventos del lado del servidor, agregando una naturaleza verdaderamente dinámica a la experiencia de la página web.
WebAssembly
WebAssembly , compatible con los principales navegadores (es decir, 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 ; todos serán descontinuados, ya que los navegadores están eliminando la compatibilidad con complementos). Antes de su adopción, existía asm.js (un subconjunto de JavaScript; y por lo tanto funciona estrictamente en todos los navegadores), que también se usa como un objetivo del compilador con soporte eficiente en navegadores como Internet Explorer 11 ; y para los navegadores que no son compatibles con WebAssembly directamente, se puede compilar en asm.js y los navegadores admitidos de esa manera. En general, los programadores no programan en WebAssembly (o asm.js) directamente, sino que utilizan lenguajes como Rust, C o C ++ o, en teoría, cualquier lenguaje que se compile en él.
Objetivos de desarrollo
El desarrollador de la interfaz tiene en cuenta estos puntos y utiliza las herramientas y técnicas disponibles para alcanzar este fin. [1]
Accesibilidad
Con el desarrollo continuo para dispositivos móviles, como teléfonos inteligentes y tabletas, los diseñadores deben asegurarse de que su sitio aparezca correctamente en los navegadores de todos los dispositivos. Esto se puede hacer creando un diseño web receptivo usando hojas de estilo en CSS.
Actuación
Los objetivos de rendimiento se relacionan principalmente con el tiempo de renderizado, manipulando HTML, CSS y JavaScript para garantizar que el sitio se abra rápidamente.
Desarrollo rápido
Esta tecnología permite un desarrollo rápido y ahorra tiempo.
Referencias
- ↑ a b Codesido, Ivan (28 de septiembre de 2009). "¿Qué es el desarrollo de front-end?" . Theguardian.com . Consultado el 17 de enero de 2019 .