{"id":24561888,"url":"https://github.com/anamariasilva/front-end","last_synced_at":"2025-07-12T06:37:17.712Z","repository":{"id":51916735,"uuid":"451955233","full_name":"anamariasilva/front-end","owner":"anamariasilva","description":"Repositório com tutoriais e referências para pessoas desenvolvedoras front-end no @github.","archived":false,"fork":false,"pushed_at":"2024-04-26T21:57:11.000Z","size":87,"stargazers_count":194,"open_issues_count":1,"forks_count":15,"subscribers_count":8,"default_branch":"main","last_synced_at":"2025-06-12T17:49:21.895Z","etag":null,"topics":["developer","development-tools","front-end","front-end-development","frontend","github","hacktoberfest","hacktoberfest-accepted","hacktoberfest10","hacktoberfest2022","hacktoberfest2023"],"latest_commit_sha":null,"homepage":"https://www.anamaria.dev.br/","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/anamariasilva.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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,"zenodo":null}},"created_at":"2022-01-25T16:30:08.000Z","updated_at":"2025-05-06T13:39:33.000Z","dependencies_parsed_at":"2024-04-26T22:42:01.553Z","dependency_job_id":null,"html_url":"https://github.com/anamariasilva/front-end","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"purl":"pkg:github/anamariasilva/front-end","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anamariasilva%2Ffront-end","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anamariasilva%2Ffront-end/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anamariasilva%2Ffront-end/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anamariasilva%2Ffront-end/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/anamariasilva","download_url":"https://codeload.github.com/anamariasilva/front-end/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anamariasilva%2Ffront-end/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264951612,"owners_count":23687974,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["developer","development-tools","front-end","front-end-development","frontend","github","hacktoberfest","hacktoberfest-accepted","hacktoberfest10","hacktoberfest2022","hacktoberfest2023"],"created_at":"2025-01-23T08:46:28.011Z","updated_at":"2025-07-12T06:37:17.695Z","avatar_url":"https://github.com/anamariasilva.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# Front-end Developers\n\n## Repositório de tutoriais e referências de desenvolvimento front-end para pessoas desenvolvedoras frontenders\n\n💻 \u003ccode\u003eHello world, Frontenders!\u003c/code\u003e\n\n### Referências Front-end\n\n🌐 [MDN Web Docs](https://developer.mozilla.org/pt-BR/) \u003cbr\u003e\n🌐 [W3C](https://www.w3c.br/) \u003cbr\u003e\n🌐 [Can I use](https://caniuse.com/) \u003cbr\u003e\n🌐 [CSS-Tricks](https://css-tricks.com/) \u003cbr\u003e\n🌐 [Web Content Accessibility Guidelines (WCAG)](https://www.w3.org/WAI/standards-guidelines/wcag/) \u003cbr\u003e\n🌐 [WCAG - Guia de Consulta Rápida](https://guia-wcag.com/) \u003cbr\u003e\n\n### Tutoriais em posts colaborativos\n\n💻 [Importância do Portfólio para Pessoas Desenvolvedoras | Kenzie Academy Brasil](https://www.instagram.com/p/ChmxWtzAkJO/) \u003cbr\u003e\n💻 [Tutorial Front-end | FRONTIN Sampa](https://www.instagram.com/p/CVTy0aMDOMW/) \u003cbr\u003e\n💻 [Como atua uma pessoa desenvolvedora front-end? | Fullture](https://www.instagram.com/p/CZSFyENpXWX/) \u003cbr\u003e\n\n### Meus Artigos\n\n💻 [A importância do papel da pessoa desenvolvedora frontend | Revelo Community](https://community.revelo.com/a-importancia-do-papel-do-desenvolvedor-frontend/) \u003cbr\u003e\n💻 [10 Ferramentas e referências fundamentais para pessoas desenvolvedoras | Revelo Community](https://community.revelo.com/10-ferramentas-e-referencias-fundamentais-para-pessoas-desenvolvedoras/) \u003cbr\u003e\n\n### Sites para consulta\n\n💻 [web.dev | Google ](https://web.dev) \u003cbr\u003e\n💻 [Site do Maujor](https://www.maujor.com/) \u003cbr\u003e\n💻 [Tableless](https://tableless.com.br/) \u003cbr\u003e\n💻 [W3Schools](https://www.w3schools.com/) \u003cbr\u003e\n\n### Cursos e Formações\n\n💻 [Front-end Minha Primeira Página - PrograMaria](https://www.programaria.org/cursos-programaria/front-end-primeira-pagina-web/#precos) \u003cbr\u003e\n💻 [Formação Front-end | Alura - Cursos online de tecnologia](https://cursos.alura.com.br/formacao-front-end)\n💻 [web.dev | Learn](https://web.dev/learn/) \u003cbr\u003e\n💻 [freeCodeCamp](https://www.freecodecamp.org/) \u003cbr\u003e\n💻 [Discover | Rocketseat](https://app.rocketseat.com.br/discover) \u003cbr\u003e\n\n### Ferramentas\n\n💻 [Convert your PNG to an SVG | Adobe](https://www.adobe.com/express/feature/image/convert/png-to-svg) \u003cbr\u003e\n💻 [Contrast Ratio](https://contrast-ratio.com/) \u003cbr\u003e\n💻 [All Online Tools in One Box | 10015 Tools](https://10015.io/) \u003cbr\u003e\n💻 [Extensão do Chrome DevTools](https://developer.chrome.com/docs/devtools/) \u003cbr\u003e\n💻 [CodeSandbox: Ferramenta de compartilhamento de código que permite criar e compartilhar projetos de desenvolvimento diretamente no navegador](https://codesandbox.io/) \u003cbr\u003e\n💻 [CodePen: Plataforma para criar, compartilhar e testar rapidamente códigos HTML, CSS e JavaScript](https://codepen.io/) \u003cbr\u003e\n\n### Roadmaps\n\n💻 [Tech Guide da Alura](https://techguide.sh/pt-BR/path/front-end/) \u003cbr\u003e\n💻 [Frontend Developer Roadmap](https://roadmap.sh/frontend) \u003cbr\u003e\n💻 [The Frontend Learning Roadmap por Frontend Masters](https://frontendmasters.com/guides/learning-roadmap/) \u003cbr\u003e\n\n### Repositórios recomendados\n\n💻 [CSS tools por Leticia Coelho e Ana Maria | engenheiracoelho e anamariasilva](https://github.com/engenheiracoelho/CSS_tools) \u003cbr\u003e\n💻 [Repositórios para favoritar no GitHub](https://www.instagram.com/p/CTf72KfDN0n/) \u003cbr\u003e\n💻 [Repositório Frontin Sampa | Luís Leão](https://github.com/luisleao/frontinsampa) \u003cbr\u003e\n💻 [MDN Web Docs](https://github.com/mdn) \u003cbr\u003e\n💻 [WoMakersCode | Front-end Challenges](https://github.com/WoMakersCode/challenges-front-end) \u003cbr\u003e\n💻 [Felipe Fialho | Frontend Challenges](https://github.com/felipefialho/frontend-challenges) \u003cbr\u003e\n💻 [Felipe Fialho | Frontend Feed](https://github.com/felipefialho/frontend-feed) \u003cbr\u003e\n💻 [The Frontend Learning Roadmap | Frontend Masters](https://github.com/FrontendMasters/learning-roadmap) \u003cbr\u003e\n\n### Conteúdos JavaScript\n\n💻 [Learning JavaScript Design Patterns](https://www.patterns.dev/posts/classic-design-patterns/) \u003cbr\u003e\n💻 [Patterns.dev - Modern Web App Design Patterns](https://www.patterns.dev/) \u003cbr\u003e\n💻 [Eloquent JavaScript](https://eloquentjavascript.net/) \u003cbr\u003e\n💻 [Tradução do livro Eloquent JavaScript - 2ª edição por BrazilJS](https://github.com/braziljs/eloquente-javascript) \u003cbr\u003e\n💻 [The Modern JavaScript Tutorial](https://javascript.info/) \u003cbr\u003e\n💻 [JavaScript.com](https://www.javascript.com/) \u003cbr\u003e\n💻 [JSchallenger](https://www.jschallenger.com/) \u003cbr\u003e\n\n### Desafios\n\n💻 [7 Days Of Code | Alura](https://7daysofcode.io/) \u003cbr\u003e\n💻 [Exercism](https://exercism.org/) \u003cbr\u003e\n💻 [FrontEnd Mentor](https://www.frontendmentor.io/) \u003cbr\u003e\n\n### Jogos para aprender\n\n💻 [Flexbox Froggy](https://flexboxfroggy.com/) \u003cbr\u003e\n💻 [Grid Garden](https://cssgridgarden.com/) \u003cbr\u003e\n💻 [CSS Diner](https://flukeout.github.io/) \u003cbr\u003e\n\n### Artigos Front-end\n\n💻 [Artigos de Front-end da Alura](https://www.alura.com.br/artigos/front-end) \u003cbr\u003e\n\n### Repositórios de organizações front-end\n\n💻 [Front-end Brasil - O mundo frontender dentro do GitHub](https://github.com/frontendbr) \u003cbr\u003e\n💻 [FRONTIN](https://github.com/frontinsampa) \u003cbr\u003e\n💻 [Frontend Masters](https://github.com/FrontendMasters) \u003cbr\u003e\n\n### Tutoriais freeCodeCamp\n\n💻 [FRONT END DEVELOPMENT](https://www.freecodecamp.org/news/tag/front-end-development/) \u003cbr\u003e\n💻 [The React Beginner's Guide for 2022](www.freecodecamp.org/news/react-beginners-guide/) \u003cbr\u003e\n💻 [The React Cheatsheet for 2022](https://www.freecodecamp.org/news/the-react-cheatsheet/) \u003cbr\u003e\n💻 [10 React Interview Questions You Should Know in 2022](https://www.freecodecamp.org/news/react-interview-questions-to-know/) \u003cbr\u003e\n\n### Livros e e-books\n\n📘 [Livros de Front-end - Casa do Código](https://www.casadocodigo.com.br/collections/livros-de-front-end) \u003cbr\u003e\n📘 [Livros do Maujor](https://livrosdomaujor.com.br/) \u003cbr\u003e\n\n### Trilhas e Cronogramas de estudo\n\n💻 [Trilha de estudos para Desenvolvedores Web Front-end | MDN Web Docs](https://developer.mozilla.org/pt-BR/docs/Learn/Front-end_web_developer) \u003cbr\u003e\n\n💻 [Desenvolvimento Full Stack | Orange Evolution](https://orangejuicetech.notion.site/Desenvolvimento-Full-Stack-Orange-Evolution-9bb5c79aa25a4e77bd08c680bf33d227) \u003cbr\u003e\n\n### Posts Instagram [instagram.com/@ana.tech.dev](https://instagram.com/@ana.tech.dev)\n\n💻 [Tutorial para devs iniciantes](https://www.instagram.com/ana.tech.dev/p/CzPqSemA0xR/) \u003cbr\u003e\n\n### Links complementares\n\n🎧 [Playlist no Spotify: Podcasts Tech para Devs](https://open.spotify.com/playlist/2grGG2vgZOOE0RjuWVV5iv?si=7uR86uv2S_aOOJ2bO0aygA\u0026dl_branch=1\u0026nd=1)\n\n\u003cbr\u003e\n__\u003cbr\u003e\nAna Maria Silva | \u003ca href=\"https://www.anamaria.dev.br\" target=\"_blank\"\u003ewww.anamaria.dev.br\u003c/a\u003e\u003cbr\u003e\n:octocat: \u003ca href=\"https://github.com/anamariasilva\" target=\"_blank\"\u003egithub.com/anamariasilva\u003c/a\u003e\u003cbr\u003e\n:octocat: \u003ca href=\"https://github.com/anatechdev\" target=\"_blank\"\u003egithub.com/anatechdev\u003c/a\u003e \u003cbr\u003e\n\u003ca href=\"https://www.instagram.com/ana.tech.dev/\"\u003e\u003cimg alt=\"Instagram\" src=\"https://img.shields.io/badge/ana.tech.dev-%23E4405F.svg?style=plastic\u0026logo=Instagram\u0026logoColor=white\u0026color=blue\"/\u003e\u003c/a\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanamariasilva%2Ffront-end","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fanamariasilva%2Ffront-end","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanamariasilva%2Ffront-end/lists"}