| Desarrollo de software |
|---|
| Actividades centrales Actividades principales |
| Paradigmas y modelos |
| Metodologías y marcos |
| Disciplinas de apoyo |
| Practicas |
| Instrumentos |
| Estándares y cuerpos de conocimiento |
| Glosarios |
| Contornos |
|
El desarrollo web front-end es el desarrollo de la interfaz gráfica de usuario de un sitio web, mediante el uso de HTML, CSS y JavaScript, para que los usuarios puedan ver e interactuar con ese sitio web.
Hay varias herramientas y plataformas, como WordPress, Joomla y Drupal, disponibles que se pueden utilizar para desarrollar la interfaz de un sitio web.
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 vínculos, 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.
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 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, 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 admiten WebAssembly directamente, se puede compilar en asm.js y los navegadores compatibles 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.
El desarrollador de la interfaz tiene estos puntos en mente, utilizando las herramientas y técnicas disponibles para alcanzar este fin.
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.
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.
Esta tecnología permite un desarrollo rápido y ahorra tiempo.
