Want to create interactive content? It’s easy in Genially!

Get started free

BCP DWEB

Ivonne Nava

Created on January 8, 2024

Start designing with a free template

Discover more than 1500 professional designs like these:

Geniaflix Presentation

Vintage Mosaic Presentation

Shadow Presentation

Newspaper Presentation

Zen Presentation

Audio tutorial

Pechakucha Presentation

Explore all templates

Transcript

DESARROLLO FRONT END

WOW

Bootcamp Desarrollo Web

¡EMPECEMOS!

ÍNDICE

1.

¿Qué es el desarrollo Frot End?

2.

3 Lenguajes para desarrollar el Front End

3.

Funciones de un Front End Developer

Para mayor información da clic aquí

¿QUÉ ES EL DESARROLLO FRONT END?

El desarrollo front end es aquel que da una estructura a los datos que aparecen en una interfaz gráfica, con el fin de optimizar la experiencia del usuario.

Es el encargado de definir la jerarquía de la información que se visualiza y su distribución:

Los márgenes, los colores, los recursos audiovisuales, las animaciones, etc. El resultado es lo que todos conocemos: una página web.

Con el front end se mejora su posicionamiento en buscadores, así como la legibilidad y accesibilidad de cara a los usuarios.

Para mayor información da clic aquí

3 LENGUAJES PARA DESARROLLAR EL FRONT END

CSS

Java Script

HTML

Es un lenguaje que ejecuta las tareas en el navegador. Algunas de sus funciones son la mejora de la animación e interactividad del contenido, la actualización automática o el almacenamiento de datos sobre el comportamiento del usuario.

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.

Permite definir todo el contenido que va a aparecer en la interfaz del front end. El objetivo de esta herramienta es que la interpretación del código sea la misma en cualquier navegador.

Para mayor información da clic aquí

FUNCIONES DE UN FRONT END DEVELOPER

Las principales funciones de un Front end Developer son:

  • Traducir el diseño de un sitio a código HTML y CSS
  • Estructurar el contenido semánticamente
  • Asegurar la accesibilidad
  • Controlar tipografías, plantillas, formas del diseño y la interactividad
  • Programar, cambiar y mantener un sitio web
  • Adaptar el diseño de una web a diversos dispositivos y navegadores
  • Crear herramientas que mejoren la interacción entre usuario y web
  • Usar APIs para conectar la web con servicios y sistemas

Para mayor información da clic aquí