Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/anamariasilva/front-end

Repositório com tutoriais e referências para pessoas desenvolvedoras front-end no @github.
https://github.com/anamariasilva/front-end

developer development-tools front-end front-end-development frontend github hacktoberfest hacktoberfest-accepted hacktoberfest10 hacktoberfest2022 hacktoberfest2023

Last synced: about 7 hours ago
JSON representation

Repositório com tutoriais e referências para pessoas desenvolvedoras front-end no @github.

Host: GitHub
URL: https://github.com/anamariasilva/front-end
Owner: anamariasilva
License: mit
Created: 2022-01-25T16:30:08.000Z (almost 3 years ago)
Default Branch: main
Last Pushed: 2024-04-26T21:57:11.000Z (9 months ago)
Last Synced: 2024-05-02T04:04:26.126Z (9 months ago)
Topics: developer, development-tools, front-end, front-end-development, frontend, github, hacktoberfest, hacktoberfest-accepted, hacktoberfest10, hacktoberfest2022, hacktoberfest2023
Homepage: https://www.anamaria.dev.br/
Size: 85 KB
Stars: 182
Watchers: 8
Forks: 14
Open Issues: 1
Metadata Files:
- Readme: README.md
- License: LICENSE.md

Awesome Lists containing this project

README

        # 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](https://developer.mozilla.org/pt-BR/) 


