Descripción del Curso de React Native

 

En este curso de react native, descubre el emocionante mundo de esta tecnología donde aprenderás las bases fundamentales y avanzadas de esta tecnología para desarrollar aplicaciones móviles eficientes. Dominarás la creación de componentes, la gestión del estado con Redux, la configuración en dispositivos reales y emuladores, así como técnicas de diseño y navegación. Además, adquirirás conocimientos en Flexbox, comunicación con servidores y creación de elementos interactivos. Al final, estarás preparado para construir aplicaciones profesionales y de alta calidad en React Native.

En este curso de react native de Formación TI de 40 horas, te guiaremos a través de una experiencia de aprendizaje excepcional mientras te sumerges en los aspectos fundamentales y las prácticas más innovadoras de React Native.

Objetivos:

1. 1. Comprender las bases fundamentales de React Native y su arquitectura para poder desarrollar aplicaciones móviles eficientes.
   2. Aprender a utilizar Redux para gestionar el estado de la aplicación y garantizar un flujo de datos coherente y predecible.
   3. Dominar la creación de componentes en React Native, tanto funcionales como basados en clases, aprovechando JSX y la composición de componentes.
   4. Desarrollar habilidades prácticas para la configuración y el desarrollo de aplicaciones React Native en dispositivos reales, emuladores y simuladores.
   5. Explorar las diversas técnicas para crear interfaces de usuario atractivas, incluyendo controles de un solo valor y componentes de diseño responsivos.
   6. Adquirir conocimientos avanzados de Flexbox para crear diseños nativos dinámicos y bien estructurados.
   7. Aprender a aplicar estilos únicos y atractivos a las aplicaciones React Native, teniendo en cuenta la compatibilidad multiplataforma.
   8. Dominar las técnicas de navegación en aplicaciones móviles, incluyendo StackNavigators, TabNavigators y DrawerNavigators.
   9. Familiarizarse con la comunicación con servidores a través de Ajax y aprender a garantizar la seguridad de los datos en entornos nativos.
   10. Desarrollar habilidades para crear botones, elementos táctiles y pressables que ofrezcan una experiencia de usuario fluida y agradable.
   11. Obtener una visión integral del desarrollo de aplicaciones móviles en React Native, preparándote para construir aplicaciones profesionales y de alta calidad.

 

Que obtendrás con el curso de React Native

• En el módulo 1, te daremos una visión general completa del curso, revelando el emocionante viaje que te espera mientras te conviertes en un experto en React Native.
• En el módulo 2, empezaremos con una cálida bienvenida a React Native, desentrañando sus secretos y explicándote por qué es la opción predilecta para desarrollar aplicaciones móviles. Aprenderás sobre su arquitectura única, sus pros y cons, y cómo puedes aprovechar tus habilidades en React para acelerar tu aprendizaje y crecimiento profesional.
• En el módulo 3, repasaremos tus conocimientos de React y Redux, para que estés preparado para enfrentar cualquier desafío que aparezca en el camino. Te enseñaremos cómo manejar el estado de tu aplicación de manera efectiva y cómo construir componentes impresionantes.
• El módulo 4 te guiará a través del emocionante proceso de desarrollo de una aplicación React Native. Desde configurar tu entorno de desarrollo hasta ejecutar tu aplicación en dispositivos reales, te proporcionaremos las herramientas y técnicas necesarias para que te sientas seguro en cada paso del camino.
• En el módulo 5, exploraremos los controles de un solo valor, dándote el poder de crear interfaces de usuario intuitivas y atractivas. Desde la manipulación de texto hasta el manejo de imágenes, te sumergirás en una experiencia práctica que te preparará para desarrollar aplicaciones de alto rendimiento.
• El módulo 6 te permitirá alcanzar nuevas alturas al aprender a desarrollar de manera específica para cada plataforma. Desbloquearás los secretos de la compatibilidad entre iOS y Android y te convertirás en un experto en adaptar tu aplicación para ofrecer una experiencia perfecta en ambos sistemas operativos.
• En el módulo 7, descubrirás los componentes de diseño más modernos que llevarán tus habilidades de desarrollo al siguiente nivel. Desde la creación de diseños responsivos hasta la manipulación del teclado, serás capaz de ofrecer una experiencia de usuario única y cautivadora.
• En el módulo 8, dominarás el poderoso Flexbox, una herramienta imprescindible para crear diseños nativos fluidos y dinámicos. Aprenderás a sacar el máximo provecho de este sistema de diseño altamente eficiente, garantizando que tus aplicaciones se vean impecables en cualquier dispositivo.
• El módulo 9 te sumergirá en el emocionante mundo del estilo en React Native. Descubrirás cómo aplicar estilos únicos a tus componentes y cómo adaptarlos para diferentes plataformas, lo que te permitirá crear aplicaciones que se destaquen por su atractivo visual.
• En el módulo 10, aprenderás a navegar por las complejidades de la navegación en aplicaciones móviles. Descubrirás cómo crear transiciones fluidas entre pantallas y cómo implementar navegadores tabulados y deslizantes para una experiencia de usuario inolvidable.
• En el módulo 11, te sumergirás en el fascinante mundo de la comunicación con servidores a través de Ajax. Dominarás la API fetch y aprenderás a garantizar la seguridad de tus datos en un entorno nativo.
• Por último, en el módulo 12, descubrirás la magia de los botones y elementos táctiles, aprendiendo a crear interacciones fluidas y amigables con el usuario.

 

