4.8
estrellas
368 calificaciones

96 %

Taught by Meta Staff

29.384 ya inscrito

Ofrecido Por

Acerca de este Curso

621.804 vistas recientes

React is a powerful JavaScript library that you can use to build user interfaces for web and mobile applications (apps). In this course, you will explore the fundamental concepts that underpin the React library and learn the basic skills required to build a simple, fast, and scalable app.
By the end of this course, you will be able to:
•	Use reusable components to render views where data changes over time
•	Create more scalable and maintainable websites and apps 
•	Use props to pass data between components 
•	Create dynamic and interactive web pages and apps
•	Use forms to allow users to interact with the web page 
•	Build an application in React

You’ll gain experience with the following tools and software: 
•	React.js
•	JSX
•	React
•	HTML, CSS and JavaScript 
•	VSCode

You will be able to leverage the potential of this course to develop new skills, improve productivity, act effectively with data and boost your career.

This is a beginner course for learners who would like to prepare themselves for a career in mobile development. To succeed in this course, you do not need prior development experience, only basic internet navigation skills and an eagerness to get started with coding.

Fechas límite flexibles

Restablece las fechas límite en función de tus horarios.

Certificado para compartir

Obtén un certificado al finalizar

100 % en línea

Comienza de inmediato y aprende a tu propio ritmo.

Nivel principiante

None! Learners do not need prior web development experience. Only basic internet navigation skills and an eagerness to get started with coding.

Aprox. 27 horas para completar

Inglés (English)

Qué aprenderás

Use reusable components to render views where data changes over time
Organize React projects to create more scalable and maintainable websites and apps
Use props to pass data between components. Create dynamic and interactive web pages and apps
Use forms to allow users to interact with the app. Build an application in React

Habilidades que obtendrás

Web Application
Front-End Web Development
React (Web Framework)
Application development

Fechas límite flexibles

Restablece las fechas límite en función de tus horarios.

Certificado para compartir

Obtén un certificado al finalizar

100 % en línea

Comienza de inmediato y aprende a tu propio ritmo.

Nivel principiante

None! Learners do not need prior web development experience. Only basic internet navigation skills and an eagerness to get started with coding.

Aprox. 27 horas para completar

Inglés (English)

Instructor

Calificación del instructor

4,61/5 (118 calificaciones)

Taught by Meta Staff

235.204 alumnos

49 cursos

Ofrecido por

Programa - Qué aprenderás en este curso

Calificación del contenido96%(4,495 calificaciones)

Semana

Semana 1

11 horas para completar

React Components

11 horas para completar

15 videos (Total 61 minutos), 21 lecturas, 6 cuestionarios

15 videos

Introduction to the course: React Basics2m

How is React used in the real world?3m

Why React?4m

React.js overview5m

Introduction to functional components6m

Creating React components3m

The React project structure6m

Importing components4m

Principles of components: Props5m

Using props in components4m

Introducing JSX4m

Practical styling2m

Embedded JSX expressions2m

Embedding in attributes2m

Module summary2m

21 lecturas

Course syllabus for React Basics10m

How to be successful in this course10m

Before you learn React10m

JavaScript modules, imports - exports10m

Working with Labs in this course10m

Additional reading5m

Setting up a React project in VS Code (Optional)10m

Transpiling JSX20m

Solution: Your first component5m

Customizing the project20m

Solution: Creating and importing components5m

Additional resources for React components and where they live5m

Dissecting props20m

Solution: Passing props5m

Props and children20m

Styling JSX elements20m

JSX syntax and the arrow function20m

Ternary operators and functions in JSX20m

Expressions as props10m

Solution: Multiple components5m

Additional resources5m

6 ejercicios de práctica

Self review: Your first component9m

Self review: Creating and importing components9m

Knowledge check: React components and where they live15m

Self review: Passing props9m

Self review: Multiple components9m

Module Quiz30m

Semana

Semana 2

7 horas para completar

Data and State

7 horas para completar

13 videos (Total 59 minutos), 9 lecturas, 9 cuestionarios

13 videos

Types of events4m

Common event handling3m

Syntax for handlers5m

User events5m

