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.
- Host: GitHub
- URL: https://github.com/codeguima/formacao-react-dio.me
- Owner: codeguima
- Created: 2025-04-12T19:58:50.000Z (10 months ago)
- Default Branch: jhonnycodedev
- Last Pushed: 2025-06-26T23:29:59.000Z (7 months ago)
- Last Synced: 2025-06-26T23:57:33.542Z (7 months ago)
- Language: TypeScript
- Size: 1.02 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
⚛️ Curso de React Developer - DIO
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