Temario del curso de react native

Módulo 1. Resumen del Curso

1. Introducción

Módulo 2. ¡Hola React Native!

1. ¿Qué es React Native?
2. ¿Qué nos ofrece? ¿Por qué elegirlo?
3. Pros y contras
4. Arquitectura
5. Compartir con proyectos web
6. Cómo luce el código de React Native
7. Aprovechando tus conocimientos de React

Módulo 3. Repaso de React y Redux (cuando sea necesario)

1. Recordatorio de Redux
2. Reductores, acciones, estado, almacenamiento y middleware
3. Recordatorio de React
4. Componentes basados en funciones vs componentes basados en clases
5. Composición
6. Estructura y reglas de JSX
7. Props
8. State
9. Componentes controlados y no controlados
10. Virtual DOM vs DOM real

Módulo 4. El Proceso de Desarrollo

1. ¿Por dónde empiezo?
2. react-native vs. create-react-native-app
3. Cuál es mejor para situaciones específicas
4. Recomendaciones del equipo de React Native
5. ¿Qué es Expo?
6. Crear una nueva aplicación de React Native
7. Cómo ejecutarla en un dispositivo conectado
8. Cómo ejecutarla en un dispositivo inalámbrico
9. Cómo ejecutarla en un emulador de Android
10. Cómo ejecutarla en un simulador de iOS
11. Depurar en una ventana del navegador
12. Registro de eventos, puntos de interrupción, seguir paso a paso
13. YellowBoxes y RedBoxes

Módulo 5. Controles de un solo valor

1. Resumen de componentes
2. Categorías de componentes
3. Texto
4. Props y eventos del Texto
5. TextInput
6. Props y eventos del TextInput y el objeto de evento
7. Imagen
8. Diferencias entre imágenes de HTML y React Native
9. Reservar espacio para ellas
10. Imágenes locales vs imágenes remotas
11. resizeMode

Módulo 6. Desarrollo Específico por Plataforma

1. ¿Cómo podemos desarrollar de manera diferente en las diferentes plataformas?
2. ¿Por qué lo haríamos alguna vez?
3. Obstáculos técnicos
4. El Selector de Fechas – iOS vs Android
5. Uso del módulo Platform

Módulo 7. Componentes de Diseño

1. Repaso de componentes
2. View
3. SafeAreaView
4. ScrollView
5. Pinch-to-zoom
6. KeyboardAvoidingView
7. Cómo crear vistas modales
8. Controlando la barra de estado del SO

Módulo 8. Flexbox para Diseños Nativos

1. ¿Por qué Flexbox?
2. De dónde proviene
3. Flexbox en la web NO es Flexbox en nativo
4. Contenedores e ítems
5. flexDirection
6. flexBasis vs. ancho/alto
7. flexShrink, flexGrow
8. La propiedad abreviada flex
9. justifyContent y alignContent
10. flexWrap

Módulo 9. Estilizar Aplicaciones React Native

1. Cómo difieren los estilos de React Native de CSS
2. Cómo aplicar estilos
3. Cómo controlar la herencia de estilos
4. Arreglos de estilos
5. Cuatro métodos para definir estilos
6. Propiedades comunes
7. Fuentes multiplataforma
8. Estilos condicionales y programáticos

Módulo 10. Navegación

1. ¿Qué es la navegación, en realidad?
2. Cómo obtener React Navigation
3. Los tres tipos de navegadores
4. StackNavigator
5. Objeto de enrutamiento
6. Configuración de navegación
7. Cómo pasar parámetros al navegar
8. TabNavigators
9. Tres tipos de TabNavigators
10. Cómo configurar iconos
11. DrawerNavigator
12. Ejemplos y demos

Módulo 11. Ajax en React Native

1. Por qué debe ser diferente en un dispositivo
2. La API fetch
3. Cómo mostrar un indicador de carga
4. Cómo hacer solicitudes y poblar elementos
5. Seguridad en un entorno nativo

Módulo 12. Pulsadores y Botones

1. API de Botones
2. Eventos y props de los botones
3. ¿Por qué elementos táctiles?
4. Pressables
5. Por qué trabajar con Pressables
6. Cómo trabajar con Pressables

Módulo 13. Componentes de Lista

1. Resumen de componentes
2. Selectores
3. FlatList
4. SectionList

¡Únete a nuestro curso de React Native y embárcate en un viaje emocionante hacia el éxito en el desarrollo de aplicaciones móviles! Con instrucción experta, ejemplos prácticos y proyectos desafiantes, estarás listo para crear aplicaciones sorprendentes y conquistar el mundo móvil. ¡No esperes más, inscríbete hoy mismo y comienza a construir tu futuro en React Native!