Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

React Native desde cero con Web API y Asp.Net MVC (C#)

Name: React Native desde cero con Web API y Asp.Net MVC (C#)
Rating: 4.6 (28 reviews)

Aprende a desarrollar aplicaciones móviles usando React Native y creando Web API usando Entity Framework

Highest Rated

Created byLicito Hurol

Last updated 1/2022

Spanish

Spanish [Auto],

What you'll learn

Crear una Aplicación Móvil usando React Native
Aprender los componentes Básicos de React Native
Manejo de Estados y Hooks
Crear APIs en C# y publicarlas para luego ser consumidas
Consumir una API desde nuestra aplicación de React Native
Usar Native Base para usar componentes Externos
Manejo de Camara e Imagenes
Navegación en React Native
Realizar un CRUD
Autenticación y Autorización

Course content

11 sections • 166 lectures • 15h 40m total length

Instalaciòn de Visual Studio y Extensiones Basicas6:20
Instalando Snippets para React Native y el JDK 8 Java3:18
Instalar Node JS2:12
Instalar Git2:35
Instalar Genymotion3:37
Instalar Android Studio3:19
SDK y Variables de Entorno3:59
Creando nuestra primera Aplicacion en React Native8:04
Primer Hola mundo en React Native4:06
Estilos básicos al componente Text3:57
Padding y Margin en un componente4:00
Componente Image en React Native4:13
Centrando un Componente Image4:07
Componentes TextInput y ScrollView5:12
Estilos a los TextInput4:05

Componente Button5:56
Definir una alerta4:37
Múltiples opciones a una alerta3:15
Leer el valor de un TextInput5:22
Asignar valores a un TextInput4:45
Crear un directorio Pages y Pasar de App.js a LoginPage.js4:03
Creando otra Pagina en React Native4:24
Uso del Componente FlatList5:59
Dar Formato a un Item de un FlatList4:10
Creando una Cabecera para nuestro listado3:07
Creando una Barra de Busqueda5:03
Terminando de Crear la Interfaz de Busqueda4:54
Realizar funcionalidad del Listado5:23
Modal y Pressable5:19
Abrir y Ocultar Modales4:02

Crear Componente Titulo5:38
Crear Componente Boton6:52
Crear Componente Cabecera6:38
Iconos en React Native4:24
Titulo Dinámico del Popup6:23
Crear Componente Input5:37
Recuperar Datos en Popup5:23
Estilos Botones y asignar evento onPress a Icono Eliminar3:46
Crear Componente FlatListView6:04
Componente FlatListView funcione el onPress2:59
Componente Modal7:05
Configurar Anchos en el Componente FlatListView6:03
Filtro Sensitivo con el useEffect5:10
Creando el Popup para Autor4:53
Mejorando el Componente Input4:20

Instalación de Native Base6:22
Usar componente Select de Native Base5:43
Creando componente Picker6:20
Usando Nuestro Componente Picker3:32
Crear un Componente Entry usando el evento onChange6:20
Corrigiendo Bug del Componente Entry (Evento onchange vs onChangeText)6:06
Uso y mejora del componente Entry4:08
Creando una pagina Libro (Crear un Picker como Busqueda)5:53
Primera Opción Todos en un Picker4:37
Instalar Visual Studio 20192:16
Instalar SQL Server 20147:12
Creando un Hosting para Subir nuestra Web API4:16
Crear una API y publicarlo5:01
Restaurar Base de Datos4:14
Conectar desde la API a nuestra Base de datos5:07

Creando una API de Listado6:27
Consumiendo un listado de nuestra API4:06
Refresh Control React Native5:52
API Delete4:07
Consumir la API Delete5:22
Creando API para Insertar Datos6:02
Consumir nuestra API para Insertar Datos7:28
Modificando la API para que actualize datos3:50
Funciones reutilizables para hacer un Get y Post6:24
Función reutilizable para hacer un POST3:22
Activity Indicator usando el loading4:24
Centralizar la URL de las APIs3:48
Componente Alerta4:49
API para llenar combos6:11
Llenar Combos de API5:26

Crear una API con Join5:54
Listado usando Join4:55
Creando API recuperar por Id5:51
Consumir un Get con Parámetro en Nuestra aplicación4:45
Creación de API para Autor4:48
Guardar Información de un Combo mediante un POST8:49
Implementar el Eliminar y mejorar el componente FlatListView5:50
Creando API de tipo Get8:16
Añadir al componente Modal el Activity Indicator3:58
Componente FlatListView que soporta cabeceras5:07
¿Que pasa si en el listado no traes el Id?6:26
Solucionando advertencia del Key (Mejorando Listado)4:25
KeyboardType en React Native6:50
Recuperar Información Input6:17
Control Fecha en React Native6:52

Formato de fechas6:05
Recuperar Fechad formato dia/mes/año4:07
Curiosidad de Trabajar con fechas7:03
Manejo del Mes con React Native (Insertar y Actualizar una Fecha)7:29
FlatList Cabecera y Footer4:08
Manejo de un FloatingActionButton4:05
Probando nuestro componente FloatingActionButton3:30
Columnas calculadas5:24
Radio Button en Native Base4:53
Creando componente Radio Button6:29
Realizar Filtro por Radio Button4:30
Probando el Componente Radio Button5:25
Agregar una Fecha a la BD mediante la API4:27
Instalaciones para el manejo de Cámara5:21
Explicando que campos ingresaremos en Libro5:57

Creando un Componente para el TextArea6:14
Probando el componente Editor7:37
Crear la Pantalla donde se hará el Preview6:34
Hacer un Preview de la Imagen10:00
API para listar Imágenes6:41
Listado de Imágenes en FlatList6:58
Recuperar Imagen7:53
Añadir una columna a la BD y Actualizar Modelo7:42
Búsqueda Sensitiva Combo por FlatList7:45
Insertar una imagen en base de datos como base 647:39
Editar una Imagen desde React Native9:23
Crear Funciones para Manejar Imágenes como Base 645:56
Creando la estructura de los Tab5:09
Creando los Tabs7:17
Creando el componente FlatListViewImage7:36

Probando nuestro componente FlatListViewImage6:14
Picker MinWidth1:05
Realizando un filtro Combo por Button en nuestro Tab6:46
Interfaz para guardar imágenes como bytes y en el FileSystem6:31
Lógica para Manejar imágenes como Array de Bytes9:30
Editar una foto subida7:16
Guardar Imagen como Byte7:58
Preparando Lógica Guardar FileSystem6:11
Listar API del FileSystem8:05
Consumir API y Pintar Imágenes guardadas en el FileSystem5:18
Lógica para guardar imágenes en el FileSystem6:23
Probando el Recuperar y Insertar Archivos en el FileSystem6:32
Editar archivo en FileSystem4:23
Explicando la lógica de Crear Usuario7:19
Explicación de la Seguridad7:19
Creando la estructura de la Pagina Tipo Usuario y Usuario7:49

Crear API Listado Usuario y Consumirlo9:44
Crear la Interfaz de las Pantallas9:14
Componente Checkbox y volverlo dinamico6:56
API para realizar una Transacción6:42
Guardando un Cabecera Detalle con Check y Metodos para Recuperar en API7:52
Recuperar check de Base de datos3:23
Creando API y Consumir el Editar Check11:10
Context API7:20
API Tipo Usuario7:36
Probando Registrar Usuario6:12
Editar usuario y Recuperar4:19
Crear una API de Login5:55
Creando Lógica del Login5:56
Creando una Pagina Principal y el Cerrar Sesion5:36
Controller que retorna un solo valor un String2:58

Requirements

Conceptos Básicos de Javascript

Description

Bienvenidos al Curso de React Native donde aprenderemos a crear aplicaciones móviles de una manera rápida y sencilla. En este curso aprenderemos de CERO , sin necesidad de tener conocimientos previos. Nos conectaremos al motor de Base de datos SQL Server para crear nuestras PROPIAS APIs , publicarlo en un servidor y luego consumirlo desde nuestra aplicación móvil. Aprenderemos a manejar textos , combos , fechas , manejo de imágenes , etc.

Algunos temas que veremos será:

1. Como trabajar con React Native desde cero , sin necesidad de conocimientos previos

2. Manejo de los componentes básicos de React Native (Los nativos)

3. Manejo de Estados con Hooks

4. Crear nuestras propias funciones reutilizables.

5. Aprender la librería de Native Base para integrarlo con nuestro proyecto de React Native y poder usar la diversidad de componentes que nos proporciona.

6. Crear nuestras propias APIs en C# conectados al motor de base de datos SQL Server

7. Publicar nuestra API creada en un servidor

8. Consumir nuestra API desde nuestro proyecto de React Native

9. Manejo de la Cámara e Imágenes

10. Guardar fotos en la base de datos y recuperarlo

11. Manejo de Tabs en React Native

12. Navegación entre componentes

13. Manejo de Autenticación

14 Manejo de Autorización

15. Manejo de un Menú dinámico de acuerda al perfil

16. Manejo de Transacciones

... y mucho mas

Who this course is for:

Personas que deseen crear aplicaciones moviles

React Native desde cero con Web API y Asp.Net MVC (C#)

What you'll learn

Explore related topics

Course content

Instalaciónes necesarias para React Native15 lectures • 1hr 3min

Componentes Básicos React15 lectures • 1hr 10min

Crear propios Componentes Reutilizables15 lectures • 1hr 21min

Native Base Componentes15 lectures • 1hr 17min

Creación , Consumo y publicación de APIS15 lectures • 1hr 18min

Manejo de Combos con API e Introducción al Control Fecha15 lectures • 1hr 29min

Manejo de Control Fecha y Radio Button15 lectures • 1hr 19min

TextArea y Subir Imágenes de la App Movil15 lectures • 1hr 50min

Consultas , Manejo de Check e Imagenes como Bytes16 lectures • 1hr 45min

Ocultar y Mostrar Controles , Manejo de Checkbox y Login15 lectures • 1hr 41min

Requirements

Description

Who this course is for: