links

github-header-image (3)

Sejam bem vindos Devs, esse é um projeto colaborativo criado inicialmente por mim @gmartins-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á contribuíram com o projeto!!!

👏👏👏🤗👨‍💻👩‍💻💙

Veja mais sobre nossos contribuidores aqui!

Tópicos

Ideias de projetos para o seu portfolio

Frontend mentor - Desafios de códigos com foco em Front-end

Repositório com idéias para incrementar no seu código

Acervo com 40 projetos para começar na programação (FreeCodeCamp)

10 ideias de projetos do canal Filipe Deschamps

3 ideias de projetos projetos do canal Dev em Dobro

6 ideias de projetos projetos do canal Dev Batista

5 inspirações de projetos

Desafio: 100 dias - 100 projetos


back to top

Referências para design de sites

Acervo no Pinterest para inspirar seu Front-end

Acervo no Behance para inspirar seu Front-end

Acervo no Envato Elements para inspirar seu Front-end

Acervo na Alura para inspirar seu Front-end

Dribbble - acervo para inspirar seu Front-end

Figma - acervo para inspirar seu Front-end

Acervo no Haikei de SVG para inspirar seu Front-end


back to top

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

Paleta de cores no MyColor

Paleta de cores na Adobe

Paleta de cores na Couleur

Paleta de cores na Design Seeds


back to top

Onde achar imagens para o seu projeto

Freepik.com

Unsplash.com

Envato.com

Tinypng.com

Imgbox.com

500px.com

Shopify - burst

Cupcake - royalty free images

Drawkit.io

Nappy.co

Undraw.com

Pexels.com

Extra:

Ilustrações criativas de páginas não encontradas em 404 Illustrations


back to top

Onde achar ícones para o seu projeto

Streamline

Iconfinder

Emojipedia.org

Cursor.cc

Favpng.com

Fontawesome.com

Lordicon.com

Drawkit.com

Feathericons

Heroicons

Bootstrap Icons

Icons8.com

Flaticon.com

Phospor icons

GitHub Emoticons

Devicon

Extra:

Crie gratuitamente uma logo para seu projeto ou organização em freeLogoDesign.org


back to top

Editores de imagem simples de usar

Photopea

Canva

Pixlr

ScreenToGIF

AdobeExpress

TinyPNG

LightShot


back to top

Coletâneas de ferramentas para DEVs

Developer Toolchest

All in One Bookmark Links for Designer

Tiny Helpers


back to top

Hospede suas imagens gratuitamente

ImgBox

PostImages

Flickr

Imgur

GooglePhotos

FreeImageHosting

KeKgg

UnSee


back to top

Treine o uso do flexbox no CSS de forma divertida

FlexBoxFroggy

CSSGridGarden

FlukeOut

FlexBoxZombies

FlexBoxDefense


back to top

Gere textos para tests no seu site

Lipsum

CompadreIpsum

Hipsum

SatoriStudio

Slipsum

Cipsum


back to top

APIs públicas para usar no seu projeto

Any API

API Grátis

Public APIs

Big List of Free and Open Public APIs (No Auth Needed) by Ana Kravitz

Open Movie Database API

The NY Times Developer Network

Weather API

{JSON} Placeholder

Fake Store API


back to top

Teste se sua API está funcionando

Postman

REST test test…

RestNinja

ReqBin

Insomnia

Swagger


back to top

Visualizadores de JSON

JSON Hero

JSON Visio


back to top

Onde hospedar seu site gratuitamente

GitHub Pages

Heroku

Netlify

Vercel

AwardSpace

BYET

InfinityFree

Amazon Web Services

1FreeHosting


back to top

SEO & Otimização

Web.Dev - Measure page quality

Google Lighthouse


back to top

Compare seu site com outros similares

similarweb


back to top

Encurtador de urls

Bit.ly


back to top

Ferramentas e sites para aprender e desenvolver raciocínio lógico

SoloLearn

HackerRank

URI / Beecrowd

Codingame

FreeCodeCam

CodeWars

Hacker Earth

Programiz

CodeChef

Spoj

Exercism

CodeCademy

LeetCode

CoderByte

JS Challenger

TopCoder

Code Signal


back to top

Criar formulários de email e campanhas gratuitamente

MailChimp

FormsAPP


back to top

Produtividade e Organização

Notion Website

Widgets para Notion

Como usar o Notion by DigitalHouse

Mind Meister - Construa seu mapa mental

NoteLedge

ClickUp

EverNote

Confluence

MilaNote

DropboxPaper

Nuclino

Workspace Google

Microsoft One Note

NimbusWeb

Zoho

nTask

WorkFlowy

Trello


back to top

Extensões úteis para VSCode

Best VSCode Extensions by X-Team

Auto Import

Veja as cores que selecionou

Veja o preview da imagem no código

Código inteligente

Live Server

Tabnine uma das melhores extensões

Prettier para melhorar o codigo

Veja onde abre e fecha seus parenteses, chaves e colchetes

VS Code Icons - Icones de pastas e linguagens


back to top

Extensões para navegador úteis para devs

Wappalyzer - descubra quais tecnologias estão sendo utilizadas na página

React Developer Tools - confirme se o webapp está utilizando React

