Visão Geral

Este curso introdutório ensina os conceitos essenciais do React JS, permitindo que iniciantes criem interfaces modernas, dinâmicas e componentizadas. É o ponto de partida perfeito para quem quer entrar no mundo do desenvolvimento frontend.

Objetivo

Após realizar este curso, você será capaz de:

• Compreender os blocos fundamentais do React
• Criar componentes simples e reutilizáveis
• Trabalhar com estados e eventos
• Construir pequenas aplicações completas
• Publicar seus primeiros projetos em produção

Publico Alvo

• Iniciantes em programação
• Pessoas que querem entrar no desenvolvimento web
• Estudantes de tecnologia
• Desenvolvedores que nunca usaram React

Pre-Requisitos

• Noções básicas de HTML, CSS e JavaScript
• Lógica de programação
• Editor de código e navegador instalados

Conteúdo Programatico

Module 1: Getting Started with React

1. What is React?
2. How React works behind the scenes
3. Understanding SPAs
4. Installing Node.js and creating the project

Module 2: JSX Basics

1. JSX syntax explained
2. Embedding JavaScript in JSX
3. Rendering elements on the screen
4. Differences between HTML and JSX

Module 3: Components Essentials

1. What is a component
2. Creating functional components
3. Props: passing data between components
4. Reusability and composition basics

Module 4: State and Events

1. Understanding component state
2. Updating state safely
3. Handling user events
4. Interactive components

Module 5: Lists and Conditions

1. Mapping arrays to components
2. Using keys correctly
3. Conditional rendering patterns
4. Showing and hiding elements

Module 6: Hook Basics

1. What are Hooks
2. useState in practice
3. First contact with useEffect
4. Common mistakes beginners make

Module 7: Forms and User Input

1. Managing form data
2. Controlled inputs
3. Simple validation
4. Submitting form data

Module 8: Fetching Data from APIs

1. What is an API
2. Fetching data with fetch
3. Handling loading and error states
4. Displaying API results

Module 9: Project Structure and Best Practices

1. Organizing files and folders
2. Clean code basics for React
3. Naming conventions
4. Useful extensions and tools

Module 10: Deploying Your First App

1. Building a production bundle
2. Publishing to Vercel
3. Publishing to Netlify
4. Sharing your project online