¿Qué quieres aprender?

Curso de Diseño Web con HTML5, CSS3 y JavaScript

Curso de Diseño Web con HTML5, CSS3 y JavaScript

CEI: Centro de Estudios de Innovación

Curso online


1.990
¿Quieres hablar con un asesor sobre este curso?

Objetivos

El objetivo principal del curso es formar profesionales capaces de desarrollar páginas web modernas siguiendo las mejores prácticas del desarrollo Frontend. Al finalizar la formación serás capaz de: Comprender los fundamentos del desarrollo web. Crear páginas web utilizando HTML5 semántico. Aplicar estilos avanzados mediante CSS3 y SASS. Diseñar interfaces responsive con Flexbox, Grid y Media Queries. Programar interactividad mediante JavaScript. Consumir APIs REST utilizando Fetch y Promesas. Optimizar proyectos para mejorar el rendimiento y el SEO. Aplicar metodologías de desarrollo como BEM y SUITCSS. Gestionar proyectos mediante Git y GitHub. Integrar herramientas de inteligencia artificial para optimizar el desarrollo. Publicar proyectos profesionales y crear un portfolio web.

A quién va dirigido

Este curso está dirigido a personas interesadas en iniciarse o especializarse en el desarrollo Frontend y el diseño web. Es especialmente recomendable para: Diseñadores web. Diseñadores gráficos que quieran aprender desarrollo web. Frontend Developers (perfil junior). Estudiantes de informática. Profesionales del marketing digital. Emprendedores. Freelancers. Personas interesadas en crear páginas web profesionales desde cero.

Requisitos

No es necesario disponer de conocimientos previos de programación. Se recomienda contar con conocimientos básicos de informática y un manejo habitual del ordenador. El curso comienza con los fundamentos del desarrollo web y avanza progresivamente hacia la creación de proyectos completos mediante HTML5, CSS3, JavaScript y herramientas profesionales.

Temario completo de este curso

  • Introducción al Diseño Web: Descubre el ecosistema del desarrollo web, los principales perfiles profesionales del sector y las herramientas esenciales de trabajo. Aprenderás a utilizar Visual Studio Code, la documentación oficial, el inspector del navegador y conocerás el papel de la inteligencia artificial en el desarrollo mediante GitHub Copilot, Cursor y asistentes integrados.
  • Estructura de una Web/App (HTML5 y SEO): Aprende a construir páginas web utilizando HTML5 semántico, formularios, tablas, imágenes y enlaces, aplicando buenas prácticas de SEO onsite, accesibilidad WCAG, microdatos con schema.org, optimización del rendimiento y metodologías de código limpio como BEM y SUITCSS.
  • Aplicando Estilo (CSS3): Domina CSS3 para crear interfaces modernas mediante Flexbox, CSS Grid, media queries, tipografía responsive, variables CSS y técnicas avanzadas como Nesting, @container y @layer. También aprenderás optimización del código, diseño adaptable y depuración asistida mediante inteligencia artificial.
  • SASS: Potencia tu CSS: Aprende a organizar y optimizar hojas de estilo utilizando variables, mixins, modularización y reutilización de código mediante SASS, facilitando el mantenimiento de proyectos de mayor tamaño.
  • JavaScript: Interacción y Funcionalidad: Descubre cómo añadir dinamismo a las páginas web mediante JavaScript. Trabajarás con variables, funciones, manipulación del DOM, eventos, APIs REST, JSON, Promesas, Fetch, callbacks, Intersection Observer y técnicas de optimización y depuración del código utilizando inteligencia artificial.
  • Git y GitHub: Aprende a gestionar versiones de tus proyectos utilizando Git y GitHub. Trabajarás con repositorios, ramas, commits, GitHub Desktop, GitHub Pages y herramientas colaborativas para equipos de desarrollo.
  • Inteligencia Artificial (Especialización): Aprende a integrar la IA en tu flujo de trabajo mediante ChatGPT, GitHub Copilot, Cursor, Gemini CLI, NotebookLM y otras herramientas que te ayudarán a generar código, documentar proyectos, resolver errores y aumentar tu productividad como desarrollador Frontend.
  • Figma para Developers: Aprende a interpretar diseños creados en Figma, utilizar Dev Mode, exportar recursos gráficos y estilos CSS, y facilitar la colaboración entre diseñadores y desarrolladores para implementar interfaces web con precisión.
Ver más