Sejam bem vindos Devs, esse é um projeto colaborativo criado inicialmente por mim @guilhermemm-dev mas que eu espero que seja algo construído de forma colaborativa por toda a comunidade de devs brs.

Então por favor contribuam (através de pull requests ou issues nesse repositório) sempre que possível enviando suas sugestões de links a serem adicionados na lista.

Projeto colaborativo!

Envie suas sugestões de links a serem adicionados na lista através de pull requests ou issues nesse repositório.

Muito obrigado!!! a todos os devs que já contribuiram com o projeto
👏👏👏🤗👨‍💻👩‍💻💙

https://github.com/guilhermemm-dev/links/graphs/contributors

Tópicos

Ideias de projetos para o seu portfolio:
Referências para design de sites:
Encontre combinações de cores legais para usar no seu projeto:
Onde achar imagens para o seu projeto:
Onde achar ícones para o seu projeto:
Editores de imagem simples de usar:
Hospede suas imagens gratuitamente:
Treine o uso do flexbox no CSS de forma divertida:
Gere textos para tests no seu site:
APIs públicas para usar no seu projeto:
Teste se sua API está funcionando:
Onde hospedar seu site gratuitamente:
SEO & Otimização:
Compare seu site com outros similares:
Encurtador de urls:
Ferramentas e sites para aprender a desenvolver raciocinio lógico:
Criar formulários de email e campanhas gratuitamente:
Produtividade e Organização:
Extensões úteis para VSCode:
Extensões para navegador úteis para devs:
Dicas para arrumar Jobs:
Sites para procurar vagas:
Sites que podem ajudar na sua carreira dev:
Canais do YouTube com conteúdo para Devs:
Páginas do Instagram com Conteúdo para Devs:
Diversas comunidades Brs:
Comunidades no Discord:
Grupos do Telegram:
Grupos do Whatsapp:
Cursos Gratuitos:
Eventos para Devs:
Repositórios do GitHub:
Links que não se encaixaram em nenhuma das categorias acima:

Ideias de projetos para o seu portfolio:

Desafios de códigos com foco em Front-end: https://www.frontendmentor.io/

Repositório com idéias para incrementar no seu código: https://github.com/florinpop17/app-ideas Acervo com 40 projetos para começar na programação: https://www.freecodecamp.org/portuguese/news/40-projetos-em-javascript-para-iniciantes-ideias-simples-para-comecar-a-programar-em-js/amp/

10 ideias de projetos do canal Filipe Deschamps: https://www.youtube.com/watch?v=fYR9L2ZmodM

3 ideias de projetos projetos do canal Dev em Dobro: https://www.youtube.com/watch?v=VvyjQE7pJ8s

6 ideias de projetos projetos do canal Dev Batista:https://www.youtube.com/watch?v=nZJXfnULZyI

5 inspirações de projetos: https://betterprogramming.pub/here-are-5-challenging-app-ideas-you-can-start-building-today-jan-2020-78cd4fb45996

Referências para design de sites:

Acervo no Pinterest para inspirar seu Front-end: https://br.pinterest.com/search/pins/?q=web%20site&rs=typed&term_meta[]=web%7Ctyped&term_meta[]=site%7Ctyped

Acervo no Behance para inspirar seu Front-end: https://www.behance.net/search/projects?tracking_source=typeahead_search_direct&search=web%20site

Acervo no Envato Elements para inspirar seu Front-end: https://elements.envato.com/pt-br/web-templates

Acervo na Alura para inspirar seu Front-end: https://www.alura.com.br/artigos/as-8-melhores-ferramentas-gratuitas-de-design

Acervo no Dribbble para inspirar seu Front-end: https://dribbble.com/

Acervo no Figma para inspirar seu Front-end: https://figmaresource.com/

Acervo no Haikei de SVG para inspirar seu Front-end: https://haikei.app/

Encontre combinações de cores legais para usar no seu projeto:

Paleta de cores no MyColor: https://mycolor.space/

Paleta de cores na Adobe: https://color.adobe.com/

Paleta de cores na Couleur: https://couleur.io/

Onde achar imagens para o seu projeto:

https://www.freepik.com/

https://unsplash.com/

https://www.envato.com/

