{"id":19153463,"url":"https://github.com/alexandrecpedro/frontend_iii","last_synced_at":"2026-04-10T11:31:06.935Z","repository":{"id":112109619,"uuid":"553247240","full_name":"alexandrecpedro/Frontend_III","owner":"alexandrecpedro","description":"Framework","archived":false,"fork":false,"pushed_at":"2022-12-09T01:04:15.000Z","size":13345,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-02-22T21:17:33.395Z","etag":null,"topics":["context-api","global-state","hooks","jest","localstorage","react","react-dom","react-hooks","react-navigation","react-router","react-router-dom","sass","scss","sessionstorage","styled-components","vite","vitest"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/alexandrecpedro.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-10-18T00:08:45.000Z","updated_at":"2023-03-04T01:45:54.000Z","dependencies_parsed_at":"2023-04-08T21:56:58.572Z","dependency_job_id":null,"html_url":"https://github.com/alexandrecpedro/Frontend_III","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/alexandrecpedro/Frontend_III","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexandrecpedro%2FFrontend_III","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexandrecpedro%2FFrontend_III/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexandrecpedro%2FFrontend_III/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexandrecpedro%2FFrontend_III/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/alexandrecpedro","download_url":"https://codeload.github.com/alexandrecpedro/Frontend_III/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexandrecpedro%2FFrontend_III/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31641113,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-10T07:40:12.752Z","status":"ssl_error","status_checked_at":"2026-04-10T07:40:11.664Z","response_time":98,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["context-api","global-state","hooks","jest","localstorage","react","react-dom","react-hooks","react-navigation","react-router","react-router-dom","sass","scss","sessionstorage","styled-components","vite","vitest"],"created_at":"2024-11-09T08:23:10.881Z","updated_at":"2026-04-10T11:31:06.916Z","avatar_url":"https://github.com/alexandrecpedro.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"### Certified Tech Developer (The Ultimate Degree) - Front End III\n\n## 🗂 Módulos\n\n#### 1. Primeiros passos no React\n\n- [x] Aula 01 | Desde JavaScript Vanilla até o React\n    -  O que é React?\n    -  Set de ferramentas para trabalhar com React\n    -  Agregando React a uma página existente\n\n- [x] Aula 02 | Ferramentas e primeiro projeto\n    -  Integração de JSX no React\n    -  create-react-app e ViteJS\n    -  React Developer Tools\n    -  Hello World\n\n- [x] Aula 03 | Revisão e prática I\n    -  Integração de aulas 1 e 2.\n\n#### 2. Componentização no React\n\n- [x] Aula 04 | Pensando no React\n    -  Componentes funcionais vs componentes de classe\n    -  Reutilização de componentes (componentes puros)\n    -  O que são as props?\n    -  Prop children + fragment\n\n- [x] Aula 05 | Trabalhando com componentes\n    -  Conceito de imutabilidade\n    -  Prop key + map() lista de componentes\n    -  Estilos no React\n        - CSS clássico\n        - CSS modules\n\n- [x] Aula 06 | Revisão e prática II\n    -  Integração de aulas 4 e 5.\n\n#### 3. Conhecendo os hooks no React\n\n- [x] Aula 07 | Hooks\n    -  Introdução a Hooks\n    -  Hook: useState()\n    -  Comparação com state e setState()\n\n- [x] Aula 08 | Eventos e Formulários\n    -  Eventos no React\n    -  Formulários no React\n    -  Lembrando validações\n    -  Componentes controlados\n\n- [x] Aula 09 | Revisão e prática III\n    -  Integração de aulas 7 e 8. \n\n- [x] Aula 10 | Revisão geral\n    -  Revisão dos conceitos do React\n\n- [x] Aula 11 | Primeira avaliação\n    -  Primeira avaliação: Desafio de live coding (nas 2 horas de aula)\n\n- [x] Aula 12 | Colocação em comum\n    -  Troca a partir da avaliação prática. \n\n#### 4. Ciclo de vida dos componentes\n\n- [x] Aula 13 | Ciclo de Vida\n    -  Ciclo de vida no React\n    -  Hook: useEffect()\n    -  Comparando o ciclo de vida em componentes de classe\n\n- [x] Aula 14 | Requisições assíncronas no React\n    -  Requisições assíncronas no React (fetch / axios)\n    -  Integração com APIs através do useEffect\n    -  Hook: useCallback()\n    -  Hook: useMemo()\n\n- [x] Aula 15 | Revisão e Prática IV\n    -  Integração de aulas 13 e 14. \n\n#### 5. Navegação e testing no React\n\n- [x] Aula 16 | React Router\n    -  Instalação\n    -  Componentes do React Router v6\n    -  Criando uma rota\n    -  Links\n    -  Rotas parametrizadas\n    -  History API\n\n- [x] Aula 17 | Introdução ao testing no React\n    -  Instalação\n    -  Testing library e Jest\n    -  Tipos de teste\n\n- [x] Aula 18 | Revisão e Prática V\n    -  Integração de aulas 16 e 17.\n\n#### 6. Gerenciamento de estados globais\n\n- [x] Aula 19 | Estado global\n    -  Hook: useContext()\n    -  Provider e consumer\n\n- [x] Aula 20 | Estado Global com Storage\n    -  localStorage e sessionStorage\n    -  Hook: useReducer()\n\n- [x] Aula 21 | Revisão e Prática VI\n    -  Integração de aulas 19 e 20.\n\n- [x] Aula 22 | Avaliação final - Apresentação\n    -  Apresentação da avaliação final: desafio semanal\n\n- [x] Aula 23 | Custom Hooks\n    -  Construindo hooks customizados\n\n- [x] Aula 24 | Avaliação final - Entrega\n    -  Entrega da avaliação final.\n\n#### 7. Ferramentas\n\n- [x] Aula 25 | Mais utilitários no React\n    -  Gestão de erros\n    -  Utilitários\n\n- [x] Aula 26 | A importância do testing\n    -  TDD: Test Driven Development\n    -  Testing síncrono vs Testing assíncrono\n\n- [x] Aula 27 | Encerramento da disciplina\n    -  Encerramento da disciplina \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falexandrecpedro%2Ffrontend_iii","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falexandrecpedro%2Ffrontend_iii","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falexandrecpedro%2Ffrontend_iii/lists"}