🌐 [W3C](https://www.w3c.br/) 


🌐 [Can I use](https://caniuse.com/) 


🌐 [CSS-Tricks](https://css-tricks.com/) 


🌐 [Web Content Accessibility Guidelines (WCAG)](https://www.w3.org/WAI/standards-guidelines/wcag/) 


🌐 [WCAG - Guia de Consulta Rápida](https://guia-wcag.com/) 


### Tutoriais em posts colaborativos

💻 [Importância do Portfólio para Pessoas Desenvolvedoras | Kenzie Academy Brasil](https://www.instagram.com/p/ChmxWtzAkJO/) 


💻 [Tutorial Front-end | FRONTIN Sampa](https://www.instagram.com/p/CVTy0aMDOMW/) 


💻 [Como atua uma pessoa desenvolvedora front-end? | Fullture](https://www.instagram.com/p/CZSFyENpXWX/) 


### Meus Artigos

💻 [A importância do papel da pessoa desenvolvedora frontend | Revelo Community](https://community.revelo.com/a-importancia-do-papel-do-desenvolvedor-frontend/) 


💻 [10 Ferramentas e referências fundamentais para pessoas desenvolvedoras | Revelo Community](https://community.revelo.com/10-ferramentas-e-referencias-fundamentais-para-pessoas-desenvolvedoras/) 


### Sites para consulta

💻 [web.dev | Google ](https://web.dev) 


💻 [Site do Maujor](https://www.maujor.com/) 


💻 [Tableless](https://tableless.com.br/) 


💻 [W3Schools](https://www.w3schools.com/) 


### Cursos e Formações

💻 [Front-end Minha Primeira Página - PrograMaria](https://www.programaria.org/cursos-programaria/front-end-primeira-pagina-web/#precos) 


💻 [Formação Front-end | Alura - Cursos online de tecnologia](https://cursos.alura.com.br/formacao-front-end)

💻 [web.dev | Learn](https://web.dev/learn/) 


💻 [freeCodeCamp](https://www.freecodecamp.org/) 


💻 [Discover | Rocketseat](https://app.rocketseat.com.br/discover) 


### Ferramentas

💻 [Convert your PNG to an SVG | Adobe](https://www.adobe.com/express/feature/image/convert/png-to-svg) 


💻 [Contrast Ratio](https://contrast-ratio.com/) 


💻 [All Online Tools in One Box | 10015 Tools](https://10015.io/) 


💻 [Extensão do Chrome DevTools](https://developer.chrome.com/docs/devtools/) 


💻 [CodeSandbox: Ferramenta de compartilhamento de código que permite criar e compartilhar projetos de desenvolvimento diretamente no navegador](https://codesandbox.io/) 


💻 [CodePen: Plataforma para criar, compartilhar e testar rapidamente códigos HTML, CSS e JavaScript](https://codepen.io/) 


### Roadmaps

💻 [Tech Guide da Alura](https://techguide.sh/pt-BR/path/front-end/) 


💻 [Frontend Developer Roadmap](https://roadmap.sh/frontend) 


💻 [The Frontend Learning Roadmap por Frontend Masters](https://frontendmasters.com/guides/learning-roadmap/) 


### Repositórios recomendados

💻 [CSS tools por Leticia Coelho e Ana Maria | engenheiracoelho e anamariasilva](https://github.com/engenheiracoelho/CSS_tools) 


💻 [Repositórios para favoritar no GitHub](https://www.instagram.com/p/CTf72KfDN0n/) 


💻 [Repositório Frontin Sampa | Luís Leão](https://github.com/luisleao/frontinsampa) 


💻 [MDN Web Docs](https://github.com/mdn) 


💻 [WoMakersCode | Front-end Challenges](https://github.com/WoMakersCode/challenges-front-end) 


💻 [Felipe Fialho | Frontend Challenges](https://github.com/felipefialho/frontend-challenges) 


💻 [Felipe Fialho | Frontend Feed](https://github.com/felipefialho/frontend-feed) 


💻 [The Frontend Learning Roadmap | Frontend Masters](https://github.com/FrontendMasters/learning-roadmap) 


### Conteúdos JavaScript

💻 [Learning JavaScript Design Patterns](https://www.patterns.dev/posts/classic-design-patterns/) 


💻 [Patterns.dev - Modern Web App Design Patterns](https://www.patterns.dev/) 


💻 [Eloquent JavaScript](https://eloquentjavascript.net/) 


💻 [Tradução do livro Eloquent JavaScript - 2ª edição por BrazilJS](https://github.com/braziljs/eloquente-javascript) 


💻 [The Modern JavaScript Tutorial](https://javascript.info/) 


💻 [JavaScript.com](https://www.javascript.com/) 


💻 [JSchallenger](https://www.jschallenger.com/) 


### Desafios

💻 [7 Days Of Code | Alura](https://7daysofcode.io/) 


💻 [Exercism](https://exercism.org/) 


💻 [FrontEnd Mentor](https://www.frontendmentor.io/) 


### Jogos para aprender

💻 [Flexbox Froggy](https://flexboxfroggy.com/) 


💻 [Grid Garden](https://cssgridgarden.com/) 


💻 [CSS Diner](https://flukeout.github.io/) 


### Artigos Front-end

💻 [Artigos de Front-end da Alura](https://www.alura.com.br/artigos/front-end) 


### Repositórios de organizações front-end

💻 [Front-end Brasil - O mundo frontender dentro do GitHub](https://github.com/frontendbr) 


💻 [FRONTIN](https://github.com/frontinsampa) 


💻 [Frontend Masters](https://github.com/FrontendMasters) 


### Tutoriais freeCodeCamp

💻 [FRONT END DEVELOPMENT](https://www.freecodecamp.org/news/tag/front-end-development/) 


💻 [The React Beginner's Guide for 2022](www.freecodecamp.org/news/react-beginners-guide/) 


💻 [The React Cheatsheet for 2022](https://www.freecodecamp.org/news/the-react-cheatsheet/) 


💻 [10 React Interview Questions You Should Know in 2022](https://www.freecodecamp.org/news/react-interview-questions-to-know/) 


### Livros e e-books

📘 [Livros de Front-end - Casa do Código](https://www.casadocodigo.com.br/collections/livros-de-front-end) 


📘 [Livros do Maujor](https://livrosdomaujor.com.br/) 


### Trilhas e Cronogramas de estudo

💻 [Trilha de estudos para Desenvolvedores Web Front-end | MDN Web Docs](https://developer.mozilla.org/pt-BR/docs/Learn/Front-end_web_developer) 


💻 [Desenvolvimento Full Stack | Orange Evolution](https://orangejuicetech.notion.site/Desenvolvimento-Full-Stack-Orange-Evolution-9bb5c79aa25a4e77bd08c680bf33d227) 


### Posts Instagram [instagram.com/@ana.tech.dev](https://instagram.com/@ana.tech.dev)

💻 [Tutorial para devs iniciantes](https://www.instagram.com/ana.tech.dev/p/CzPqSemA0xR/) 


### Links complementares

🎧 [Playlist no Spotify: Podcasts Tech para Devs](https://open.spotify.com/playlist/2grGG2vgZOOE0RjuWVV5iv?si=7uR86uv2S_aOOJ2bO0aygA&dl_branch=1&nd=1)




__


Ana Maria Silva | www.anamaria.dev.br


:octocat: github.com/anamariasilva


:octocat: github.com/anatechdev