Techma > Programas > Technology > Bootcamps > Frontend React
Inicio y fin
Mayo 2024
Agosto 2024
Modalidad
Presencial
Duración
376 h
Horario
De 15:00 a 20:00h
Días lectivos
De lunes a Viernes
Directores
Precio
100% Bonificado
Inicio y fin
Mayo 2024 – Agosto 2024
Modalidad
Presencial
Duración
376 h
Horario
De 15:00 a 20:00h
Días lectivos
De lunes a Viernes
Directores
Precio
100% Bonificado
Frontend React
React es una biblioteca Javascript de código abierto diseñada para crear interfaces de usuario con el objetivo de facilitar el desarrollo de aplicaciones en una sola página. Se trata de software libre mantenido por Facebook y la comunidad. En la actualidad el proyecto tiene más de mil desarrolladores. Proyectos como Imgur, Bleacher, Feedly, Airbnb, SeatGeek, HelloSign utilizan esta herramienta.
Al finalizar el curso el alumno será capaz de realizar aplicaciones web totalmente operativas utilizando React y Redux siguiendo los estándares marcados por el sector tecnológico y haciendo uso de las herramientas de desarrollo más habituales.
A quién va dirigido
- Personas que hayan finalizado DAM / DAW / DAM
- Personas que hayan terminado CFGS de informática
- Alumnado universitario procedente de Informática, Telecomunicaciones, Física, Matemáticas, Ingeniería…
- Dirigido a personas entre 20 y 29 años
- En situación de búsqueda activa de empleo.
Objetivos
Preparar el entorno de desarrollo necesario para el desarrollo de aplicaciones web utilizando la librería de React Javascript.
Creación de repositorios GIT y su vinculación con el directorio de proyecto vía CLI o su integración con Visual Studio Code.
Desplegar aplicaciones en el entorno de AWS a fin de hacer accesible su proyecto por medio de url.
Aplicar el uso de las herramientas de desarrollo integradas dentro de los navegadores web y el propio IDE.
Identificar las diferentes partes del elemento básico de HTML, tags.
Reconocer las diferentes formas de adjuntar una hoja de estilos a un documento HTML.
Aplicar diferentes tipos de selectores de elementos HTML que indiquen el alcance de las normas CSS.
Emplear reglas CSS que apliquen estilos a diferentes documentos HTML.
Tener una primera aproximación con el lenguaje TypeScript, conociendo sus principales operadores, estructuras de control y variables.
Aprender a ejecutar scripts en typescript con una sintaxis correcta, además de conocer los elementos básicos del lenguaje.
Ser capaces de consumir datos de una API por medio de peticiones Ajax.
Desarrollar una aplicación completa con React y Redux utilizando componentes, eventos, httpRequest, JWT, etc.
Conocer las novedades de React y su aplicación en el desarrollo de aplicaciones web.
Ser capaces de realizar el despliegue de una aplicación completa de React en Heroku y AWS.
Salidas profesionales
Desarrollador de aplicaciones JavaScript
tanto en entornos backend como frontend.
Profesional TIC
especialista en desarrollo de aplicaciones web SPA responsives con REACT.
Diseñador User Interface (UI) y User Experience (UX)
encargado de diseñar la experiencia de usuario y funcionalidad de interfaces graficas de manera óptima.
Gestor de contenidos
en páginas web y portales digitales.
Infórmate prepárate para mejorar tu carrera profesional
Metodología
La impartición de la asignatura está basada en la metodología learning by doing, poniendo el foco en el alumno como eje de su propio aprendizaje. El formador técnico ejerce un rol de acompañamiento durante todo el proceso formativo resolviendo sus dudas y guiando sus pasos, fomentado su proactividad e iniciativa para conseguir el éxito formativo.
El desarrollo de las sesiones tendrá, además de la parte teórica, una serie de ejercicios en los que se aplicará el contenido trabajado en cada unidad formativa. Se fomenta el aprendizaje colaborativo con técnicas y dinámicas que mejoren la experiencia de aprendizaje.
Además de ello, los alumnos han de desarrollar un proyecto final, a modo de síntesis, donde ponen en práctica todos los conocimientos adquiridos durante el itinerario formativo. Este se realizará de modo individual, cumpliendo los requisitos técnicos y funcionales establecidos por el formador.
Áreas formativas
1. Dev Tools
- 1.1 Visual Studio Code IDE
- 1.2 Git
- 1.3 GitHub
- 1.4 Debugging Tools
2. Lenguaje de marcas
- 2.1 HTML5
- 2.2 CSS3
- 2.3 Bootstrap
3. JavaScript
- 3.1 Variables
- 3.2 Ámbito de las variables
- 3.3 Operadores
- 3.4 Estructuras de control
- 3.5 Loops
- 3.6 Funciones y propiedades
- 3.7 POO
- 3.8 asincronía
4. React
- 4.1 ¿Qué es React?
- 4.2 Creación del primer proyecto empleando React
- 4.3 Formato JSX
- 4.4 Captura de eventos
- 4.5 Estado de la componente
- 4.6 Componentes
- 4.7 Componentes: propiedades
- 4.8 Componentes: eventos generados por una componente
- 4.9 Componentes: ciclo de vida
5. Construcción de interfaces React
- 5.1 Peticiones Ajax en React
- 5.2 Propiedad key en listas de datos
- 5.3 Formularios: enlace de controles con el ‘estado’ de la componente
- 5.4 Formularios: validación inmediata
- 5.5 Formularios: control textarea
- 5.6 Formularios: control select
- 5.7 Formularios: controles radio
- 5.8 Integración con Bootstrap
6. Redux
- 6.1 ¿Qué es Redux?
- 6.2 Los tres principios de Redux
- 6.3 Actions
- 6.4 Reducers
- 6.5 Store
7. Despliegue de aplicaciones frontend
- 7.1 Heroku
- 7.2 AWS