Desarrollador Front-end
¿Qué es un Desarrollador Front-end?
El desarrollador front-end es un especialista encargado de diseñar la interfaz de usuario de los sitios web. Utiliza las tecnologías de la información y comunicación para plasmar el contenido de manera que los usuarios lo puedan aprovechar al máximo. Puede convertir cualquier sitio web en un fenómeno mundial.
Un desarrollador front-end trabaja la interfaz de usuario desde el punto de vista del código, para que la interacción con el sistema sea posible. Por lo tanto, se encarga de la parte visual de la web (de todo aquello que puedes ver en tu explorador) haciendo que su diseño sea intuitivo y atractivo
Objetivos generales
Al contrario que el backend, un desarrollador frontend va a trabajar siempre por y para el usuario final teniendo en cuenta lo siguiente:
- Usabilidad: hace referencia a la facilidad que ofrecen las aplicaciones móviles o webs para que el usuario final interactúe sin necesidad de tener un alto grado de conocimientos en la navegación.
- Accesibilidad: cuando hablamos de accesibilidad lo hacemos en varios términos, en un primer lugar nos referimos al acceso que tenemos a herramientas digitales desde cualquier dispositivo, en otro caso sería la forma en que pueden acceder a estas herramientas personas con discapacidad. En definitiva, se refiere a la eliminación de barreras para la equiparación de oportunidades.
- Experiencia de usuario: en este punto hablamos de la interacción que tiene el usuario con el entorno digital, si la experiencia al utilizar los diferentes dispositivos de acceso es positiva o por el contrario es compleja y poco satisfactoria.
Lo que aprenderás
Lección 1
- Diseño web
- Desarrollo web
- Tipo de sitios web
- Medidas de salud y seguridad laboral
- Integración de equipo de trabajo
- Contexto laboral
Lección 2
- Diseño de la interfaz de usuario
- Experiencia de usuario
- Aseguramiento de la usabilidad
- Páginas web obligatorias en un sitio web
- Diseño interactivo
Lección 1
- Proceso de desarrollo front-end
- Requerimientos del cliente
- Mapas de navegación y wireframes
- Herramientas de desarrollo web
- Diseño de páginas web
Lección 2
- Lenguaje de la web
- Etiquetas en HTML
- Uso de links e imágenes en HTML
- Insertar listas y tablas en HTML
- Estructura en HTML
- Video y audio con HTML
- Primera página web
Lección 3
- Generar estilo visual al sitio web
- Generar clases en CSS
- Selección de colores y fuentes de letras
- Contorno, bordes y márgenes Video
- Uso de pseudo-clases
- Página web visualmente atractiva
Lección 4
- Cómo incorporar JavaScript al sitio web?
- Manejador de eventos
- Uso de API
- Creación de formularios
- Nuevas funcionalidades
Lección 1
- Cambios al desarrollo front-end
- Análisis de impacto
- Mantenimiento al sitio web
- Cronograma de mantenimiento
- Agregar cambios específicos
Lección 1
- Qué es SEO?
- SEO on-page
- SEO off-page
- Editor de texto especializado
- Uso de frameworks
- Frameworks de front-end
- Facilitando el desarrollo front-end
