240 HORAS |
En producción
En producción
Tipo de acción formativa: Especialidades formativas del SEPE
Formato: Curso SCORM en formato licencia
Título: Front end o web developer
Código: IFCD65
Duración: 240 horas
Familia profesional: Informática y comunicaciones
Disponibilidad: En producción
Desarrollar webs basadas en HTML y CSS utilizando un entorno profesional de desarrollo y herramientas de gestión de proyectos.
• Identificación de los elementos de Internet
- Historia de Internet y el desarrollo web.
- Evolución de los navegadores.
- Cliente y Servidor
- Protocolos. HTTP
• Aplicación del lenguaje de marcado HTML para maquetar web.
- Historia del HTML
- Elementos de HTML: html, head, body y metadatos.
- Elementos de separación del contenido, de texto y de multimedia
- Tablas y formularios
- Block vs Inline
- Atributos de los elementos de HTML
- Document Object Model (DOM)
• Interpretación de los estándares y las directrices de accesibilidad web
- Elementos semánticos
- Ayudas técnicas y modos de interacción
- Introducción a las WCAG 2.1
- Introducción a a11y project y en inclusive componentes
• Aplicación del lenguaje de hojas de estilo en cascada (CSS) para maquetar web
- Historia del CSS
- Anatomía del CSS
- Especificidad
- Pseudo-selectores y pseudo-elementos básicos
- Estilos para textos y formularios
- Colores y contraste
- Modelo Box
- Unidades (absolutas y relativas)
- Posicionamiento
- Layouts
- Responsive web design
- Flexbox
- CSS Grid
- Uso de transiciones
- Uso de animaciones
• Análisis de diseños realizados con herramientas de diseño gráfico.
- Archivos de diseño (provistos por Zeplin, AdobeXD, etc)
- Diseño de prototipos con herramientas de diseño gráfico reproduciéndolo a través de código.
• Caracterización de los entornos, las fases y herramientas necesarias para realizar proyectos
- Entornos, fases y documentación de un proyecto.
- Metodologías de elicitación de requerimientos de usuario.
- Planificación de tareas en proyectos de desarrollo.
- Entornos colaborativos de desarrollo de software.
• Relación de los conocimientos de control de versiones y repositorios de código, como GitHub.
- Introducción al Control de Versiones con Git
- Sintaxis básica
- GitFlow
- GitHub
• Demostración de iniciativa y visión estratégica para entender los elementos y las relaciones entre las partes de un proyecto web.
• Capacidad para analizar los elementos relevantes de un proyecto web basado en HTML y CSS.
• Mejora de las habilidades comunicativas con los clientes y el equipo de trabajo, utilizando herramientas de control de tareas y control de versiones de código.
• Disposición para desarrollar las fases individuales de un proyecto autónomo basado en HTML y CSS, gestionando y planificando el tiempo.
Crear proyectos web interactivos con HTML, CSS y JavaScript (ES6) con el fin de asentar los fundamentos de la programación web.
• Caracterización de los fundamentos de la programación Front End: JavaScript.
- Historia y evolución de JavaScript.
- Variables (var, let y const)
- Tipo de datos: Boolean, Number, String, Date, undefined, BigInt y Symbol.
- Objetos
- Valores especiales: null, NaN y Infinity.
- Operadores y precedencia de operadores.
- Expresiones.
- Bloque de control del flujo, y control / tratamiento de errores
- Scopes (incluyendo hoisting)
- Funciones (first-class functions, funciones anidadas y clausuras, funciones anónimas, callback, arrow functions y this).
- Gestión de eventos (event bubbling y captura).
- JavaScript y DOM: cómo se relacionan HTML, CSS y JavaScript.
• Aplicación de los elementos más avanzados de JavaScript:
- Herencia basada en prototipos.
- Herencia en ES6.
- Programación funcional: map, filter y reduce.
- Módulos y elementos introducidos en ES6: desetructurador, spread, etc.
• Interpretación y reescritura de llamadas, datos y código AJAX.
- Callback.
- Promises.
- Programación asíncrona, HTTP, API REST y Fetch API.
• Reproducción con código, de prototipos realizados con herramientas de diseño gráfico.
- Planificación de tareas en proyectos de desarrollo.
- Escritura y depuración de código
- Entornos colaborativos de desarrollo de software.
• Manipulación de código de terceros
- Comparación de códigos y soluciones existentes
- Documentación técnica de terceros
• Elaboración de documentación técnica y de usuario de lenguaje Javascript.
- Documentación destinada al usuario final de una aplicación.
- Documentación técnica destinada a programadores.
• Concienciación de la importancia de la identificación, análisis y diseño de proyectos que requieran el uso de JavaScript.
• Adquisición de actitudes positivas hacia el análisis de la información extraída de libros, Internet, etc. para solventar dudas y problemas que se presentan en la utilización de Javascript.
• Mejora de las habilidades comunicativas con los clientes y el equipo de trabajo, utilizando herramientas de control de tareas, control de versiones de código y generación de documentación.
Utilizar un framework de desarrollo web basado en JavaScript, como Vue.js, y extrapolar el proceso a otros frameworks a partir de la experimentación.
• Distinción de los frameworks de desarrollo Front End web.
- Historia y evolución de los frameworks de desarrollo front-end web.
- Comparativa de Vue.js, React y Angular.
• Identificación de los elementos comunes que aparecen en los diversos frameworks:
- Data binding
- Reactividad
- Templates
- Componentes
- Routing
- State management
• Utilización de un framework de front-end, en particular, Vue.js.
- Data reactivity / two-way binding
- Templates
- Interpolación
- Directivas
- Conditional rendering
- Events
- Computed properties, Watchers
- Componentes
- Registration
- Props
- Custom events
- Slots
- Routing
- Flux-like state management
• Reproducción con un framework, de prototipos realizados con herramientas de diseño gráfico.
- Planificación de tareas en proyectos de desarrollo.
- Escritura y depuración de código
- Entornos colaborativos de desarrollo de software.
• Manipulación de código de terceros:
- Comparación de códigos y soluciones existentes
- Documentación técnica de terceros
• Elaboración de documentación técnica y de usuario de un framework
- Documentación destinada al usuario final de una aplicación.
- Documentación técnica destinada a programadores.
• Efectividad en la selección del framework JavaScript más adecuado para un problema dado.
• Concienciación de la importancia de analizar la información extraída de la documentación y de los foros oficiales de un framework.
• Uso de habilidades de comunicación con los clientes y el equipo de trabajo, utilizando herramientas y estándares propios del framework para la codificación de los proyectos, el control de tareas, el control de versiones de código (p.ej. GitHub) y la generación de documentación.
*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.