https://tinypng.com/

https://imgbox.com/

https://encr.pw/iKOuY

https://www.shopify.com.br/burst

https://cupcake.nilssonlee.se/

https://www.drawkit.io

https://nappy.co/

Onde achar ícones para o seu projeto:

https://www.streamlinehq.com/

https://iconfinder.com

https://emojipedia.org/

https://www.cursor.cc/

https://favpng.com/

https://fontawesome.com/

https://lordicon.com/

https://drawkit.com/free-icons

https://feathericons.com/

https://heroicons.dev/

https://icons.getbootstrap.com/

https://icons8.com/line-awesome

Editores de imagem simples de usar:

https://www.photopea.com/

https://www.canva.com/

https://pixlr.com/br/

https://www.screentogif.com/

https://www.adobe.com/br/express/feature/image/resize

https://tinypng.com/

https://app.prntscr.com/pt-br/help.html

Hospede suas imagens gratuitamente:

https://imgbox.com/

https://postimages.org/

Treine o uso do flexbox no CSS de forma divertida:

https://flexboxfroggy.com/

https://cssgridgarden.com/

https://flukeout.github.io/

https://mastery.games/flexboxzombies/

http://www.flexboxdefense.com/

Gere textos para tests no seu site:

https://www.lipsum.com/

APIs públicas para usar no seu projeto:

https://any-api.com/

https://public-apis.xyz/

https://mixedanalytics.com/blog/list-actually-free-open-no-auth-needed-apis/

Teste se sua API está funcionando:

https://resttesttest.com/

Onde hospedar seu site gratuitamente:

https://pages.github.com/

https://herokuapp.com/

https://www.netlify.com/

https://vercel.com/

https://www.awardspace.com/

https://byet.host/

https://www.infinityfree.net/

https://aws.amazon.com/pt/

https://www.1freehosting.com/

SEO & Otimização:

https://web.dev/measure/

https://developers.google.com/web/tools/lighthouse?hl=pt-br

Compare seu site com outros similares:

https://www.similarweb.com/pt/

Encurtador de urls:

https://bitly.com/

Ferramentas e sites para aprender a desenvolver raciocinio lógico:

https://www.sololearn.com/

https://www.hackerrank.com/dashboard

https://www.beecrowd.com.br/judge/

Criar formulários de email e campanhas gratuitamente:

https://mailchimp.com/

Produtividade e Organização:

hhttps://www.notion.so/

Widgets para notion so: http://apption.co/

https://www.digitalhouse.com/br/blog/como-usar-o-notion/

Extensões úteis para VSCode:

https://x-team.com/blog/best-vscode-extensions

Extensões para navegador úteis para devs:

CSS Viewer - descubra facilmente o CSS dos elementos da página: https://chrome.google.com/webstore/detail/cssviewer/ggfgijbpiheegefliciemofobhmofgce?hl=pt

ColorZilla - descubra quais cores estão sendo usadas no site: https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp?hl=pt

FontsNinja - descubra quais fontes estão usadas no site: https://chrome.google.com/webstore/detail/fonts-ninja/eljapbgkmlngdpckoiiibecpemleclhh

WhatFont - descubra a fonte usada no site (mais leve): https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm?hl=en

Windows Resizer - teste a responsividade do seu site em diferentes resoluções: https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh?hl=pt-BR

Smart Page Ruler - meça dimensões em pixels nas paginas:
https://chrome.google.com/webstore/detail/smart-page-ruler/nmibbjghlmdiafjolcphdggihcbcedmg

GoFullPage - Tire prints das suas paginas web por inteiro: https://chrome.google.com/webstore/detail/gofullpage-full-page-scre/fdpohaocaechififmbbbbbknoalclacl

File Icons for GitHub and GitLab - extensão simples para substituir o ícone do arquivo original por ícones específicos do tipo de arquivo. Isso melhora o reconhecimento visual no GitHub e GitLab: https://chrome.google.com/webstore/detail/file-icons-for-github-and/ficfmibkjjnpogdcfhfokmihanoldbfe

Web Developer - A extensão Web Developer adiciona um botão de barra de ferramentas ao navegador com várias ferramentas de desenvolvedor Web: https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm?hl=pt-BR