Front-end Developers

Repositório de tutoriais e referências de desenvolvimento front-end para pessoas desenvolvedoras frontenders

💻 Hello world, Frontenders!

Referências Front-end

🌐 MDN Web Docs
🌐 W3C
🌐 Can I use
🌐 CSS-Tricks
🌐 Web Content Accessibility Guidelines (WCAG)
🌐 WCAG - Guia de Consulta Rápida

Tutoriais em posts colaborativos

💻 Importância do Portfólio para Pessoas Desenvolvedoras | Kenzie Academy Brasil
💻 Tutorial Front-end | FRONTIN Sampa
💻 Como atua uma pessoa desenvolvedora front-end? | Fullture

Meus Artigos

💻 A importância do papel da pessoa desenvolvedora frontend | Revelo Community
💻 10 Ferramentas e referências fundamentais para pessoas desenvolvedoras | Revelo Community

Sites para consulta

💻 web.dev | Google
💻 Site do Maujor
💻 Tableless
💻 W3Schools

Cursos e Formações

💻 Front-end Minha Primeira Página - PrograMaria
💻 Formação Front-end | Alura - Cursos online de tecnologia 💻 web.dev | Learn
💻 freeCodeCamp
💻 Discover | Rocketseat

Ferramentas

💻 Convert your PNG to an SVG | Adobe
💻 Contrast Ratio
💻 All Online Tools in One Box | 10015 Tools
💻 Extensão do Chrome DevTools
💻 CodeSandbox: Ferramenta de compartilhamento de código que permite criar e compartilhar projetos de desenvolvimento diretamente no navegador
💻 CodePen: Plataforma para criar, compartilhar e testar rapidamente códigos HTML, CSS e JavaScript

Roadmaps

💻 Tech Guide da Alura
💻 Frontend Developer Roadmap
💻 The Frontend Learning Roadmap por Frontend Masters

Repositórios recomendados

💻 CSS tools por Leticia Coelho e Ana Maria | engenheiracoelho e anamariasilva
💻 Repositórios para favoritar no GitHub
💻 Repositório Frontin Sampa | Luís Leão
💻 MDN Web Docs
💻 WoMakersCode | Front-end Challenges
💻 Felipe Fialho | Frontend Challenges
💻 Felipe Fialho | Frontend Feed
💻 The Frontend Learning Roadmap | Frontend Masters

Conteúdos JavaScript

💻 Learning JavaScript Design Patterns
💻 Patterns.dev - Modern Web App Design Patterns
💻 Eloquent JavaScript
💻 Tradução do livro Eloquent JavaScript - 2ª edição por BrazilJS
💻 The Modern JavaScript Tutorial
💻 JavaScript.com
💻 JSchallenger

Desafios

💻 7 Days Of Code | Alura
💻 Exercism
💻 FrontEnd Mentor

Jogos para aprender

💻 Flexbox Froggy
💻 Grid Garden
💻 CSS Diner

Artigos Front-end

💻 Artigos de Front-end da Alura

Repositórios de organizações front-end

💻 Front-end Brasil - O mundo frontender dentro do GitHub
💻 FRONTIN
💻 Frontend Masters

Tutoriais freeCodeCamp

💻 FRONT END DEVELOPMENT
💻 The React Beginner's Guide for 2022
💻 The React Cheatsheet for 2022
💻 10 React Interview Questions You Should Know in 2022

Livros e e-books

📘 Livros de Front-end - Casa do Código
📘 Livros do Maujor

Trilhas e Cronogramas de estudo

💻 Trilha de estudos para Desenvolvedores Web Front-end | MDN Web Docs

💻 Desenvolvimento Full Stack | Orange Evolution

Posts Instagram instagram.com/@ana.tech.dev

💻 Tutorial para devs iniciantes

Links complementares

🎧 Playlist no Spotify: Podcasts Tech para Devs

__
Ana Maria Silva | www.anamaria.dev.br
github.com/anamariasilva
github.com/anatechdev