Senda Frontend

Caminho de estudo de engenharia frontend. Atravessa fundamentos de linguagem (JavaScript core, TypeScript), libs e frameworks (React e ecossistema), validação, networking, debugging, ferramentas, e a disciplina de engenharia frontend (arquitetura, padrões, performance, acessibilidade).

Pré-requisitos

(deixar vazio inicialmente; popular conforme necessário)

Sequência

1. Frontend (engenharia)
2. JavaScript
3. TypeScript
4. React
5. Material UI (MUI)
6. Mantine
7. Ícones em React
8. TanStack Query
9. TanStack Form
10. React Hook Form
11. Next.js
12. Validação no Frontend
13. Zod
14. Yup
15. Joi
16. Networking no Frontend
17. Axios
18. Fetch API
19. React Data Table Component
20. React Admin
21. Charts em React
22. TradingView Lightweight Charts
23. ApexCharts
24. Recharts
25. Frontend Debugging
26. Vite
27. Monorepos

Trilhas relacionadas

• TypeScript com React — aprofundamento da intersecção TS+React (15 notas + MOC)

Progresso

TABLE WITHOUT ID
  link(file.path, regexreplace(file.folder, "^03-Dominios/", "") + "/" + file.name) AS "Nota",
  default(progresso, "pendente") AS "Status"
FROM outgoing([[]])
WHERE file.path != this.file.path AND contains(file.path, "03-Dominios/")
SORT file.folder ASC, file.name ASC

Resumo:

TABLE WITHOUT ID
  length(rows) AS "Total",
  length(filter(rows, (r) => default(r.progresso, "pendente") = "feito")) AS "Feitas",
  length(filter(rows, (r) => default(r.progresso, "pendente") = "andamento")) AS "Em andamento",
  length(filter(rows, (r) => default(r.progresso, "pendente") = "pausado")) AS "Pausadas",
  length(filter(rows, (r) => default(r.progresso, "pendente") = "pendente")) AS "Pendentes"
FROM outgoing([[]])
WHERE file.path != this.file.path AND contains(file.path, "03-Dominios/")
GROUP BY true