120HORAS |
Diseñado y producido por Smartmind
Contenidos
Objetivo. Explorar los fundamentos del desarrollo FrontEnd a través de la comprensión teórica, la aplicación de herramientas de desarrollo y la creación de interfaces adaptativas. CONOCIMIENTOS/ CAPACIDADES COGNITIVAS Y PRÁCTICAS
1. 1. Entender los conceptos básicos del desarrollo FrontEnd:
Introducción al desarrollo web.
Diferencias entre FrontEnd y BackEnd.
Usabilidad.
Desarrollo UX/UI con Figma.
2. 2. Dominio de herramientas y entornos de desarrollo:
Elección de un entorno de desarrollo (IDE).
Uso de herramientas populares en el desarrollo FrontEnd.
Configuración básica para iniciar un proyecto.
Control de versiones con Git y Github.
3. 3. Diseño Responsivo y Adaptativo:
Principios del diseño responsivo.
Adaptación de interfaces a diferentes dispositivos.
Fomento de la positividad y adaptación al cambio en proyectos FrontEnd.
Desarrollo de la autonomía y el análisis en el desarrollo FrontEnd.
Escucha activa y desarrollo de la empatía en la colaboración de proyectos con otros/as profesionales.
Organización y planificación del trabajo en el contexto del desarrollo FrontEnd.
Objetivo. Dominar las tecnologías fundamentales HTML, CSS y JavaScript mediante ejercicios prácticos, proyectos de diseño web y la implementación de interactividad en páginas estáticas. CONOCIMIENTOS/ CAPACIDADES COGNITIVAS Y PRÁCTICAS
1. 1. HTML para desarrolladores FrontEnd:
Estructura y etiquetas HTML5.
Buenas prácticas en la escritura de HTML.
2. 2. Estilizando con CSS:
Selectores y propiedades CSS.
Diseño de layouts y uso de Flexbox y Grid.
Media Queries.
Preprocesador Sass.
3. 3. Desarrollo de la interactividad con JavaScript:
Manipulación del DOM.
Eventos y manejo de acciones del usuario.
Integración de JavaScript en páginas web.
Asimilación de textos técnicos y normativos en proyectos web.
Creatividad y didáctica en el diseño de interfaces.
Cultivo de resiliencia y resistencia al estrés en proyectos web.
Fomento de habilidades comerciales y trabajo en equipo en desarrollo FrontEnd.
Objetivo. Adquirir conocimientos avanzados en TypeScript y Angular a través de proyectos prácticos, la construcción de aplicaciones modulares y la implementación de patrones de diseño en proyectos reales. CONOCIMIENTOS/ CAPACIDADES COGNITIVAS Y PRÁCTICAS
1. 1. Dominio de los principios de TypeScript:
Conceptos básicos de TypeScript.
Tipado estático y ventajas sobre JavaScript.
Uso de TypeScript en proyectos FrontEnd.
2. 2. Dominio de Angular: Framework para desarrollo FrontEnd:
Estructura de un proyecto Angular.
Componentes, servicios y módulos.
Enrutamiento y navegación en Angular.
3. 3. Desarrollo avanzado con Angular:
Integración de librerías y módulos externos.
Manejo de estado con servicios y gestión de dependencias.
Mejores prácticas y patrones de diseño en Angular.
Resolución y visión estratégica en proyectos TypeScript y Angular.
Compromiso y gestión de proyectos en entornos Angular.
Gestión del tiempo en proyectos FrontEnd.
Resolución de problemas en desarrollo Angular.
Objetivo. Perfeccionar las habilidades de testing y despliegue en proyectos FrontEnd con Ionic Framework, mediante la aplicación de estrategias de calidad, pruebas efectivas y la implementación exitosa en entornos de producción. CONOCIMIENTOS/ CAPACIDADES COGNITIVAS Y PRÁCTICAS
1. 1. Generación de pruebas en Desarrollo FrontEnd:
Tipos de pruebas (unitarias, integración, end-to-end).
Herramientas de testing para aplicaciones FrontEnd.
Estrategias para asegurar la calidad del código.
Testing con Jasmine.
2. 2. Control del despliegue de Aplicaciones:
Configuración de entornos de producción.
Proceso de construcción y empaquetado de aplicaciones.
Estrategias de despliegue en servidores y plataformas populares.
Dirección y coordinación de equipos de trabajo en proyectos de testing y despliegue.
Proactividad y organización del trabajo en proyectos FrontEnd.
Aplicación de ética profesional y resolución de conflictos en desarrollo FrontEnd.
Trabajo en equipo y la polivalencia en proyectos de testing y despliegue.
