IFCD0198

Desarrollo web frontend con html, css y javascript

Adquirir competencias de desarrollo web frontend mediante HTML, CSS y JavaScript, aplicando técnicas de diseño adaptativo y programación para crear interfaces interactivas que se comuniquen de forma efectiva con servidores mediante APIs REST.

Diseñado y producido por Smartmind

Disponibilidad:

Consultar

Contenidos

IFCD0198 — Desarrollo web frontend con html, css y javascript

Módulo 1

Fundamentos de HTML y CSS

Objetivo. Aprender las bases del lenguaje HTML para estructurar contenido semántico y accesible, así como aplicar estilos con CSS para desarrollar sitios web adaptativos. CONOCIMIENTOS/ CAPACIDADES COGNITIVAS Y PRÁCTICAS

Contenidos: 6

Conocimiento/capacidades cognitivas y prácticas

Instalación y configuración del entorno de desarrollo.

Conocimiento y desarrollo HTML y estilos con CSS3

Utilización de etiquetas básicas, de contenidos y semánticas.

Uso de listados, tablas y formularios.

Aplicación de selectores y estilos.

Utilización del modelo de cajas.

Uso de Flexbox y Grid.

Realización de efectos visuales, transiciones y animaciones.

Diseño adaptativo.

Creación de Páginas Web con HTML

Instalación y configuración del entorno de desarrollo

Uso de etiquetas básicas, de contenido y semánticas

Creación de listados, tablas y formularios

Maquetación y Aplicación de Estilos con CSS

Aplicación de selectores y hojas de estilos

Modelo de cajas y maquetación con flexbox y grid

Implementación de diseño adaptativo

Efectos visuales, transiciones y animaciones

Implementación de medidas de sostenibilidad y eficiencia energética

Optimización del consumo energético mediante la gestión eficiente de recursos.

Gestión eficiente del almacenamiento para reducir el desperdicio de espacio.

HABILIDADES DE GESTIÓN, PERSONALES Y SOCIALES

Capacidad de orientación al cliente y escucha en la toma de requisitos.

Comunicación efectiva de los diseños e implementaciones realizados.

Observación constante de la optimización de Imágenes y Gráficos

Uso de IDEs y herramientas de desarrollo que tienen un impacto reducido en el consumo de recursos.

Módulo 2

Introducción a la Programación con JavaScript

Objetivo. Adquirir las bases de JavaScript para añadir interactividad y dinamismo a las páginas web, gestionando eventos y manipulando elementos del DOM. CONOCIMIENTOS/ CAPACIDADES COGNITIVAS Y PRÁCTICAS

Contenidos: 2

Conocimiento/capacidades cognitivas y prácticas

Identificación de Conceptos Básicos de Programación en JavaScript

Constantes, variables, tipos de datos y operadores

Estructuras de control de flujo (condicionales y bucles)

Operaciones con arrays, objetos y funciones

Implementación de Interactividad y Manipulación del DOM

Manejo de eventos y manipulación del árbol DOM

Validación de formularios y manejo de excepciones.

HABILIDADES DE GESTIÓN, PERSONALES Y SOCIALES

Preocupación por el seguimiento y cumplimiento de políticas y regulaciones de seguridad.

Adaptación a las necesidades y políticas empresariales.

Preocupación por el seguimiento y cumplimiento de políticas de protección de datos.

Trabajo buscando la eficiencia energética (reducción del uso de memoria volátil y persistente, uso de entornos de desarrollo con impacto reducido en el consumo de recursos, etc.).

Módulo 3

Asincronía y Comunicación Cliente-Servidor

Objetivo. Manejar la asincronía en JavaScript y a realizar peticiones HTTP al servidor, consumiendo APIs REST y gestionando respuestas en JSON para integrar datos externos en aplicaciones web. CONOCIMIENTOS/ CAPACIDADES COGNITIVAS Y PRÁCTICAS

Contenidos: 2

Conocimiento/capacidades cognitivas y prácticas

Conocimiento de los fundamentos de Asincronía y Comunicación HTTP

Introducción a promesas, async/await y Fetch API

Principios del protocolo HTTP (métodos, cabeceras y estado)

Integración de APIs REST y Gestión de Respuestas

Manejo de cabeceras HTTP y autenticación básica

Procesamiento de respuestas en JSON y manejo de errores

Consumo de APIs REST públicas y privadas.

HABILIDADES DE GESTIÓN, PERSONALES Y SOCIALES

Capacidad de orientación al cliente y escucha en la toma de requisitos.

Comunicación efectiva de los diseños e implementaciones realizados.

Uso de IDEs y herramientas de desarrollo que tienen un impacto reducido en el consumo de recursos.