Encontros: Terça e Quinta - 19h30 às 21h00 Período: 6 meses (24 semanas)
- 1 - Design responsivo para a web - freeCodeCamp (3 semanas)
- 1.1 - HTML e HTML5 básicos (28)
- 1.2 - CSS básico (44)
- 1.3 - Design visual aplicado (52)
- 1.4 - Acessibilidade aplicada (22)
- 1.5 - Princípios do design responsivo para a web (4)
- 1.6 - CSS Flexbox (17)
- 1.7 - CSS Grid (22)
- 2 - Algoritmos e estruturas de dados em JavaScript - freeCodeCamp (4 semanas)
- 2.1 - JavaScript básico (113)
- 2.2 - ES6 (29)
- 2.3 - Expressões regulares (33)
- 2.4 - Depuração (12)
- 2.5 - Estruturas de dados básicas (20)
- 2.6 - Programação de algoritmos básicos (16)
- 2.7 - Programação Orientada a Objetos (26)
- 2.8 - Programação Funcional (24)
- 2.9 - Programação de algoritmos intermediários (21)
- 2.10 - Projetos de algoritmos e estruturas de dados em JavaScript (5)
- Front (4 semanas)
- React
- React Native
- Back (4 semanas)
- Node / Express
- Projeto (8 semanas)
- Apresentação
- [FreeCodeCamp] 1.1 - HTML e HTML5 básicos (1-7/28)
- Pesquisa Salarial de Programadores Brasileiros 2022
- [FreeCodeCamp] 1.1 - HTML e HTML5 básicos (8-x/28)
Estudo complementar
- [FreeCodeCamp] 1.1 - HTML e HTML5 básicos link
- [Curso em Video] 01 - História da Internet video
- [Curso em Video] 02 - Como funciona a Internet video
- [Curso em Video] 03 - Como funciona HTML e CSS video
- [Rafaella Ballerini] 5 MINUTOS DE HTML PARA INICIAR EM PROGRAMAÇÃO! video
- [W3 Schools] Referência HTML link
- [FreeCodeCamp] 1.2 - CSS básico (1-6/44)
Estudo complementar
- [FreeCodeCamp] 1.2 - CSS básico link
- [FreeCodeCamp] 1.3 - Design visual aplicado link
- [FreeCodeCamp] 1.4 - Acessibilidade aplicada link
- [Curso em Video] 03 - Como funciona HTML e CSS pdf
- [FreeCodeCamp] 1.2 - CSS básico (7-x/44)
Estudo complementar
- [FreeCodeCamp] 1.2 - CSS básico link
- [Rafaella Ballerini] O QUE É CSS? video
- [W3 Schools] Referência CSS link
Projeto prático
- [Rafaella Ballerini] LANDING PAGE COM HTML e CSS! video
- [FreeCodeCamp] 1.2 - CSS básico (7-x/44)
Estudo complementar
- [FreeCodeCamp] 1.5 - Princípios do design responsivo para a web (4)
- [FreeCodeCamp] 1.7 - CSS Grid (22)
- Guia Flexbox link
- Comandos git link
- VsCode link
Projeto prático 1
- [Rafaella Ballerini] LANDING PAGE COM HTML e CSS! video
Projeto 1
- [Rafaella Ballerini] LANDING PAGE COM HTML e CSS! video
- Revisão Projeto 1
- Guia Flexbox link
- [FreeCodeCamp] 1.6 - CSS Flexbox (1-x/17)
- Revisão Projeto 1
- [Curso em Video] 04 - Primeiros passos HTML.pdf (Configuração VsCode) pdf
- [Curso em Video] 05 - Caracteres, parágrafos e quebras de linha.pdf pdf
- [Curso em Video] 06 - Imagens e Favicon.pdf pdf
- [Curso em Video] 07 - Hierarquia de títulos.pdf pdf
Estudo complementar
Projeto 2
- [Rafaella Ballerini] FORMULÁRIOS COM HTML e CSS! video
- [FreeCodeCamp] 2.1 - JavaScript básico (0-20/113) link
Estudo complementar
- [FreeCodeCamp] 2.1 - JavaScript básico link
- [FreeCodeCamp] 2.1 - JavaScript básico (20-49/113) link
Estudo complementar
- [Curso em Video] O que o JavaScript é capaz de fazer? - Curso JavaScript #01 video
- [Curso em Video] JavaScript: como chegamos até aqui? - Curso JavaScript #02 video
- [Curso em Video] 02 - Como funciona o JS.pdf pdf
- [FreeCodeCamp] 2.1 - JavaScript básico (49-58/113) link
Estudo complementar
- [Curso em Video] Algoritmos aulas
- [Curso em Video] Criando o seu primeiro script - Curso JavaScript #04 video
- [Curso em Video] Variáveis e Tipos Primitivos - Curso JavaScript #05 video
- [FreeCodeCamp] 2.1 - JavaScript básico (59-62/113) link
Estudo complementar
- README do curso de fundamentos do JavaScript (Gustavo Guanabara) doc
- [FreeCodeCamp] 2.1 - JavaScript básico (62-74/113) link
Projeto prático 3
- [FreeCodeCamp] 2.1 - JavaScript básico (74-80/113) link
Estudo complementar
- [FreeCodeCamp] Jogar golfe de código link
- [FreeCodeCamp] 2.1 - JavaScript básico (80-89/113) link
Estudo complementar
- [FreeCodeCamp] 2.1 - JavaScript básico (89-95/113) link
- [FreeCodeCamp] Revisão 2.1 - JavaScript básico (89-95/113) link
- Figma OndeTem? link
Estudo complementar
- MVP (Minimum Viable Product): o que é e como criar o seu? link
-
Figma OndeTem? link
-
https://www.behance.net/gallery/143875329/Rewaste?tracking_source=search_projects%7Crecycle
- Figma OndeTem? link
Estudo complementar
- [Rocketseat] Fundamentos do ReactJS link
- [FreeCodeCamp] Bibliotecas de desenvolvimento em front-end - React - link
- Figma OndeTem? link
-
https://www.devmedia.com.br/como-instalar-o-node-js-npm-e-o-react-no-windows/40329
-
https://git-scm.com/book/pt-br/v2/Come%C3%A7ando-Instalando-o-Git
- https://github.com/kentcdodds
- https://www.youtube.com/c/FilipeDeschamps/videos?app=desktop
- https://www.youtube.com/channel/UC_-uuuZbY0AAt9CViNzvc-Q
- https://codesandbox.io/
- https://codepen.io/pen/
- https://www.fronteditor.dev/
- https://roadmap.sh/frontend
- https://roadmap.sh/react
- https://roadmap.sh/backend