CSS Viewer - descubra facilmente o CSS dos elementos da página

ColorZilla - descubra quais cores estão sendo usadas no site

FontsNinja - descubra quais fontes estão usadas no site

WhatFont - descubra a fonte usada no site (mais leve)

Windows Resizer - teste a responsividade do seu site em diferentes resoluções

Smart Page Ruler - meça dimensões em pixels nas paginas

GoFullPage - Tire prints das suas paginas web por inteiro

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

Web Developer - A extensão Web Developer adiciona um botão de barra de ferramentas ao navegador com várias ferramentas de desenvolvedor Web

Lighthouse - Analisa e oferece soluções para problemas de otimização que o seu webapp possui


back to top

Dicas para arrumar Jobs

GitConnected (Currículo online 1)

CV Keep (Currículo online 2)

ResumeMaker.online (Currículo online 3)

Dicas emprego exterior

10 dicas para melhorar seu portfolio

Lista melhor empresas para se trabalhar

Personalize seu GitHub

99 Juniors - Facilita a pesquisa de empresas que buscam juniors


back to top

Sites para procurar vagas

Sites gerais

Vagas BR React

Vagas Front-End BR

Vagas Back-End BR

Lista empresas trabalho remoto internacional

Lista empresas remoto nacional

Lista empresas trabalho remoto internacional

Lista empresas remoto nacional

Programathor

Trampos

99Freelas

Vagas.com.br


back to top

Sites que podem ajudar na sua carreira dev

Crie sites 5x mais responsivos

Adicione e personalize todas as seções no readme do seu projeto

Crie e compartilhe imagens do seu código

Pesquise e veja imagens com base nas que você curtiu anteriormente

Saiba quais empresas visitaram seu site com relatórios semanais

Remova o backgroud de imagens

Extensão com notícias e artigos para a comunidade dev

DevDocs - Coletânea de documentações


back to top

Canais do YouTube com conteúdo para Devs

Adriana Saty

Alura

Arthur PC

Attekita Dev

Bonieky

cod3r

CodarMe

Codigo Fonte

Daniel Berg

Daniel Castro

Dev Aprender

Dev em dobro

Dev Jr Br

Dev Soutinho

Dio

Fabio Akita

Filipe Deschamps

Guilherme Rodz

Huriel Lopes

Lucas Montano

Lucas Nhimi

Matheus Battisti

Micael Mota

PasquaDev

ProgramadorBR

Programação dinamica

Rafaella Balerini

Rocketseat

SejaDev

SerFrontEnd

Sujeito Programador

Tsunode

Jakeliny Gracielly

Ania Kubów

Sonny Sangha

The Coding Train

Fireship

Mayk Brito

Loiane Groner

Computerphile

Freecodecamp

The Net Ninja

Online Tutorials

Curso em Video


back to top

Páginas do Instagram com Conteúdo para Devs

One Bit Code

Dev Em Dobro

Dev Jr Br

Programmers Community

Code Clash


back to top

Comunidades Tech brasileiras

COMUNIDADES TECH (repo)

Comunidades Brasileiras Incríveis (repo)

Comunidades no Discord

Dev Jr Br

Digital Innovation one

Let’s Code

Codelândia

Portal DEV

Guia Dev Brasil

Rocketseat

CollabCode

Ballerini

Montano

Grupos do Telegram

Dev Jr Br

Cafeína Vagas

Grupos do Whatsapp

(…)


back to top

Cursos Gratuitos

OpenSourceCourses

Jornada do Dev

Rocketseat

Dio.me

Curso em Vídeo

Origamid

Coursera

FreeCodeCamp

FIAP

The Odin Project (EN)

Currículo completo, comunidade forte e ativa. Duas trilhas: Ruby on Rails ou JavaScript (em inglês)

Escola do Trabalhador 4.0

Diversos cursos gratuitos em parceria com Microsoft, dentre eles: Desenvolvedor de Software Azure, Profissional de Inteligência Artificial, Analista de Dados, Analista de Segurança de Dados.

Harvard CS50 em português

Versão gratuita traduzida para o português do famoso curso CS50, oferecido por Harvard e ministrado por David J. Malan.

Fundação Bradesco

Diversas trilhas de conhecimento com certificado e programas divididos em níveis de aprendizado (iniciante, intermediário e avançado).


back to top

Eventos para Devs

Shawee

MeetUp

[CODE](https://www.codecon.dev/)


back to top

Repositórios do GitHub

Roadmap para devs

Guia Dev Brasil

Guia do Front-End

Repositorio de API’s públicas

Livros gratuitos de programação em vários idiomas

Recursos para entrevistas de programação

Tutoriais para fazer SO, Editores de texto, blockchains etc

A arte da linha de comando

Listas maravilhosas de listas maravilhosas

Questões e respostas de entrevistas com código

Gerador de Readme para seu Perfil do GitHub

Projetos incríveis em javascript


back to top

Banco de Dados em Cloud

Supabase

Fauna

Planetscale


back to top

Links que não se encaixaram em nenhuma das categorias acima

Guia de TI (Guia para cursos gratuitos)

Contrib.rocks - exiba os contribuidores de um repo dinamicamente no README ➡️ Usado neste README ✨


back to top