Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Meditation Personal Transformation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Google Analytics
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Programming Languages React

React JS: Aprende React JS desde cero con ejemplos prácticos

La mejor manera de aprender React JS. Aprende desde cero, sumérgete dentro de React JS y conviértete en un desarrollador
Rating: 4.7 out of 54.7 (33 ratings)
157 students
Created by Juan Gabriel Gomila Salas, Oak Academy
Last updated 12/2020
Spanish
Spanish [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Aprende React JS desde cero.
  • Este curso es la mejor manera de Aprender React JS.
  • Sumergete en React JS.
  • Conviertete en un desarrollador de React.
  • Aprende como construir aplicaciones de una sola página en React JS.
  • Aprende los componentes, props, estados y métodos del ciclo de vida de los componentes en React JS.
  • Crea componentes reusables con React.
  • Aprende el JavaScript moderno, adaptado al estándar ES6.
  • Aprende a conectarte a una API externa a través de llamadas AJAX con la librería Axios
  • Entrada de datos, formularios y event handling en React.
  • Routing con React Router.
  • El uso de los React Portals para renderizar componentes hijo fuera de la jerarquía del DOM.
Curated for the Udemy for Business collection

Course content

12 sections • 80 lectures • 8h 29m total length

  • Preview01:24
  • Arquivos de Projetos e Documentos do Curso
    00:03
  • Conoce a tu instructor Juan Gabriel Gomila
    02:12
  • Cómo hacer preguntas en el foro de Udemy
    09:59
  • Únete a la comunidad de Discord para aprender con amigos
    03:45
  • Los repositorios del curso de React JS
    06:31
  • No valores el curso hasta llevar más clases completadas
    02:40
  • Archivos de proyecto y códigos fuente
    00:02

  • Preview12:11
  • Algunas preguntas que seguro que ahora mismo tienes
    09:24
  • Let, Const y Var en 3 minutos
    03:55
  • Cómo instalar Node JS
    05:54
  • Crea tu primer proyecto de react
    06:17
  • ¿Qué necesitas para crear un proyecto de React?
    07:47
  • Creando nuestra primera app con React
    06:44
  • ¿Cómo se para una app de React?
    05:52
  • Nuestra primera componente funcional
    15:06

  • Convertir HTML a JSX
    06:21
  • Estilizado inline con JSX en React JS
    11:28
  • Variables de Javascript en JSX
    12:44

  • Tres principios básicos sobre las componentes
    03:59
  • Una app simple con React: comentarios de una red social
    02:55
  • Estilizar una app con Semantic UI
    08:34
  • Construir componentes con JSx
    03:59
  • Indicar la ruta de una imagen en React JS
    03:27
  • Duplicar una componente simple
    02:04
  • Anidado de componentes
    12:45
  • El sistema de props
    04:24
  • Cómo pasar props a un hijo
    13:04
  • Revisión de componentes reutilizables
    02:46
  • El prop children
    12:39
  • El proyecto finalizado en Github
    00:05

  • Componentes basadas en clases y componentes funcionales
    05:46
  • Cómo se verá la nueva app
    09:34
  • Cómo obtener la ubicación física del usuario
    07:57
  • Manejo de operaciones asíncronas en React
    03:35
  • Cómo convertir una componente funcional a una basada en clases
    04:53

  • Reglas de estados
    04:39
  • Inicialización de los estados en el constructor
    13:48
  • Los métodos de ciclo de vida
    12:26
  • Rendering condicional
    05:18

  • Acerca de los métodos de ciclo de vida
    13:44
  • Refactorización de la app para incluir métodos de lifecycle
    03:18
  • Transferir estados a través de props
    04:30
  • Expresiones ternarias con JSX
    05:49
  • Cómo mostrar una imagen
    06:34
  • Cómo estilizar la app con CSS personalizado y Semantic UI
    10:12
  • Herramientas de desarrollo gratuitas para Rect
    03:56
  • Revisión final de la app
    07:33
  • El proyecto finalizado en Github
    00:05

  • Cómo se verá la app
    03:35
  • Diseño de componentes
    03:09
  • El uso de formularios y campos de entrada
    08:32
  • Estilizado de la app
    03:35
  • Creación de Event Handlers
    06:32
  • Elementos controlados vs no controlados
    04:43
  • ¿Para qué sirven los elementos controlados?
    08:00
  • La palabra reservada 'this' en Javascript
    11:11
  • Comunicación de hijos a padres
    03:08
  • Cómo invocar callbacks en los hijos
    05:09

  • Obtención de datos
    04:04
  • Axios vs Fetch
    03:58
  • Función Async Await
    10:35
  • Configurar el estado
    06:24
  • Cómo renderizar una lista de componentes
    05:31
  • Implementar el valor key en los objetos de la lista
    04:50
  • ¿Qué hemos aprendido de esta app?
    04:20
  • El proyecto finalizado en Github
    00:05

  • Creación del proyecto
    04:03
  • React Router
    21:59
  • Los Links y los Nav Links
    06:21
  • Redirects programados
    07:21
  • Parámetros de Route
    15:54
  • Etiqueta Switch de React Router
    04:05

Requirements

  • No requieres conocimientos previos de React, empezamos desde cero.
  • Un ordenador con sistema operativo Windows, Mac o Linux.
  • Conocimientos básicos de JavaScript + HTML + CSS son absolutamente necesarios pero no necesitas ser un experto.
  • Conocimientos de Es6 te serán útiles pero no son necesarios.
  • Ganas de aprender React.
  • Nada más. Solamente tú, tu ordenador y tus ganas de empezar hoy.
  • Es recomendable haber cursado el curso de HTML, CSS y Javascript de Juan Gabriel Gomila para tener una buena base inicial

Description

Muy buenas y bienvenidos al curso React JS: Aprende React JS desde cero con ejemplos prácticos.

React es una de las mejores opciones para construir aplicaciones web modernas. Si eres nuevo en React o tal vez has estado batallando para aprender y entender verdaderamente cómo funciona este mundo, entonces este curso es la mejor manera de aprender React JS.

En este curso, te llevaremos a través de todo lo que necesitas saber para dominar el desarrollo web usando ReactJS mediante el suministro de un poderoso conocimiento a través de una mezcla de diagramas explicados y la creación de una aplicación completa.

¡No se necesita ningún conocimiento previo!

No es necesario tener conocimientos previos sobre React. Este curso te llevará desde un nivel de principiante a uno más avanzado con ejemplos prácticos.

Te sentirás seguro al usar React JS, y si alguna vez te quedas atascado, estaremos ahí para ayudarte.

¡Aprende haciendo!

Así que hemos hecho este curso tan simple como sea posible con el fin de llevarte paso a paso para que puedas sentirte con confianza y obtener una comprensión realmente buena de cómo utilizar ReactJS. En este curso, te enseñaremos React creando varios proyectos.

Aquí está la lista de lo que aprenderás al final del curso:

Empezaremos con la instalación local y la base de React. Después de eso, crearemos 5 proyectos.

  • Proyecto 1 - Aprender a crear una aplicación de React y JSX con "first-app".

  • Proyecto 2 - Aprender el sistema de props de React con la aplicación "blog-posts".

  • Proyecto 3 - Aprender las componentes de React, estados, métodos de ciclo de vida, operaciones de sincronización y mucho más con la aplicación "Hemisphere".

  • Proyecto 4 - Manejar los controladores de eventos, obtener datos de una API externa y mostrar la lista de registros con la aplicación "image-list".

  • Proyecto 5 - Cómo utilizar  React Router y usar React Portals para extraer las componentes hijo de la jerarquía DOM con la aplicación "react-router".

Al finalizar el curso:

Al finalizar el curso, podrás construir increíbles aplicaciones web de una sola página con React.

Contenido actualizado:

No es un secreto cómo la tecnología avanza a un paso acelerado. Cada día se lanzan nuevas herramientas, y es crucial estar al tanto de los últimos conocimientos para ser un mejor desarrollador de React.

Calidad de producción de video y audio:

Todo nuestro contenido es creado/producido con video y audio de alta calidad para ofrecerte la mejor experiencia de aprendizaje.

Estarás:

  • Viendo claramente

  • Escuchando claramente

  • Moviéndote a través del curso sin distracciones.

También recibirás:

  • Acceso de por vida al curso

  • Soporte en la sección de preguntas y respuestas y en la comunidad de Discord

  • Certificado de finalización de Udemy listo para ser descargado

  • Acceso al código fuente desde el minuto cero en Github

¿A qué esperas para apuntarte?

¡Nos vemos en el curso!

Who this course is for:

  • Principiantes que quieran ser desarrolladores de React.
  • Cualquiera que quiera convertirse en desarrollador de React.
  • Cualquiera que quiera construir increíbles aplicaciones de una sola página en React.
  • Cualquiera que quiera aprender React JS.
  • Este curso es perfecto para cualquiera que tenga algún conocimiento de HTML, CSS y JavaScript. No estamos diciendo que debas ser un experto en JavaScript pero conceptos sencillos como bucles y funciones te serán muy útiles. Si sabes ES6, será mejor, si no, no te preocupes que ES6 se abordará en este curso.
  • Estudiantes que quieran aprender cómo construir rápidamente aplicaciones web de una sola página.
  • Cualquiera que esté interesado en aprender una tecnología extremadamente popular utilizada por las compañías de tecnología líderes como Facebook, Instagram y Netflix.
  • Estudiantes que quieran llevar sus habilidades como desarrolladores al siguiente nivel y aprender una tecnología de futuro muy buscada en los perfiles de LinkedIn.
  • También, si estás buscando avanzar en el desarrollo de aplicaciones en React-Native, te irá muy bien empezar con React JS. Una vez que estés familiarizado con conceptos como JSX, props y estados, estos conceptos también son aplicables a React Native, por lo que te será todavía más fácil aprender.
  • Cualquiera que se encuentre planificando cambiar de empleo y quiera convertirse en desarrollador React.
  • Desarrolladores que quieran aprender a conectarse a una API externa y procesar datos de las mismas utilizando llamadas AJAX

Instructors

Juan Gabriel Gomila Salas
CEO de Frogames, Matemático, Data Scientist & Game Designer
Juan Gabriel Gomila Salas
  • 4.6 Instructor Rating
  • 42,873 Reviews
  • 296,683 Students
  • 94 Courses

Soy licenciado en matemáticas, especializado en el análisis de datos para empresas de videojuegos con R y Python, en Game Design para videojuegos de social casino, en el desarrollo de aplicaciones móviles para iOS y para Android y desarrollador de videojuegos utilizando los motores Unreal Engine y Unity tanto para PC como para móvil desde el año 2011.

Me encanta programar, crear apps y videojuegos que la gente utilice y sobretodo enseñar tanto en el mundo online, como en la Universidad presenciamente.

Aquí en Udemy, llevo como profesor online desde verano de 2015 he lanzado ya más de 90 cursos online con más de 250.000 estudiantes en más de 160 países de todo el mundo que han aprendido en castellano  temáticas de desarrollo tan diversas como el mundo de las apps para iOS en Objective-C, Swift y SpriteKit,  en Android con Java, desarrollo de videojuegos con Unity y Unreal Engine cubriendo desde lo más básico hasta aspectos avanzados para crear juegos profesionales o incluso análisis de datos masivos, big data, machine learning y data science con R, Tidyverse y Python. 

Soy también Instructor Certificado de Unity (UCI), lo cual me permite viajar por todo el mundo asesorando y dando formación en desarrollo de videojuegos para empresas de CAD, o estudios de renombre como por ejemplo Team 17 (Worms, The Escapists), Genera Games (Disney's Frozen, Star Wars) o Ubisoft (Assassin's Creed, CSI Hidden Crimes)

Además, los propios estudiantes online de varias partes del mundo me han contactado para ir a dar conferencias y compartir mis experiencias en lugares tan bonitos como Colombia, Dinamarca, USA, México, Suecia, Holanda, Londres o Bolivia entre otros. Si no conoces aún ninguno de los cursos que imparto aquí en Udemy, tómate un tiempo para visitar los diversos cursos gratuitos que tengo publicados aquí mismo.

Oak Academy
LONG LIVE TECH KNOWLEDGE
Oak Academy
  • 4.3 Instructor Rating
  • 3,562 Reviews
  • 24,722 Students
  • 151 Courses

Hi there,

By 2024, there will be more than 1 million unfilled computing jobs and the skills gap is a global problem. This was our starting point.

At OAK Academy, we are the tech experts who have been in the sector for years and years. We are deeply rooted in the tech world. We know the tech industry. And we know the tech industry's biggest problem is the “tech skills gap” and here is our solution.

OAK Academy will be the bridge between the tech industry and people who

-are planning a new career

-are thinking career transformation

-want career shift or reinvention,

-have the desire to learn new hobbies at their own pace

Because we know we can help this generation gain the skill to fill these jobs and enjoy happier, more fulfilling careers. And this is what motivates us every day.

We specialize in critical areas like cybersecurity, coding, IT, game development, app monetization, and mobile. Thanks to our practical alignment we are able to constantly translate industry insights into the most in-demand and up-to-date courses,

OAK Academy will provide you the information and support you need to move through your journey with confidence and ease.

Our courses are for everyone. Whether you are someone who has never programmed before, or an existing programmer seeking to learn another language, or even someone looking to switch careers we are here.

OAK Academy here to transforms passionate, enthusiastic people to reach their dream job positions.

If you need help or if you have any questions, please do not hesitate to contact our team.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.