Educação web design nunca foi tão acessível. Percursos curados por estilo aprendizagem:
Cursos Estruturados (Guiados, Credenciados)
- freeCodeCamp: Grátis, 3000+ hrs, certificações (Responsive Web Design, JS Algos, Front End Libraries). Baseado projetos.
- Coursera: Meta Front-End Developer, Google UX Design, UMich Web Design for Everybody. Audit grátis, cert pago.
- edX: W3Cx Front-End Developer, Harvard CS50W. Rigor académico.
- Udemy: Brad Traversy, Jonas Schmedtmann, Colt Steele — $15-30 promo. Acesso vitalício.
- Scrimba: Código interativo no browser. Grátis + Pro ($15/mês). Percursos React, Vue, CSS.
Referência e Tutoriais (Aprendizagem Just-in-Time)
- MDN Web Docs: Referência autoritativa Mozilla. Secções Learn HTML/CSS/JS.
- W3Schools: Tutoriais concisos, editors try-it. Bom para lembretes sintaxe.
- CSS-Tricks: Deep dives layout, animação, técnicas. Almanaque referência.
- web.dev (Google): Core Web Vitals, PWA, performance, padrões modernos.
Livros (Entendimento Profundo)
- "Refactoring UI" (Steve Schoger/Adam Wathan): Design para developers
- "Every Layout" (Andy Bell/Heydon Pickering): Layouts CSS algorítmicos
- "Designing Interfaces" (Jenifer Tidwell): Biblioteca padrões
- "Don't Make Me Think" (Steve Krug): Usabilidade clássico
- "HTML & CSS" / "JS & jQuery" (Jon Duckett): Visual, beginner-friendly
Comunidades e Inspiração
- Dribbble / Behance: Inspiração visual, case studies
- Reddit: r/web_design, r/frontend, r/design_critiques
- Discord: DesignCourse, Frontend Developers, Reactiflux
- Newsletters: CSS Weekly, JavaScript Weekly, Sidebar.io, TLDR Design
Plataformas Prática
- Frontend Mentor: Desafios reais, ficheiros design, revisão comunidade
- CodePen: Experimente, fork, partilhe
- 100DaysOfCode: Framework accountability
Percurso Aprendizagem Recomendado (2024)
- HTML estrutura semântica + CSS layout (Flexbox, Grid)
- JavaScript fundamentos (ES6+)
- Design responsivo, acessibilidade (WCAG 2.1 AA)
- Framework: React (dominante) ou Vue/Svelte
- Build tools: Vite, TypeScript basics
- Deploy: Netlify, Vercel, Cloudflare Pages
- Portfólio: 3-5 projetos polidos
Consistência > intensidade. 1 hr/dia > 8 hrs/fim semana. Construa em público.
