Front-End
Frontend es la parte de un programa o dispositivo a la que un usuario puede acceder directamente. Son todas las tecnologías de diseño y desarrollo web que corren en el navegador y que se encargan de la interactividad con los usuarios.
¿Para qué sirve el Front-end?
- Traducción de las imágenes del diseño de una web a código HTML, JS y CSS.
- Creación de la estructura semántica.
- Muestra el diseño, los contenidos y la que permite a los visitantes navegar por las diferentes páginas mientras lo deseen.
- Asegurar la accesibilidad de la web.
- Control tipografías, plantillas, formas de diseño e interactividad.
- Programación, cambio y mantenimiento de un sitio web.
- Adaptación del diseño de una web a los diferentes dispositivos y navegadores con los que el usuario pueda acceder.
- Creación y herramientas que faciliten la interacción entre el usuario y la web.
- Uso de APIs para conectar la web con servicios y sistemas.
- Implementación de prácticas de SEO on page.
¿Qué lenguaje necesita el Front-end?
- HTML: HyperText Markup Language, el lenguaje creado por Tim Berners-Lee es el estándar más importante a la hora de crear páginas web, siendo el primer formato de publicación en la World Wide Web. HTML permite definir todo el contenido que va a aparecer en la interfaz, desde el texto hasta las imágenes, gráficas, vídeos, etc.
- CSS: es el lenguaje de diseño gráfico encargado de definir la apariencia visual de las interfaces escritas en HTML. CSS es la parte del desarrollo front-end que se centra en la forma propiamente dicha: los colores, las fuentes, los fondos, etc.
- JavaScript: Se trata de un lenguaje de programación interpretado que, en este contexto, ejecuta sus tareas implementado en el navegador. Algunas de sus funciones en desarrollo front-end son la mejora de la animación e interactividad del contenido, la actualización automática sin tener que cargar de nuevo la página o el almacenamiento de datos sobre el comportamiento del usuario
Saber más sobre front-end
- Definición de «java»
- Definición de «HTML»
- Definición de «landing page»