Parent-child data flow5m

Children and data3m

What are hooks?3m

What is state?4m

Observing state3m

Managing state4m

React state management6m

Stateful vs. stateless3m

Module summary5m

9 lecturas

Eventful issues20m

Event handling and embedded expressions20m

Solution: Dynamic events5m

Additional resources5m

Data flow in React10m

Using hooks10m

Prop drilling10m

Solution: Managing state in React5m

Additional resources5m

9 ejercicios de práctica

Knowledge check: Events and errors15m

Self review: Dynamic events9m

Knowledge check: Dynamic events and how to handle them15m

Knowledge check: Data flow18m

Knowledge Check: State the concept15m

Knowledge check: Passing state15m

Self review: Managing state in React9m

Knowledge check: State or stateless15m

Module quiz: Data and state30m

Semana

Semana 3

7 horas para completar

Navigation, Updating and Assets in React.js

7 horas para completar

9 videos (Total 38 minutos), 10 lecturas, 6 cuestionarios

9 videos

Basic Types of navigation5m

The navbar4m

Conditional rendering4m

Single view conditional updates2m

What is an asset and where does it live?4m

Using embedded assets3m

Audio and video3m

Create an audio / video component2m

Module summary: navigation, updating and assets in React.js5m

10 lecturas

Navigation20m

Solution: Creating a route5m

Applying conditional rendering10m

Conditional components10m

Additional resources5m

Bundling assets10m

Solution: Displaying images5m

Media packages10m

Solution: Song selection5m

Additional resources5m

6 ejercicios de práctica

Self review: Creating a route9m

Knowledge check: Navigation15m

Knowledge check: Conditional updates15m

Self review: Displaying images9m

Self review: Song selection9m

Module quiz: navigation, updating and assets in React.js30m

Semana

Semana 4

3 horas para completar

Your first React app

3 horas para completar

3 videos (Total 9 minutos), 3 lecturas, 1 cuestionario

Reseñas

4.8

93 reseña

5 stars
82,22 %
4 stars
14,85 %
3 stars
1,32 %
2 stars
0,53 %
1 star
1,06 %

Principales reseñas sobre REACT BASICS

por SS29 de sep. de 2022

Great course! Really gives you a good introduction and thorough understanding of the React basics. Many things make sense now, such as props, state, and useState

por HJ3 de oct. de 2022

This should focus on explaining basic concepts more. Overall good course though.

por YY1 de dic. de 2022

What A Wonderfull Course! I recommend that all beginner react learners take this course. Lastly, thanks for meta to organize this resourceful course.

por MH11 de oct. de 2022

Great Course. They helped me to build the foundation. Now I can move & go far away on my way

Ver todas las reseñas

Preguntas Frecuentes

¿Cuándo podré acceder a las lecciones y tareas?
El acceso a las clases y las asignaciones depende del tipo de inscripción que tengas. Si tomas un curso en modo de oyente, verás la mayoría de los materiales del curso en forma gratuita. Para acceder a asignaciones calificadas y obtener un certificado, deberás comprar la experiencia de Certificado, ya sea durante o después de participar como oyente. Si no ves la opción de oyente:
es posible que el curso no ofrezca la opción de participar como oyente. En cambio, puedes intentar con una Prueba gratis o postularte para recibir ayuda económica.
Es posible que el curso ofrezca la opción 'Curso completo, sin certificado'. Esta opción te permite ver todos los materiales del curso, enviar las evaluaciones requeridas y obtener una calificación final. También significa que no podrás comprar una experiencia de Certificado.
¿Qué recibiré si me suscribo a este Certificado?
Cuando te inscribes en un curso, obtienes acceso a todos los cursos del Certificado y te darán un certificado cuando completes el trabajo. Se añadirá tu Certificado electrónico a la página Logros. Desde allí, puedes imprimir tu Certificado o añadirlo a tu perfil de LinkedIn. Si solo quieres leer y visualizar el contenido del curso, puedes auditar el curso sin costo.

¿Tienes más preguntas? Visita el Centro de Ayuda al Estudiante.

React Basics

Acerca de este Curso

Qué aprenderás

Habilidades que obtendrás