Udemy

Platform

Español

Language

Other

Category

React Native - La Guía Practica De Cero a Experto 2021

Aplicaciones nativas para iOS y Android, Todo sobre React Native con Hooks, Context, React Navigation, TypeScript y más!

4.69 (8 reviews)

React Native - La Guía Practica De Cero a Experto 2021

Students

6.5 hours

Content

Apr 2021

Last Update
Regular Price

EXCLUSIVE SKILLSHARE OFFER
Exclusive SkillShare Offer
Unlimited access to 30 000 Premium SkillShare courses
40%OFF ANNUAL MEMBERSHIP

What you will learn

Crear Aplicaciones Nativas para Android e iOS

Crear componentes realmente reutilizables

Póngase al día con los principios y metodologías de diseño de React

Descubra los patrones de diseño móviles utilizados por ingenieros experimentados

Aprovechar sus habilidades de React y Javascript

TypeScript, Interfaces


Description

Este curso se centra en el desarrollo de aplicaciones nativas para iOS y Android verdaderamente multiplataforma utilizando React Native CLI. React Native utiliza JavaScript moderno para obtener una interfaz de usuario y un rendimiento verdaderamente nativos mientras comparte habilidades y código con la web. Aprenderá sobre el desarrollo de UI con React Native UI y soporte de diseño y accederá a las capacidades de la plataforma móvil nativa desde JavaScript.


Si estás cansado de hacer girar tus ruedas aprendiendo Swift o Android, este es el curso para ti.


Este curso lo pondrá en funcionamiento con React Native rápidamente y le enseñará los conocimientos básicos que necesita para comprender en profundidad y crear componentes de React para dispositivos móviles.


Compatible con OSX y Windows: ¡desarrolle iOS o Android!


Comenzaremos dominando los fundamentos de React, incluidos JSX, "props", "state" ,Hooks y el manejo de eventos. El código fuente se proporciona para cada sección por lo que siempre estará actualizado con el ritmo del curso. Se ha prestado especial atención a la creación de componentes reutilizables que podrá utilizar en sus propios proyectos fantásticos.


React Native es una excelente solución para desarrollar aplicaciones en dispositivos móviles en una fracción del tiempo que lleva crear una aplicación iOS o Swift equivalente. ¡Le encantará ver sus cambios aparecer instantáneamente en su propio dispositivo, en lugar de esperar a que se recompile el código Swift / Java! Este ciclo de retroalimentación rápida, junto con un excelente soporte multiplataforma, es lo que ha catapultado a React Native a la habilidad más importante para los ingenieros de Javascript.


Si eres nuevo en React, o si has estado trabajando para aprenderlo pero a veces sientes que todavía no lo "entiendes", ¡este es el curso de React para ti! Para aprender React tienes que entenderlo.


  • Aprenda a usar el lenguaje de marcado personalizado de React, JSX, para limpiar su código Javascript

  • Domine el proceso de descomposición de un componente complejo en muchos componentes intercambiables más pequeños

  • Desarrolle aplicaciones que sean únicas,.

  • Construya en plataformas Android e iOS

  • Aprenda los principios básicos de la navegación con React Native.


  • Typescript

  • AsyncStorage

  • React Navigation

  • Vector Icons

  • Bottom Tabs

  • Intefaces

  • Reducer

  • Context

  • useState

  • useRef

  • y más...


     Al final de este curso, podrá

- Crear aplicaciones móviles dirigidas a múltiples plataformas con una única base de código,

- Aprovechar sus habilidades de React y JavaScript,

- Usar varias funciones de React Native  para construir aplicaciones móviles verdaderamente multiplataforma

Todo sobre React Native con Hooks, Context, React Navigation, TypeScript y más!




Content

Introducción

Introducción

Configuración de Entorno

Instalación Visual Code

Instalación de Android Studio

Instalacion de Node Js , OpenJDK y React Native CLI

Configuración de Variables de Entorno

Primera Aplicación

Qué es React Native?

Creando nuestra primera aplicación

Debug en Consola y Navegador

Componentes Core

Componente SafeArea

Componente StatusBar

Componente ScrollView

Componente View

