4.8
estrellas
546 calificaciones

96 %

Taught by Meta Staff

40.139 ya inscrito

Ofrecido Por

Acerca de este Curso

654.475 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. 26 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. 26 horas para completar

Inglés (English)

Instructor

Calificación del instructor

4,64/5 (165 calificaciones)

Taught by Meta Staff

289.500 alumnos

67 cursos

Ofrecido por

Programa - Qué aprenderás en este curso

Calificación del contenido96%(6,852 calificaciones)

Semana1

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 Basics2mHow is React used in the real world?3mWhy React?4mReact.js overview5mIntroduction to functional components6mCreating React components3mThe React project structure6mImporting components4mPrinciples of components: Props5mUsing props in components4mIntroducing JSX4mPractical styling2mEmbedded JSX expressions2mEmbedding in attributes2mModule summary2m

21 lecturas

Course syllabus for React Basics10mHow to be successful in this course10mBefore you learn React10mJavaScript modules, imports - exports10mWorking with Labs in this course10mAdditional reading5mSetting up a React project in VS Code (Optional)10mTranspiling JSX20mSolution: Your first component5mCustomizing the project20mSolution: Creating and importing components5mAdditional resources for React components and where they live5mDissecting props20mSolution: Passing props5mProps and children20mStyling JSX elements20mJSX syntax and the arrow function20mTernary operators and functions in JSX20mExpressions as props10mSolution: Multiple components5mAdditional resources5m

6 ejercicios de práctica

Self review: Your first component9mSelf review: Creating and importing components9mKnowledge check: React components and where they live15mSelf review: Passing props9mSelf review: Multiple components9mModule Quiz30m

Semana2

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 events4mCommon event handling3mSyntax for handlers5mUser events5mParent-child data flow5mChildren and data3mWhat are hooks?3mWhat is state?4mObserving state3mManaging state4mReact state management6mStateful vs. stateless3mModule summary5m

9 lecturas

Eventful issues20mEvent handling and embedded expressions20mSolution: Dynamic events5mAdditional resources5mData flow in React10mUsing hooks10mProp drilling10mSolution: Managing state in React5mAdditional resources5m

9 ejercicios de práctica

Knowledge check: Events and errors15mSelf review: Dynamic events9mKnowledge check: Dynamic events and how to handle them15mKnowledge check: Data flow18mKnowledge Check: State the concept15mKnowledge check: Passing state15mSelf review: Managing state in React9mKnowledge check: State or stateless15mModule quiz: Data and state30m

Semana3

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 navigation5mThe navbar4mConditional rendering4mSingle view conditional updates2mWhat is an asset and where does it live?4mUsing embedded assets3mAudio and video3mCreate an audio / video component2mModule summary: navigation, updating and assets in React.js5m

10 lecturas

Navigation20mSolution: Creating a route5mApplying conditional rendering10mConditional components10mAdditional resources5mBundling assets10mSolution: Displaying images5mMedia packages10mSolution: Song selection5mAdditional resources5m

6 ejercicios de práctica

Self review: Creating a route9mKnowledge check: Navigation15mKnowledge check: Conditional updates15mSelf review: Displaying images9mSelf review: Song selection9mModule quiz: navigation, updating and assets in React.js30m

Semana4

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

136 reseña

5 stars
81,52 %
4 stars
15,27 %
3 stars
1,42 %
2 stars
0,53 %
1 star
1,24 %

Principales reseñas sobre REACT BASICS

por SI22 de dic. de 2022

The course is good, but it would be better if you gave the starter code of the projects in the videos.

por A10 de feb. de 2023

The concept was well explained and even a beginner can easily understand it. Thanks to the instructors.

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 AS24 de ene. de 2023

one thing i love about this course the easy way they explain the complex topic definitely recommend other for this course

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