Curso gratis Especialista en Desarrollo Web Responsive

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 ESPECIALISTA EN DESARROLLO WEB RESPONSIVE

Hoy día y debido a la gran diversidad de dispositivos, con diferentes configuraciones de resolución y pantalla, es importante que las páginas webs se adapten lo mejor posible a cada tipo de dispositivo. Un claro ejemplo son los dispositivos móviles, donde los tamaños de pantalla y resoluciones varían muchísimo entre dispositivos.
Esto es algo que google no ha dejado pasar de lado, ya que el propio buscador penaliza a las webs que no ofrecen un diseño responsivo, favoreciendo así a otras que si lo tienen.
Hace unos años el diseño responsivo era casi impensable, pero hoy día existen multitud de herramientas que nos facilitarán el trabajo y nos permitirán desarrollar una web con diseño responsivo de manera fácil. Con el presente curso de Especialista en Desarrollo Web Responsive aprenderá a realizar web responsivas.

CONTENIDO DEL CURSO GRATIS ESPECIALISTA EN DESARROLLO WEB RESPONSIVE

UNIDAD DIDÁCTICA 1. DISEÑO WEB RESPONSIVE

1. Introducción general
2. ¿Qué es el Diseño Web Responsive?
3. En qué consiste el enfoque responsive
4. Beneficios de implementar un diseño responsive

UNIDAD DIDÁCTICA 2. HERRAMIENTAS ESENCIALES PARA DESARROLLO MULTIPLATAFORMA

1. Introducción
2. Entornos de desarrollo recomendados
3. Navegadores compatibles

UNIDAD DIDÁCTICA 3. FUNDAMENTOS DE HTML

1. Introducción a HTML
2. ¿Cómo se crean documentos HTML?
3. Características básicas del lenguaje

UNIDAD DIDÁCTICA 4. TEXTO, ENLACES, LISTAS, IMÁGENES Y OBJETOS

1. Trabajando con textos en HTML
2. Creación de enlaces
3. Listas en HTML
4. Insertar imágenes y objetos multimedia

UNIDAD DIDÁCTICA 5. TABLAS, FORMULARIOS Y ESTRUCTURAS

1. Diseño de tablas
2. Formularios para capturar datos
3. Organización y estructura de la página

UNIDAD DIDÁCTICA 6. ETIQUETAS ESENCIALES ADICIONALES

1. Etiquetas importantes que debes conocer

UNIDAD DIDÁCTICA 7. METAINFORMACIÓN, ACCESIBILIDAD Y VALIDACIÓN

1. ¿Qué es la metainformación en HTML?
2. Principios de accesibilidad web
3. Proceso de validación de código

UNIDAD DIDÁCTICA 8. INTRODUCCIÓN A CSS

1. ¿Qué es CSS y para qué sirve?
2. Compatibilidad de CSS en navegadores
3. Normativa y estándares oficiales
4. Funcionamiento básico de CSS
5. Formas de incluir CSS en páginas web
6. Aplicación de estilos básicos
7. Medios y dispositivos para CSS
8. Comentarios en CSS
9. Sintaxis y estructura de las reglas

UNIDAD DIDÁCTICA 9. SELECTORES, UNIDADES Y COLORES EN CSS

1. Principales selectores CSS
2. Unidades de medida para estilos
3. Paletas de colores en CSS

UNIDAD DIDÁCTICA 10. MODELOS DE CAJAS, POSICIONAMIENTO Y VISUALIZACIÓN

1. Modelo de cajas en CSS
2. Propiedades que afectan a las cajas
3. Margenes, relleno, bordes y el modelo de cajas
4. Técnicas de posicionamiento y visualización
5. Tipos de posicionamiento
6. Opciones de visualización de elementos

UNIDAD DIDÁCTICA 11. ESTRUCTURAR UNA PÁGINA CON LAYOUT

1. Concepto de layout y estructura
2. Cómo centrar una página horizontalmente
3. Cómo centrar una página verticalmente
4. Diseño y estructura de layout
5. Configuración de alturas y anchuras mínimas y máximas
6. Estilos avanzados para layouts

UNIDAD DIDÁCTICA 12. ESTILIZAR TEXTO, ENLACES, IMÁGENES Y LISTAS CON CSS

1. Aplicar estilos a textos
2. Personalizar enlaces
3. Estilizar imágenes
4. Dar formato a listas

UNIDAD DIDÁCTICA 13. TABLAS, FORMULARIOS Y SHORTHAND EN CSS

1. Diseño y estilo de tablas
2. Creación y estilización de formularios

UNIDAD DIDÁCTICA 14. FUNCIONES AVANZADAS DE CSS

1. Estilizar para impresión
2. Personalización del cursor
3. Hacks y filtros CSS
4. Prioridad y cascada en las reglas
5. Validar y depurar CSS
6. Recomendaciones para mejores prácticas
7. Recursos y herramientas útiles

UNIDAD DIDÁCTICA 15. FIREBUG, HERRAMIENTA DE DESARROLLO

1. ¿Qué es Firebug?
2. Cómo instalar Firebug
3. Cómo aprovechar Firebug en tus proyectos

UNIDAD DIDÁCTICA 16. INTRODUCCIÓN A HTML5

1. ¿Qué es HTML?
2. Principales mejoras respecto a versiones anteriores
3. Etiquetas obsoletas y su reemplazo
4. Etiquetas modificadas en HTML5
5. Listado de etiquetas nuevas en HTML5
6. Atributos que han sido eliminados
7. Otros cambios relevantes
8. Organización de la estructura HTML
9. Nuevo enfoque para el body
10. Otros elementos que aportan estructuración

UNIDAD DIDÁCTICA 17. ATRIBUTOS, EVENTOS Y PSEUDO-CLASES EN HTML5

1. Introducción a los atributos globales
2. Creación y uso de nuevos atributos
3. Eventos actualizados y nuevos en HTML5

UNIDAD DIDÁCTICA 18. NUEVOS ELEMENTOS SEMÁNTICOS

1. Elemento bdi
2. Elemento command
3. Elemento data
4. Elementos details y summary
5. Elemento mark
6. Elemento meter
7. Elemento progress
8. Elemento ruby
9. Elemento time
10. Elemento wbr

UNIDAD DIDÁCTICA 19. MEJORAS EN LOS FORMULARIOS CON HTML5

1. Nuevos elementos en formularios
2. Cambios en el atributo type en inputs
3. Nuevo atributos para la etiqueta form
4. Actualizaciones en fieldset
5. Nuevos atributos en inputs
6. Mejoras en textarea

UNIDAD DIDÁCTICA 20. OTRAS INNOVACIONES DE HTML5

1. Introducción a elementos multimedia
2. Etiqueta source para multimedia
3. Etiqueta track para subtítulos y pistas
4. Elemento video
5. Elemento audio
6. Elemento embed
7. Elemento canvas para gráficos
8. Introducción a MathML (matemáticas)
9. Introducción a SVG (gráficos vectoriales)
10. Drag and Drop y funcionalidad táctil
11. Validador de HTML para verificar el código

UNIDAD DIDÁCTICA 21. INICIO EN CSS3

1. Conceptos básicos y presentación general
2. Unidades, colores y tipos de fuentes
3. Nuevos selectores y pseudo-clases en CSS3

UNIDAD DIDÁCTICA 22. ANIMACIONES, FONDOS Y BORDES

1. Propiedades para crear animaciones
2. Nuevas opciones para fondos
3. Propiedades avanzadas para bordes

UNIDAD DIDÁCTICA 23. CAJAS, FLEXBOX, COLORES Y FUENTES

1. Propiedades de las cajas en CSS
2. Flexbox y su aplicación
3. Configuración de colores
4. Propiedades para gestionar fuentes

UNIDAD DIDÁCTICA 24. ENLACES Y MULTICOLUMNAS

1. Estilizar enlaces y hipervínculos
2. Propiedades para diseños multi-columna

UNIDAD DIDÁCTICA 25. TEXTO Y TRANSFORMACIONES 2D/3D

1. Estilizar texto con CSS
2. Transformaciones en 2D y 3D

UNIDAD DIDÁCTICA 26. TRANSICIONES Y INTERFACES INTERACTIVAS

1. Aplicación de transiciones en elementos
2. Diseño de interfaces interactivas con CSS
3. Validación y depuración de estilos