Visão Geral

Este curso une os fundamentos de JavaScript com a introdução prática ao React JS, formando a base ideal para quem quer começar no desenvolvimento frontend moderno. Você aprende desde os conceitos essenciais da linguagem até a criação das primeiras interfaces com React.

Objetivo

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

• Entender e aplicar os fundamentos do JavaScript
• Manipular variáveis, funções, arrays e objetos
• Criar seus primeiros componentes React
• Trabalhar com props e estado
• Construir pequenas interfaces interativas

Publico Alvo

• Iniciantes em programação
• Estudantes de tecnologia
• Pessoas que querem entrar no desenvolvimento web
• Quem deseja aprender React do jeito certo, começando pelo JavaScript

Pre-Requisitos

• Uso básico de computador
• Nenhum conhecimento prévio de programação é obrigatório

Conteúdo Programatico

Module 1: Introduction to JavaScript

1. What JavaScript is and how it works
2. Variables (let, const)
3. Data types
4. Writing your first scripts

Module 2: Operators and Logic

1. Arithmetic and comparison operators
2. Logical operators
3. Conditional statements (if/else)
4. Truthy and falsy values

Module 3: Functions and Scope

1. Declaring and using functions
2. Parameters and return values
3. Arrow functions
4. Scope basics

Module 4: Arrays and Objects

1. Creating and manipulating arrays
2. Array methods (map, filter, reduce basics)
3. Creating and accessing objects
4. Practical data structures

Module 5: DOM Basics (Quick Overview)

1. What the DOM is
2. Selecting elements
3. Updating content with JavaScript
4. Events and interactivity basics

Module 6: Introduction to React

1. What React is and why it's used
2. Creating the first project
3. Understanding JSX
4. Rendering elements

Module 7: Components

1. Functional components
2. Reusable UI blocks
3. Component structure
4. Good practices for beginners

Module 8: Props and Component Communication

1. Passing data between components
2. Props rules and behavior
3. Static vs dynamic props
4. Practical examples

Module 9: State and Basic Interactivity

1. Understanding state in React
2. useState hook
3. Updating state properly
4. Simple interactive components

Module 10: Small Beginner Project

1. Building a small functional app
2. Using components, props and state
3. Organizing folders
4. Running and testing the project