4.8
estrelas
381 classificações

Taught by Meta Staff

30.152 já se inscreveram

oferecido por

Informações sobre o curso

641.595 visualizações recentes

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.

Prazos flexíveis

Redefinir os prazos de acordo com sua programação.

Certificados compartilháveis

Tenha o certificado após a conclusão

100% on-line

Comece imediatamente e aprenda em seu próprio cronograma.

Nível iniciante

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

O que você vai aprender

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 você terá

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

Prazos flexíveis

Redefinir os prazos de acordo com sua programação.

Certificados compartilháveis

Tenha o certificado após a conclusão

100% on-line

Comece imediatamente e aprenda em seu próprio cronograma.

Nível iniciante

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

Instrutores

Classificação do instrutor

4,61/5 (120 classificações)

Taught by Meta Staff

239.215 aprendizes

49 Cursos

oferecido por

Programa - O que você aprenderá com este curso

Classificação do conteúdo96%(4,630 classificações)

Semana

Semana 1

11 horas para concluir

React Components

11 horas para concluir

15 vídeos (Total 61 mín.), 21 leituras, 6 testes

15 videos

Introduction to the course: React Basics2min

How is React used in the real world?3min

Why React?4min

React.js overview5min

Introduction to functional components6min

Creating React components3min

The React project structure6min

Importing components4min

Principles of components: Props5min

Using props in components4min

Introducing JSX4min

Practical styling2min

Embedded JSX expressions2min

Embedding in attributes2min

Module summary2min

21 leituras

Course syllabus for React Basics10min

How to be successful in this course10min

Before you learn React10min

JavaScript modules, imports - exports10min

Working with Labs in this course10min

Additional reading5min

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

Transpiling JSX20min

Solution: Your first component5min

Customizing the project20min

Solution: Creating and importing components5min

Additional resources for React components and where they live5min

Dissecting props20min

Solution: Passing props5min

Props and children20min

Styling JSX elements20min

JSX syntax and the arrow function20min

Ternary operators and functions in JSX20min

Expressions as props10min

Solution: Multiple components5min

Additional resources5min

6 exercícios práticos

Self review: Your first component9min

Self review: Creating and importing components9min

Knowledge check: React components and where they live15min

Self review: Passing props9min

Self review: Multiple components9min

Module Quiz30min

Semana

Semana 2

7 horas para concluir

Data and State

7 horas para concluir

13 vídeos (Total 59 mín.), 9 leituras, 9 testes

13 videos

Types of events4min

Common event handling3min

Syntax for handlers5min

User events5min

Parent-child data flow5min

Children and data3min

What are hooks?3min

What is state?4min

Observing state3min

Managing state4min

React state management6min

Stateful vs. stateless3min

Module summary5min

9 leituras

Eventful issues20min

Event handling and embedded expressions20min

Solution: Dynamic events5min

Additional resources5min

Data flow in React10min

Using hooks10min

Prop drilling10min

Solution: Managing state in React5min

Additional resources5min

9 exercícios práticos

Knowledge check: Events and errors15min

Self review: Dynamic events9min

Knowledge check: Dynamic events and how to handle them15min

Knowledge check: Data flow18min

Knowledge Check: State the concept15min

Knowledge check: Passing state15min

Self review: Managing state in React9min

Knowledge check: State or stateless15min

Module quiz: Data and state30min

Semana

Semana 3

7 horas para concluir

Navigation, Updating and Assets in React.js

7 horas para concluir

9 vídeos (Total 38 mín.), 10 leituras, 6 testes

9 videos

Basic Types of navigation5min

The navbar4min

Conditional rendering4min

Single view conditional updates2min

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

Using embedded assets3min

Audio and video3min

Create an audio / video component2min

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

10 leituras

Navigation20min

Solution: Creating a route5min

Applying conditional rendering10min

Conditional components10min

Additional resources5min

Bundling assets10min

Solution: Displaying images5min

Media packages10min

Solution: Song selection5min

Additional resources5min

6 exercícios práticos

Self review: Creating a route9min

Knowledge check: Navigation15min

Knowledge check: Conditional updates15min

Self review: Displaying images9min

Self review: Song selection9min

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

Semana

Semana 4

3 horas para concluir

Your first React app

3 horas para concluir

3 vídeos (Total 9 mín.), 3 leituras, 1 teste

Avaliações

4.8

101 avaliações

5 stars
82,05%
4 stars
15,12%
3 stars
1,28%
2 stars
0,51%
1 star
1,02%

Principais avaliações do REACT BASICS

por MH11 de out de 2022

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

por AW29 de jan de 2023

This react course is very helpful, and the way of explaining things is excellent. I got the confidence to learn to React.

por AS24 de jan de 2023

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

por SI22 de dez de 2022

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

Visualizar todas as avaliações

Perguntas Frequentes – FAQ

Quando terei acesso às palestras e às tarefas?
O acesso a palestras e tarefas depende do tipo de inscrição. Se você participar de um curso como ouvinte, você poderá ver quase todo o conteúdo do curso gratuitamente. Para acessar tarefas valendo nota e obter um Certificado, você precisará adquirir a experiência do Certificado, durante ou após a participação como ouvinte. Se você não vir a opção de participar como ouvinte:
o curso pode não oferecer essa opção. Você pode experimentar um teste gratuito ou solicitar o auxílio financeiro.
Em vez disso, o curso pode oferecer 'Curso completo, sem Certificado'. Com esta opção, é possível ver todo o conteúdo do curso, enviar as avaliações necessárias e obter uma nota final. Isso também significa que você não poderá comprar uma experiência de Certificado.
O que recebo ao me inscrever para este certificado?
Quando você se inscreve em um curso, ganha acesso a todos os cursos no certificado e obtém um certificado quando completar o trabalho. Seu certificado eletrônico pode ser adicionado à sua página de Participações, de onde você pode imprimi-lo ou adicioná-lo ao seu perfil no LinkedIn. Se quiser apenas ler e assistir o conteúdo do curso, pode participar como ouvinte sem custo.

Mais dúvidas? Visite o Central de Ajuda ao estudante.

React Basics

Informações sobre o curso

O que você vai aprender

Habilidades que você terá