An open API service indexing awesome lists of open source software.

https://github.com/codeguima/formacao-react-dio.me

Repositório dos arquivos e projetos gerados durante o curso.
https://github.com/codeguima/formacao-react-dio.me

Last synced: 6 months ago
JSON representation

Repositório dos arquivos e projetos gerados durante o curso.

Awesome Lists containing this project

README

          



⚛️ Curso de React Developer - DIO




Logo React

Repositório com os conteúdos, exercícios e projetos desenvolvidos durante o curso **React Developer** oferecido pela [DIO.me (Digital Innovation One)](https://dio.me).

---

## 🧑‍🏫 Sobre o Curso

O curso React Developer da DIO oferece uma jornada completa para o desenvolvimento frontend moderno, começando pelos fundamentos da web, passando pela criação de aplicações com React, uso de Hooks, estilização, até conceitos avançados e integração com TypeScript e Next.js.

---

## 📚 Conteúdo Programático

### 1. Fundamentos do React

- Configuração do ambiente React
- Páginas Web com HTML e CSS
- Interatividade com JavaScript
- Entendendo a DOM
- Primeiros passos com React
- Criando uma calculadora com React
- Desafios de código iniciais

### 2. Conceitos Básicos da Biblioteca

- Criando projetos React do zero
- Conceitos fundamentais de React
- Convenções e boas práticas
- Primeira aplicação React completa
- Wiki de repositórios do GitHub
- Desafios de código intermediários

### 3. Ampliando o Conhecimento em React

- Uso do React CLI e navegação
- Estilização com Styled-Components
- Hooks básicos e formulários
- Tela de cadastro da plataforma DIO
- Materiais complementares

### 4. React com TypeScript

- Fundamentos do TypeScript
- Convertendo projetos para TypeScript
- Tela de login com validação usando TypeScript

### 5. Conceitos Avançados do React

- Conceitos e ferramentas avançadas
- Introdução ao Next.js
- Criando blog pessoal com Next.js
- Materiais complementares

---

## 🚀 Projetos Desenvolvidos

| Projeto | Descrição |
|-------------------------|------------------------------------------------|
| Calculadora React | Projeto prático para fixar conceitos básicos |
| Wiki Repositórios GitHub | Consumo de API e criação de componentes |
| Plataforma DIO Cadastro | Formulários e validação com React |
| Tela de Login TS | Validação e tipagem com TypeScript |
| Blog Pessoal Next.js | Projeto final com SSR e rotas dinâmicas |

---

### ▶️ Como Rodar os Projetos

1. Clone o repositório:

```bash
git clone https://github.com/seu-usuario/react-developer-dio.gitone https://github.com/codeguima/Formacao-React-Dio.me.git
```

### 👨‍💻 Autor
Feito por [Jhonny Guimarães]
🔗 codeguima.com.br
💼 LinkedIn