IFCD55

Desarrollo web front end

300 HORAS | 

Especialidades formativas del sepe

Desarrollar aplicaciones web utilizando el lenguaje de marcas HTML5 y CSS3, el lenguaje de programación JavaScript y alguno de los frameworks más usuales tanto para el desarrollo del Front End de aplicaciones como el desarrollo de aplicaciones móviles con tecnologías web.

Diseñado y producido por:

Contenidos del curso

CURSO IFCD55 Desarrollo web front end

Contenido 1

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

Contenido 2

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

Contenido 3

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)

Contenido 4

Adaptación de una página web a diferentes dispositivos:

Mediaqueries

Framework de CSS Bootstra

HABILIDADES DE GESTIÓN, PERSONALES Y SOCIALES

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.

Contenido 1

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

Contenido 2

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

Contenido 3

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

Contenido 4

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

Contenido 5

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

HABILIDADES DE GESTIÓN, PERSONALES Y SOCIALES

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.

Contenido 1

Identificación de las características de los diferentes frameworks: ReactJS, Angular.

Contenido 2

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

Contenido 3

Desarrollo y planificación de tests unitarios

HABILIDADES DE GESTIÓN, PERSONALES Y SOCIALES

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.

Contenido 1

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

Contenido 2

Desarrollo de una aplicación móvil utilizando JavaScript:

Creación de estilos mediante la abstracción StyleShee

Contenido 3

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

HABILIDADES DE GESTIÓN, PERSONALES Y SOCIALES

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

Demo

Programación

*La temática y el diseño de la demo son orientativos

Cursos Smartmind

¿Cómo son los cursos Smartmind?

Cursos con diseño profesional y contenido audiovisual interactivo en formato de licencia y cumplen 100% con las especificaciones del SEPE. 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

Cursos del Plan de Referencia que cumplen con los requisitos del SEPE y cuentan con el sello de diseño y calidad de Smartmind. Colaboramos con las más importantes empresas de formación en la selección de los mejores y más actuales para conseguir los mejores resultados.

¿Cómo funciona el

Catálogo?

Todo lo que debes saber sobre los contenidos Smartmind

catalogo-elearning-smartmind.j

Edtech

¿Cómo funciona el catálogo elearning de Smartmind?

programas-formativos-exito

Desarrollos a medida

¿Por qué las licencias de los cursos on line en formato SCORM de Smartmind son la mejor opción para el éxito de tus programas formativos?

diseño de cursos elearning a medida

Desarrollos a medida

Diseño, digitalización y producción de contenidos de aprendizaje a medida. Nuestro Framework de diseño

¿Quieres más información sobre este curso?

Rellena el formulario con tus datos y nos pondremos en contacto contigo para darte todos los detalles de nuestras licencias.

¡Qué bien! Necesitamos saber algunas cosas de ti :)

Nombre *
Apellido *
Email *
Número de teléfono *
Nombre de la empresa
Web de tu empresa
Tipo de empresa *
Finalidad de tu solicitud *
País/región
Mensaje

¿Tienes alguna duda o quieres más información?

Déjanos tus datos y nos pondremos en contacto contigo para resolverte todas tus dudas.

¡Qué bien! Necesitamos saber algunas cosas de ti :)

Nombre *
Apellido *
Email *
Teléfono *
Nombre de la empresa *
País/región *
Tipo de empresa *
¿Participas en convocatorias de formación de oferta estatales o autonómicas? *
¿En qué podemos ayudarte?
Mensaje