Curso gratis Práctico de Fundamentos del Diseño Web Front-End

Curso Gratis Online para Trabajadores y Empresas

Si eres trabajador en Régimen General, disfruta del curso gratis online a través de la formación bonificada para empresas.

Nuestros cursos gratis están disponibles en modalidad online o a distancia, consúltanos para informarse de la modalidad del curso gratis para trabajadores de su interés.

OBJETIVOS DEL CURSO GRATIS PRÁCTICO DE FUNDAMENTOS DEL DISEÑO WEB FRONT-END

Este curso de Fundamentos del Diseño Web Front-End le ofrece una formación básica en la materia. Con la realización de este curso aprenderás los fundamentos del diseño web con el desarrollo Front-End.

CONTENIDO DEL CURSO GRATIS PRÁCTICO DE FUNDAMENTOS DEL DISEÑO WEB FRONT-END

UNIDAD DIDÁCTICA 1. INTRODUCCIÓN A LOS FUNDAMENTOS DEL FRONT-END

1. ¿Qué es el desarrollo front-end?
2. Concepto de Frameworks, librerías, plugins y widgets
3. Herramientas para crear y editar código de forma eficiente
4. Cómo instalar y configurar un servidor local con Apache WAMP
5. ¿Qué significa que un sitio sea responsive?
6. Principios básicos y fundamentos del desarrollo front-end

UNIDAD DIDÁCTICA 2. DESARROLLO FRONT-END

1. Componentes de la estructura de un documento HTML
2. Diferencias entre HTML y HTML5
3. Organización y estructura del código HTML
4. Introducción a CSS y CSS3
5. ¿Qué son los Wireframes, mockups y prototipos? Conceptos clave
6. Diseño web adaptable y fluido

UNIDAD DIDÁCTICA 3. CSS

1. Diferencias principales entre CSS y CSS3
2. ¿Qué son los Wireframes, mockups y prototipos? Conceptos esenciales
3. Diseño web flexible y adaptable con CSS

UNIDAD DIDÁCTICA 4. FRAMEWORKS: AGILIZANDO EL DESARROLLO FRONT-END

1. Frameworks CSS: qué son y cómo se usan
2. Frameworks JavaScript: facilitando la interacción en la web
3. Introducción a Bootstrap y su uso en proyectos
4. Cómo diseñar páginas con Bootstrap
5. Personalización del diseño usando jQuery Mobile

UNIDAD DIDÁCTICA 5. BOOTSTRAP

1. Presentación y conceptos básicos de Bootstrap
2. Diseñando con Bootstrap: buenas prácticas
3. Personalización del HTML y CSS para adaptarlos a Bootstrap
4. Utilización de la rejilla (grid) de Bootstrap para estructurar contenidos
5. Creación de formularios efectivos con Bootstrap