Componente Text

Componente Text Input

Componente Image

Componente Button,Touchable[Highlight,Opacity,WithoutFeedback]

Componente Modal

Visualizar nuestros componentes limpios con StyleSheet

Diseño con Flexbox (Layouts)

Resultado Final de Layout

Creación de archivo App

Creación de Componente

Justify Content Row

Justify Content Column

Align Items

Flex Wrap

Align Content

Music App

Resultado de Aplicación - Music App

Creación de Aplicación

Creación de Json (Simulando Api)

Creación de Banner

Creación de MoodWeekend

Creación de Top Albums

Creación de Browse All

Presupuesto App

Resultado de Aplicación - Presupuesto App

Creación de Proyecto

Componentes Dashboard, Resumen y Estilos

Context, Types y Reducer

Dispatch y PresupuestoState

Datos Resumen

Presupuesto Modal

Guardar Presupuesto en Context

Egreso Modal

Intalacion de libreria React Native Chart Kit

Instalación de libreria MomentJs

Dashboard y configuración de Pie Chart

Dashboard - Detalle Egreso

Comprobando resultado de Aplicación

React Navigation

Creación de Proyecto e Instalación de Dependencias

NavigationContainer , Stack Navigator .y Stack Screen

Configuración de Header y Estilos

Navegación entre Pantallas

Envio de parametros entre Pantallas

Transiciones de Pantallas

AsyncStorage - Tareas App

Resultado de Aplicación - Tareas App

Creación de Proyecto con Typescript

Pantalla de Tareas e Instalación de Dependencias

Registrar Tarea

Mostrar Tareas

Componente Titulo de Tareas

Cambiar Estado de Tareas

Guardar Tareas En AsyncStorage

Obtener Tareas de AsyncStorage

Eliminar Tareas de AsyncStorage

Rick and Morti App

Resultado de Aplicación - Rick And Morti App

Creación de Proyecto con Typescript

Instalación de Dependencias

Hooks,Interfaz y petición a API de Personajes

Botones de Paginación y campo para Buscar Personajes

Componente Tarjeta de Personaje

Botones de Origen y Ubicación en Tarjeta de Personaje

Buscar Personajes

Paginación en Personajes

StackNavigator, TabNavigator y TabScreen de Personajes

StackNavigator, TabNavigator y TabScreen de Ubicación

StackNavigator, TabNavigator y TabScreen de Episodios

Componente de Paginación y Búsqueda

Interfaz de Ubicación

Pantalla de Ubicación

Tarjeta de Ubicación

Detalle de Ubicación

Detalle de Ubicación en Personajes

Interfaz de Episodios

Pantalla y Tarjeta de Episodios

Detalle de Episodios

Comprobando resultado de Aplicación

Despedida

Despedida del Curso


Reviews

M
Michael22 May 2021

Simplemente, excelente!!! La explicación es clara, sencilla y fluida. El contenido del curso brinda las pautas básicas (e incluso, algo más) para desarrollar aplicaciones con React Native.

M
Manuel23 April 2021

Muy buen curso! Aun no lo he terminado ya que me falta la ultima seccion pero hasta ahora todo excelente.. ademas tuve algunas preguntas al inicio y el instructor fue muy diligente en ayudarme a resolver el problema! 100% recomendado si no tienes conocimientos previos en react native (el cual fue mi caso). Gracias!

J
Jose9 April 2021

El curso está muy bien organizado y la dinámica de aprender realizando proyectos de forma práctica esta muy bien, me ha gustado mucho y definitivamente lo recomendaría sin dudar

O
Oscar9 April 2021

Aprendí mucho con este curso, ahora si me he animado a crear aplicaciones desde cero y poder tener un trabajo de RN que esta muy demandado.


Coupons

DateDiscountStatus
3/18/202191% OFFExpired
3/19/202191% OFFExpired
3/26/202191% OFFExpired
4/2/202150% OFFExpired
5/18/202183% OFFExpired
5/31/202183% OFFExpired

3866310

Udemy ID

2/22/2021

Course created date

3/18/2021

Course Indexed date
Bot
Course Submitted by

Twitter
Telegram