300 HORAS |
Disponible
Disponible
Tipo de acción formativa: Especialidades formativas del SEPE
Formato: Curso SCORM en formato licencia
Título: Desarrollo web front end
Código: IFCD55
Duración: 300 horas
Familia profesional: Informática y comunicaciones
Disponibilidad: Disponible
Maquetar una plataforma web con HTML5 y CSS3 utilizando las etiquetas semánticas correctas y la distribución de componentes adecuada para su correcta visualización en dispositivos de sobremesa, tabletas y móviles.
• Uso y aplicación del lenguaje de marcas HTML5
- Etiquetas de texto para introducción de contenidos
- Elaboración de listas numéricas, con viñetas o con imágenes
- Incorporación de imágenes como contenido o como fondo
- Enlaces e hipervínculos intradominio, extradominio y anclas
- Tablas y su uso en una aplicación web
- Incorporación de formularios, tipos de datos capturados y tipos de envío de datos al servidor
- Incorporación de audio y video a la web
- Incorporación de contenidos externos: Videos de youtube o vimeo; Mapas de google maps
• Aplicación de estilos de la página web con CSS3
- Selectores CSS3 más usuales
- Propiedades CSS3 aplicables a textos
- Propiedades aplicables a listas
- Propiedades aplicables a imágenes de contenido o fondo
- Unidades más usuales para trabajar con imágenes y textos
- Efectos avanzados con CSS3 (sombreados de texto y cajas, filtros, opacidades y degradados)
- Animación de elementos con CSS3 (transiciones, traslaciones y rotaciones)
- Animaciones avanzadas con keyframes
• Maquetación y distribución de componentes en una página web
- Uso de las nuevas etiquetas semánticas de HTML5 para organizar componentes en una página web
- Uso de las propiedades CSS para organizar elementos en línea o en bloque
- Márgenes interiores y exteriores y bordes
- Posicionamiento absoluto y relativo de elementos en la página web
- Concepto y utilización de cajas flexibles
- Creación de menús y menús desplegables
- Tipos de maquetación de páginas web (clásica, flat design y otros tipos)
• Adaptación de una página web a diferentes dispositivos:
- Mediaqueries
- Framework de CSS Bootstra
• Necesidad de superación y de mejora continua para alcanzar los estándares de excelencia en la maquetación de una plataforma web con HTLML y CSS3.
• Disposición para relacionar y estructurar la información recogida de modo que permita llegar a la toma de decisiones que faciliten la maquetación de una plataforma web.
• Habilidad para analizar diferentes opciones en la maquetación de la plataforma web con HTML5 y CSS3 y tomar decisiones consensuadas con el equipo de trabajo para la correcta visualización en dispositivos de sobremesa, tabletas y móviles.
• Capacidad de comunicar de forma eficaz, correcta, clara y adecuada a los agentes profesionales implicados en la maquetación, distribución y adopción de la página web de acuerdo a las características del proceso de maquetación.
Añadir funcionalidades de interactividad a una página incorporando el lenguaje Javascript según el estándar ECMA6.
• Programación con Java Script nativo
- Variables de texto, númericas y boolenas
- Operadores de concatenación, aritméticos, asignación, relacionales y lógicos
- Estructuras de decisión y uso correcto de cada una de ellas: IF, IF ELSE y SWITCH
- Uso de operadores lógicos con estructuras de decisión
- Estructuras de iteración: FOR, WHILE y DO WHILE
- Uso de funciones con o sin parámetros de entrada y salida:
- Arrays: tipos y métodos para trabajar con ellos
- Objetos en JavaScript
- Métodos para trabajar con cadenas de texto, números y fechas
• Definición y modificación del DOM:
- Elementos del documento web utilizando javaScript: acceso por id, class, etiqueta y selectores combinados
- Eventos de teclado y de ratón en javaScript para detectar acciones realizadas por el usuario en el documento html
- Eventos utilizando escuchadores o listeners
- Métodos del DOM para añadir o modificar contenido, estilos CSS y añadir o quitar atributos de etiqueta
- Métodos para construir nuevos nodos en el documento o borrarlos
- Uso de temporizadores y repetidores
• Uso de AJAX y JSON para realizar peticiones asíncronas al servidor
- El formato JSON para intercambio de información entre Entornos: uso de la instrucción httpRequest, envío y recepción de datos del servidor
- Realización de peticiones CORS entre dominios distintos
• Uso de las nuevas funcionalidades del estándar ECMA6
- Nuevos tipos de variables
- Funciones arrow
- Funciones de mapeo de arrays
- La nueva función fetch para realizar peticiones asíncronas
• Uso del framework Jquery
- Acceso al documento utilizando el framework Jquery
- Animaciones, audio y efectos utilizando Jquery y la librería JqueryUI
- Validación de formularios con Jquery
• Necesidad de superación y de mejora continua para alcanzar los estándares de excelencia en la adición de funcionalidades de interactividad a una página con el lenguaje de guión JavaScript
• Disposición para relacionar y estructurar la información recogida de modo que permita llegar a la toma de decisiones para añadir funcionalidades de interactividad a una página
• Habilidad para analizar diferentes opciones para añadir interactividad a una página y tomar decisiones consensuadas con el equipo de trabajo para resolver los problemas de programación más comunes en los lenguajes, estilos y frameworks.
• Capacidad de comunicar de forma eficaz, correcta, clara y adecuada las funcionalidades de interactividad añadidas a una página a los agentes profesionales implicados en la página web.
Desarrollar aplicaciones SPA (single page application) con framework Front End habituales en el sector.
• Identificación de las características de los diferentes frameworks: ReactJS, Angular.
• Uso e instalación del framework y procesos principales asociados:
- Introducción a TypeScript
- Creación de componentes
- Creación de formularios
- Gestión de estado
- Gestión de rutas
- Acceso a datos externos
• Desarrollo y planificación de tests unitarios
• Necesidad de superación y de mejora continua para alcanzar los estándares de excelencia en el desarrollo de aplicaciones SPA con framework Front End
• Disposición para relacionar y estructurar la información recogida de modo que permita llegar a la toma de decisiones para el desarrollo de aplicaciones SPA
• Habilidad para analizar diferentes opciones y tomar decisiones consensuadas con el equipo de trabajo para resolver los problemas en el desarrollo de aplicaciones SPA con framework de Front End
• Capacidad de comunicar con eficacia el desarrollo de aplicaciones SPA de forma correcta y clara y adecuada a los diversos contextos profesionales implicados en el sector.
Construir aplicaciones específicas para móviles usando framework móvil específico y distribuirlas en Google Play Store.
• Creación y desarrollo de aplicaciones móviles:
- Framework Expo
- Catálogo de componentes propios de la librería React Native
- Similitudes y diferencias entre React y React Native
• Desarrollo de una aplicación móvil utilizando JavaScript:
- Creación de estilos mediante la abstracción StyleShee
• Implementación de una aplicación móvil en dispositivos iOS y Android en plataformas de distribución de apps:
- Proceso de publicación de la aplicación en Google Play
• Necesidad de superación y de mejora continua para alcanzar los estándares de excelencia para construir aplicaciones específicas para móviles
• Disposición para relacionar y estructurar la información recogida de modo que permita llegar a toma de decisiones para construir aplicaciones específicas para móviles
• Habilidad para analizar diferentes opciones y tomar decisiones consensuadas con el equipo de trabajo para resolver los problemas en el proceso de construcción de aplicaciones específicas para móviles
• Capacidad de comunicar con eficacia la construcción de aplicaciones específicas para móviles de forma correcta y clara y adecuada a los diversos contextos profesionales implicados en el sector
*La temática y el diseño de la demo son orientativos
¿Cómo son los cursos de Smartmind?
Cursos con diseño profesional y contenido audiovisual interactivo en formato de licencia y 100% bonificables. Te presentamos los catálogos de cursos elearning en scorm más completos y avanzados del mercado. Mejoramos hasta el 30% las finalizaciones de tus cursos, se incrementan hasta un 70% los alumnos que repiten y empresas como Endesa, Correos o Telefónica forman parte de nuestra cartera de clientes. ¿No crees que por algo será?
Más cursos de Especialidades formativas del SEPE
¿Cómo funciona nuestro catálogo?
Los catálogos de Smartmind recogen contenidos digitales para empresas basados en un enfoque audiovisual avanzado gracias a los desarrollos de nuestra productora de vídeo y la creatividad de nuestros diseñadores. Además cuentan con un código de colores para identificar su disponibilidad y la actualización de los contenidos. Descubre alguna de estas etiquetas:
Previsto
Contenidos que se encuentra en la lista de espera de producciones de Smartmind y su ejecución depende de las peticiones de los clientes.
Disponible
Formación disponible de forma inmediata en nuestros catálogos. Eso sí, se diferencian entre contenidos actuales y anteriores a 2021.
En producción
El departamento de Producto se encuentra elaborando el contenido. Puede incorporarse la fecha de disponibilidad.
Todo lo que debes saber de los contenidos Smartmind
¿Quieres acceder a nuestro catálogo?
Rellena tus datos y recibirás en tu mail el catálogo que deseas con todos nuestros contenidos elearning.
¿Tienes alguna duda o quieres más información?
Déjanos tus datos y nos pondremos en contacto contigo para resolverte todas tus dudas.
Rellena el formulario con tus datos y nos pondremos en contacto contigo para darte todos los detalles de nuestras licencias.