Guia Extenso de Programação

🎯 O guia para alavancar a sua carreira

Abaixo você encontrará conteúdos para te guiar e ajudar a se torna um desenvolvedor ou qualquer área de TI, caso você já atue como desenvolvedor ou em outra área confere o repositórios para descobrir novas ferramentas para o seu dia-a-dia, os caminhos que você pode tomar e as tecnologias para incorporar na sua stack para se tornar um profissional atualizado e diferenciado em frontend, back-end, entre outras, faça bom uso do guia e bons estudos!

_{Segue nas redes sociais para acompanhar mais conteúdo:}

⚠️ Aviso importante

Antes de tudo você pode me ajudar e colaborar, deu bastante trabalho fazer esse repositório e organizar para fazer seu estudo ou trabalho melhor, portanto você pode me ajudar das seguinte maneiras

Me siga no Github
Acesse as redes sociais do Guia Dev Brasil
Mande feedbacks no LinkedIn
Faça uma doação pelo PIX: [email protected]

💡 Nossa proposta

A proposta deste guia é dar uma ideia sobre o atual panorama e guiá-lo se você estiver confuso sobre qual o próximo aprendizado, não influenciar você a seguir os 'hypes' e 'trendys' do momento. Acreditamos que com um maior conhecimento das diferentes estruturas e soluções disponíveis poderá escolher a ferramenta que melhor se aplica às suas demandas. E lembre-se, 'hypes' e 'trendys' nem sempre são as melhores opções.

🔰 Para quem está começando agora

Não se assuste com a quantidade de conteúdo apresentados neste guia. Acredito que quem está começando pode usá-lo não como um objetivo, mas como um apoio para os estudos. Neste momento, dê enfoque no que te dá produtividade e o restante marque como Ver depois. Ao passo que seu conhecimento se torna mais amplo, a tendência é este guia fazer mais sentido e fácil de ser assimilado. Bons estudos e entre em contato sempre que quiser! 👊

🚨 Colabore

Abra Pull Requests com atualizações
Discuta ideias em Issues
Compartilhe o repositório com a sua comunidade

📚 ÍNDICE

👨‍🏫 Sites para estudar programação
🎨 Sites para desenvolvedor front-end
🎮 Sites para aprender a programar jogando
✨ Templates HTML gratuitos
🪅 Sites para aprender ou treinar CSS
🪡 Geradores de CSS
🔎 Sites para buscar vagas remotas
🔧 Ferramentas de desenvolvimento
🗂 Gerenciamento de projetos
📝 IDEs e editores de código
🖌 Design Front-end
🔤 Linguagens de programação
📕 Guia de Estilo
📁 Desafios
🛠️ Ferramentas para desenvolvedores WEB
⚒️ Ferramentas para buscar projetos open source
🐧 Melhores distros linux para programadores
🔗 Bibliotecas JavaScript
🪛 7 Ferramentas que todo DEV precisa conhecer
🎭 Sites para praticar UI/UX
☁ Ferramentas para hospedar seu site
🌌 Sites para inspirar o seu desenvolvimento
📮 Banco de imagens gratuitas
👔 Aumentando o network
🎠 Sites para baixar e encontrar fontes
🧵 Sites de paletas de cores
🎇 Lista de ilustrações
🎆 Sites de icones
🎥 Canais do youtube com conteúdo grautito
🔓 Pentest
🎙 Blogs e Podcasts
💼 Business
🧭 Web Developer Roadmap
🔩 Extensões para o seu navegador
📚 Recomendação de livros
📱 Apps para praticar programação
📘 Sites para treinar projetos front-end
📗 Sites para treinar projetos back-end
📙 Sites para treinar projetos mobile
🛖 Ideias para projeto
🦓 Cursos de Java
🐴 Cursos de JavaScript
🦄 Cursos de HTML e CSS
🐍 Cursos de Python
🐘 Cursos de PHP
🦚 Cursos de C#
🦉 Cursos de C
🐸 Cursos de C++
🐶 Cursos de Kotlin
🐋 Cursos de Swift
🐺 Cursos de Go
🐦 Cursos de Ruby
🐷 Cursos de React
🐼 Cursos de React Native
🐯 Cursos de Angular
🐞 Cursos de Vue
🦂 Cursos de Svelte
🦞 Cursos de Flutter
🐹 Cursos de jQuery
🐢 Cursos de Less
🐱 Cursos de Sass
🐰 Cursos de Bootstrap
🐮 Cursos de Git e Github

👨‍🏫 Sites para estudar programação

Rocketseat - Cursos gratuitos sobre as tecnologias mais quentes do mercado
Digital Innovation One - Plataforma de ensino gratuita que desenvolve e conecta talentos
Torne-se um Programador - Dezenas de cursos gratuitos completos e avançados com aplicações reais de mercado.
Curso em Vídeo - Cursos básicos gratuitos para iniciantes
Origamid - Cursos gratuitos e pagos paras desenvolver suas habilidades na área de UX & UI Design e desenvolvimento front-end
Udemy Development - +1.400 cursos de desenvolvimento gratuitos
Udemy IT - +100 cursos de TI e softwares
HackerRank - Desafios de Programação Back-end. IDE integrada
Hackereath - Site para desenvolver suas hábilidades de código.
CoderByte - Desafios de Programação Back-end. IDE integrada
Coderchef - Site para Estuda sobre programação, código e afins.
W3Resources - Exercícios online para praticar de inúmeras linguagens
Coursera - Cursos gratuitos com conteúdos conceituados
CodePen - Rede social de desenvolvedores front-end
Codementor - Site para praticar e aprender a desenvolver suas skills como desenvolvedor
FreeCodeCamp - Aprenda como codificar gratuitamente e ganhe portfólio ajudando organizações sem fins lucrativos
GeeksForGeeks - Plataforma para desenvolver suas habilidade em diversas áreas da programação
W3Schools - Inúmeras documentações explicadas de forma intuitiva
Khan Academy - Plataforma de estudos conceituada sobre aprendizado gamificado
Udacity - Aprendizado tecnológico com conteúdos mais quentes do mercado (IA, data science, cloud computing, etc)
SoloLearn - Aprenda a programar gratuitamente pelo celular ou web
edX - Aprenda com os melhores, cursos de ciência da computação e ciência de dados ministradas por docentes das maiores e melhores universidades de todo o mundo
Treehouse - Cursos para desenvolvedores e aprimomaromento de portfólio
Coding Ground - Várias plat - ormas de codificação online
TheOdinProject - Site para aprender programação e desenvolvimento por meio de cursos
FrontEndMaster - Site para aprender programação e desenvolvimento por meio de cursos
Balta.io - Site para aprender programação e desenvolvimento por meio de cursos
FrontEndMaster - Site para aprender programação e desenvolvimento por meio de cursos
DataScienceAcademy - Site com diversos cursos gratuitos para inciar no mundo de Python & DataScience
FIAPx - Site com diversos cursos gratuitos na área da tecnologia
FGV - Site com diversos cursos gratuitos na área da tecnologia
CodeAcademy - Site com diversos cursos gratuitos de programação (EN)
Kaggle - Site com diversos cursos gratuitos de Python & DataScience (EN)
Complete Intro to Web Development - Site com os principais conteúdos referentes a desenvolvimento web criado e mantido por um dos professores do site Frontend Masters (EN)
4noobs - Repositório desenvolvido para mostrar os conhecimentos básicos em diversas linguagens e ferramentas para desenvolvedores iniciantes.

🎨 Sites para desenvolvedor front-end

Text Pop 3D - Cria efeitos de texto 3D
Shape Dividers - Gera divisores de formas verticais, responsivos, e animados facilmente com este gerador de divisores de formas SVG
Couleur - Uma ferramenta de cores simples para ajudá-lo a encontrar uma boa paleta de cores para seu projeto da web)
Baseline CSS Filters - 36 Belos filtros de fotos, com edição simples e CSS para copiar)
UI Deck - Modelo de página de destino HTML gratuitos e premium, temas de bootstrap, modelos de React, modelos de Tailwind, modelos de site HTML, e kits de interface de usúario)
Naevner - Descrição de cores em linguagem natural, gerador de códigos em cores hexadecimais)

🎮 Sites para aprender a programar jogando

Code Combat - Site para aprender conceitos e linguagens de programação enquanto joga
CheckiO - CheckiO é um site que tem como objetivo ensinar programação, mas todos os desafios de codificação devem ser concluídos em Python.
CodeWars - Desafios de Programação Back-end. IDE integrada
Schemaverse - O Schemaverse é um jogo de estratégia baseado no espaço implementado inteiramente em um banco de dados PostgreSQL.
Code Monkey - CodeMonkey é um ambiente de codificação de computador educacional que permite que iniciantes aprendam conceitos e linguagens de programação de computador.
Coding Games - Desafios Programação Back-end com foco em temática de jogos. IDE integrada
Edabit - Desafios de Programação Back-end. IDE integrada
Flexbox Zombie - Desafios com CSS Flexbox para se defender de zumbis
Flexbox Defense - Desafios com CSS Flexbox para impedir que inimigos ultrapassem suas defesas
CSS Grid Attack - Ataque inimigos enquanto treina práticas de CSS, com uma narrativa mais profunda

✨ Templates HTML gratuitos

Bootstrap Made - Temas HTML5 + CSS3 gratuitos
W3 Layouts - Temas HTML5 + CSS3 gratuitos
One Page Love - Temas HTML5 + CSS3 gratuitos
ThemeWagon Freebies - Temas HTML5 + CSS3 gratuitos

🪅 Sites para aprender ou treinar CSS

CSS Grid Garden - Ferramenta online para estudos de Grid (CSS)
Flukeout - Aplicação online para aprender CSS de forma prática
Flex Box Froggy - Desafio de Programação Front-end focados na propriedade flex box. IDE integrada.
Flexbox Defense - Aprenda flexbox com um game
100 Dias de CSS - 100 Desafios de CSS
CSS Battle - Batalhas temporárias de CSS. IDE integrada
CSS Tricks - Site para treinar
CSS Hell - Coleção de erros comuns de CSS e como corrigi-los

🪡 Geradores de CSS

Neumorphism - Tendência aplicação border-radius
Fancy Border-Radius - Gerador de formas com border-radius no CSS
WAIT! Animate - Gerador de animações de CSS
Best CSS Button Generator - Gerador de botões do CSS
HTML CSS JS Generator - Gerador de HTML/CSS/JS
BennettFeely - Criador de clip-path
Animista - Criador de animações

🔎 Sites para buscar vagas remotas

🔧 Ferramentas de desenvolvimento:

Internxt - Internxt Drive é um armazenamento de arquivos de conhecimento zero serviço baseado na melhor privacidade e segurança da classe
Motion - Uma nova biblioteca de animação, construída na API Web Animations para o menor tamanho de arquivo e o desempenho mais rápido.
Hokusai - Conteúdo sobre NFT's
Hidden Tools - Ampla coleção de ferramentas feitas pela comunidade disponiveís para uso
Dev Hints - Coleção de cheatsheets
Bundlephobia - Descubra o custo de adicionar um pacote npm ao seu pacote
Refactoring Guru - Padrões de projetos "Design patterns"
DevDocs - DevDocs combina várias documentações de API em uma interface rápida, organizada e pesquisável.
HTML Validator - Validação de arquivo HTML
HTML 5 Test - Testa arquivos HTML5
Image Slide Maker - Ferramenta de geração gratuita do Image Slider Maker
.NET Fiddle - Codifique e compartilhe projetos C# online
1PageRank - Rankeie seu site nos mecanismos de buscas e aprenda com a concorrência
Any API - Diretório gratuito com APIs públicas
Autoprefixer CSS - Transpile código CSS atual para código CSS com maior cobertura de navegadores antigos
Browser diet - Guia de performance para desenvolvimento web
Can I email... - Descubra o que do HTML e CSS pode ser usado em estruturas de e-mail
Can I use... - Descubra se você pode usar determinadas tecnologias web
CloudFlare - CDN grátis
CMDER - Linha de comando simples, consegue rodar comands bash e Shell, alternativa ao Hyper
CodePen - Rede social de desenvolvedores front-end
CodeSandbox - Caixa de área para desenvolvedores web
Connection Strings - Site com strings de conexão para diversas plataformas
CSS Formatter - Retire a minificação e formate o código CSS
CSS Minifier - Conversor de código CSS para CSS minificado
CSS W3.org - Validar CSS
Debuggex: Online visual regex tester. JavaScript, Python, and PCRE - Construa e teste expressões regulares
docsify - Crie docs incríveis de projetos
EasyForms - API open source que permite criação formulários de contato com HTML puro
Editor.md - Editor Markdown online e open source
ES6console - Compilador de JS para Ecmascript
Firebase - Desenvolva aplicativos mobile e web incríveis este serviço da Google
Firefox Developer Edition - Navegador web para desenvolvedores web
Full Page Screen Capture - Capture páginas inteiras com uma extensão para Chrome
generatedata - Gerador de dados para testes
Git Command Explorer - Encontre os comandos certos que você precisa sem vasculhar a web
GitHub Gist - Faça pequenas anotações e pequenos códigos no GitHub Gist
Google Transparency Report - Verificar segurança de um site
Grader - Avaliação de site
How to Center in CSS - Gerador de código para divs ou textos que necessitam de centralização
Hyper - Linha de comando simples, útil e gratuito
Joomla - CMS gratuita
JS Bin - Codifique e compartilhe projetos HTML, CSS e JS
JSCompress - Conversor de código JS para JS minificado
JSON Editor Online - Ferramenta para visualizar e editar arquivos JSON
JSFiddle - Codifique projetos JS online
JSONLint - Ferramenta para validar seu JSON
JSON Generator - Ferramenta para gerar JSON com base em template
KeyCDN Tools - Faça uma análise das suas aplicações web
Liveweave - Codifique projetos HTML, CSS e JS
Lorem Ipsum - Gerador de texto fictício
Mapbox - Mapas e localização para desenvolvedores
Memcached - Melhore o desempenho de seu website com cache
Mockaroo - Gerador de dados para testes
Mussum Ipsum - Gerador de texto fictício
NPM HTTP-Server - Rode um servidor local com um pacote npm
Password Generator - Um gerador de senhas simples com foco na segurança
Online C Compiler - Ferramenta para compilar C online
React Dev Tools - Ferramenta para debug do ReactJS
React Hook Form - Valide seus formulários de projetos que utilizam React ou React Native
RelaX - Crie expressões algébricas relacionais de consultas
Responsive - Teste a responsividade do seu site
Shields.io - Gerador de badges para markdown
SSL Server Test - Testar SSL de sites
StreamYard - O StreamYard é um estúdio de transmissões ao vivo no seu navegador
Swagger - Ferramenta para projetar, construir, documentar e usar serviços da Web RESTful
Tabela ASCII - Tabela completa com caracteres ASCII
Telegram - Mensageiro criptografado
TinyJPG - Comprima imagem do formato JPG
TinyPNG - Comprima imagem do formato PNG
Creately - Crie e altere lindos diagramas em tempo real com a sua equipe
Carbon - Crie Snippets de codigo clean e bonitos
DbDiagram - Crie elegrantes diagramas de banco de dados e gere script ddl
SqlDesigner - Crie Diagramas de banco de dados de maneira rapida e gere script ddl
W3.org - Validar HTML
WakaTime - Gerencie seu tempo de desenvolvimento
Web Developer - Extensão para Chrome com multi-funções
Web.dev - Testar website (criado pela Google)
WebPageTest - Testar perfomance de site
Wedsites - Liste suas atividades e acompanhe seu progresso
WordPress - Criação de blogs
XML Sitemaps - Criador de sitemaps.xml

🗂 Gerenciamento de projetos

Asana - Gerenciamento de trabalho
Azure DevOps - Gerenciamento de projetos focados em planejamento, colaboração e entregas
Dontpad - Abas de anotações sem necessidade de cadastro
Draw.io - Desenvolva mapas mentais incríveis
Evernote - Notas autoadesivas na nuvem
Google Keep - Notas autoadesivas na nuvem
Jira - Gerenciador de projetos e monitoramento de tarefas
lucidchart - Documentação e gerenciamento de tarefas em equipe
Miro - Quadro branco colaborativo em tempo real
Notion - Notas autoadesivas na nuvem e gerenciamento de projetos online
Pipefy - Gerenciador de projetos (PMS)
Protectedtext - Abas de anotações criptografadas sem necessidade de cadastro
Slack - Gerenciamento de projetos com equipes
Taiga - Controle de projetos com equipes através de quadros
Things - Gerenciador de tarefas pessoais
Todoist - Gerenciamento de projetos pessoais e em equipe
Trello - Gerencie seus projetos com quadros
YouTrack - Gerenciador de projetos online

📝 IDEs e editores de código

Atom - Editor de código do GitHub
BBEdit - Editor de código para Mac OS
Beekeeper Studio - Editor de código SQL e gerenciador de banco de dados
Brackets - Editor de código da Adobe
CodeBlocks - IDE para C e C++
Dev C++ - IDE Dev C++ para liguagem C/C++
Eclipse - IDE software livre da IBM
IntelliJ IDEA - IDE da Jetbrains
NeoVim - Editor de código via terminal
NetBeans - IDE gratuita da Apache
Notepad++ - Editor de código raíz
PHPStorm - IDE específica para PHP
PyCharm - IDE específica para Python
RStudio - IDE específica para a Linguagem R e suas variantes
StackEdit - Editor de markdown online
Sublime Text - Sua licença expirou
Visual Studio - IDE da Microsoft
Visual Studio Code - Editor de código da Microsoft

🖌 Design Front-end

Adobe XD - Software de design para projetos
Awwwards - Inspiração para interfaces e templates com o que há de mais novo em questão de design de interfaces
Bootstrap - Framework CSS
BuildBootstrap - Crie layout responsivo para o framework Bootstrap na versão 3 e 4
Bulma CSS - Estrutura CSS gratuita baseada no Flexbox
Canva - Ferramenta de design online
Chart.js - Biblioteca JavaScript de criação de gráficos
Colors and Fonts - Apresenta paletas de cores e tipografia
Coolors - Palhetas de cores e monte a sua própria
Colors lol - Repositório de paletas de cores
Cruip - Recursos de templates
CSS Effects Snippets - Animações CSS prontas para usar
CSS Layout - Layouts e padrões populares feitos com CSS
CSS Reference - Guia visual para CSS com referencias de uso
CSS Tricks - Blog com vários tutoriais frontend
DevSamples - Exemplos de códigos fáceis de usar para HTML, CSS e JavaScript
Excalidraw - Desenhe diagramas como se tivessem sido feitos a mão
Fancy Border-Radius - Gerador de formas com border-radius no CSS
Figma - Desenhe projetos online de apps, softwares e websites
Flatui Color Picker - Paleta de cores interativa de forma harmonizar o front
Font Flipper - Ferramenta para testar fontes
FontPair - Ferramenta para combinações de fontes
FontSpark - Gera fontes aleatórias de uma lista de fontes famosas usadas na web
Foundation - Framework responsivo
Framer - Ferramenta de criação de interfaces interativas
FreeFrontEnd - Exemplos de códigos, tutoriais e artigos de HTML, CSS, Javascript (Angular, JQuery, React, Vue)
Gravit Designer - Ferramenta de design online com suporte a ilustração vetorial
Grid Layoutit - Gerador de grid para código CSS
HTML DOM - Gerenciar o DOM HTML com JavaScript vanilla
Interfacer - Recursos para criação de interfaces
Interfaces.pro - Inspiração para interfaces
Invision - Software de design para projetos
Lottie - Animações em after effects via json
Luna - Framework CSS brasileiro
Material-UI - Um framework de interface de usuário para React
Mockup - Visualize e colabore no design de aplicativos para dispositivos móveis
Nes.css - Framework CSS estilo NES
Neumorphism - Tendência aplicação border-radius
Normalize CSS - Normaliza estruturas entre navegadores
Pixilart - Desenhe pixel arts online
Pixlr - Conjunto de ferramentas e utilitários de edição de imagem baseado em nuvem
PSD-To-CSS-Shadow - Gera o script para uma sombra (box-shadow & text-shadow) no CSS baseado nas configurações de sombra no Photoshop
Pure.css - Framework CSS responsivo
Remove.bg - Remove fundos de imagens automaticamente
Sketch - Desenvolvimento de layouts em alta qualidade
Squoosh.app - Compressor de imagens e comparador, via navegador
SweetAlert2 - Biblioteca JavaScript de alertas responsivos e customizáveis
Tailwind CSS - Framework de estilo CSS
UI Gradients - UI gradientes para utilizar
Vectorizer - Converta imagens como PNGs, BMPs e JPEGs em gráficos vetoriais (SVG, EPS, DXF)
Whimsical - Flowchart, Wireframe, Sticky Notes e Mind Map
X-Icon Editor - Gerador de favicon com alta resolução a partir de imagens

🔤 Linguagens de programação

C# - Linguagem de programação baseada no C++
Clojure - Linguagem de programação funcional (muito utilizada para IAs)
Dart - Linguagem de script voltada à web desenvolvida pela Google, utilizada no Flutter
Elixir - Linguagem de programação funcional executada na máquina virutal Erlang
F# - Linguagem de programação orientada a objetos e funcional
Fortran - Linguagem de programação desenvolvida pela IBM, usado na ciência da computação e análises numéricas
Go - A linguagem de programação Go é um projeto de código aberto para tornar os programadores mais produtivos
Haskell - Linguagem de programação puramente funcional e estaticamente tipada
Java - Linguagem de programação tipada, orientada a objetos e de alta performance
JavaScript - Constante evolução e crescimento no mercado
Julia - Linguagem de programação de código aberto e alto desempenho para computação técnica
Kotlin - Linguagem de programação multiplataforma, orientada a objetos compila para a MVJ
Lua - Linguagem de programação desenvolvida no Brasil, permite programação procedural e POO
MatLab -Linguagem de programação de alto nível com foco em cálculos e construção de gráficos
Pascal - Linguagem de programação imperativa, estruturada e orientada à objetos
Perl - Linguagem de programação multiplataforma e dinâmica
PHP - A linguagem de programação dominante na web
Python - Muito indicada para projetos de dados, inteligência artificial e chatbot
R - Linguagem de programação com foco em matemática, estatística, ciência de dados e aprendizagem de máquina
Ruby - Linguagem de programação de multiparadigma e tipagem dinâmica
Rust - Linguagem para sistemas rápidos, concorrentes e seguros
Swift - Criada pela Apple para principalmente desenvolvimento de apps para iPhone
Scala - Linguagem de programação moderna, multi-paradigma, concisa, elegante e com tipagem segura
Visual Basic - Linguagem de programação da Microsoft (com IDE gráfica)
Julia - Linguagem de programação dinâmica para experimentos de alta performance

📕 Guia de Estilo

Airbnb - Javascript - Guia de estilo de código em JavaScript do Airbnb
Airbnb - Ruby - Guia de estilo de código em Ruby do Airbnb
Google - Boas práticas em Engenharia - Boas práticas de Engenharia utilizadas pelos internos da Google
Google - C++ - Guia de estilo de código em C++ do Google
Google - Python - Guia de estilo de código em Python do Google
Google - Java - Guia de estilo de código em Java do Google

📁 Desafios

Ace Front End - Desafios de programação Front-end. Resultados via texto. IDE integrada
AdventoOfCode - Desafios de programação por temporada. Sem IDE integrada. Validação manual feita pelo usuário
App Ideas - Compilado de desafios para você testar seus conhecimentos e aumentar seu portfólio
Capture The Flag - CTF - Desafios reais de hacking, desenvolvido por especialistas brasileiros
ChallengeRocket - Desafios de Programação Back-end. IDE integrada
Code Golf - StackExchange - Desafios de programação da comunidade para a comunidade, IDE integrada somente pelo Snippet
CodeForces - Desafios de Programação Back-end com a compilação e testes feito pela plataforma porém sem IDE integrada
CodePen Challenges - Desafios de Programação Front-end. IDE integrada
CoderByte - Desafios de Programação Back-end. IDE integrada
CodeSignal - Desafios de Programação Back-end. IDE integrada
CodeWars - Desafios de Programação Back-end. IDE integrada
Codier - Desafios de Programação Front-end, análise dos resultados feita pela comunidade. IDE integrada
Codility - Desafios de Programação Back-end. IDE integrada
Coding Games - Desafios Programação Back-end com foco em temática de jogos. IDE integrada
CSES - Desafios de Programação Back-end. IDE integrada
CSS Battle - Batalhas temporárias de CSS. IDE integrada
DailyCodingProblem - Desafios de Programação Back-end enviados por e-mail. Solução do problema Premium
Desafio333 - O Desafio333 é um desafio bimestral SIMPLES com o objetivo de convidar a comunidade a conhecer novas ferramentas
DevChallenge - Site com desafios de front-end, back-end e mobile
DevChallenges.io - Site com projectos webs responsivos, front-end e full-stack
Edabit - Desafios de Programação Back-end. IDE integrada
Exercism.io - Desafios de Programação Back-end. Sem IDE integrada. Requer download de CLI.
Flex Box Defense - Desafio de Programação Front-end focados na propriedade flex box. IDE integrada.
Flex Box Froggy - Desafio de Programação Front-end focados na propriedade flex box. IDE integrada.
Front End Challanged Club - Bogs com desafios de programação front-end
Frontend Challengens - Repositório no GitHub com vários desafios solicitados reais solicitados por empresas
Frontend Mentor - Desafios de Programação Front-end, análise dos resultados feita pela comunidade, sem IDE integrada
HackerRank - Desafios de Programação Back-end. IDE integrada
HackTheBox - Site com laboratórios para praticar pentest de forma gratuita e legal
LeetCode - Desafios de Programação Back-end. IDE integrada
BinarySearch - Desafios de Programação Back-end. IDE integrada
CodeAbbey - Desafios de Programação Back-end. IDE integrada
ProjectEuler - Desafios de Programação Back-end focado em problemas matemáticos. IDE integrada
Sphere Onlune Judge (SPOJ) - Desafios de Programação Back-end com a compilação e testes feito pela plataforma porém sem IDE integrada
TopCoder - Desafios e Arena de Programação Back-end. IDE integrada
URI/Beecrowd - Desafios Programação Back-end, matemáticos e SQL. IDE integrada

🛠️ Ferramentas para desenvolvedores WEB

⚒ Ferramentas para buscar projetos open source

🐧 Melhores distros linux para programadores

Pop!_Os - Distribuição Linux Pop!_Os
Arch Linux - Distribuição Linux Arch Linux
Debian - Distribuição Linux Debian
Ubuntu - Distribuição Linux Ubuntu
Fedora - Distribuição Linux Fedora
Linux Mint - Distribuição Linux Mint
OpenSUSE - Distribuição Linux OpenSUSE
Kali Linux - Distribuição Linux Kali Linux
KDE Neon - Distribuição Linux KDE Neon
Solus - Distribuição Linux Solus
Tails - Distribuição Linux Tails

🔗 Bibliotecas JavaScript

🪛 7 Ferramentas que todo DEV precisa conhecer

Figma - ferramenta para design de interfaces.
Insomnia - é um API Client, uma ferramenta para fazer testes de API's.
Rive - ferramenta colaborativa de animação para apps, jogos e sites.
CloudCraft - plataforma com foco em criar desenhos de arquiteturas AWS.
BundlePhobia - site para descobrir o custo de adicionar um npm package no seu pacote.
Font Flipper - Tinder das fontes, basta apertar X caso não goste e ❤ se você gostar, adicione aos favoritos já com o nome da fonte e faça o download pelo Google fonts.
VisBug - é uma extensão de Chrome, criada pelo google, ferramenta de design que te permite mudar o layout das páginas da web desde o estilo de fontes até a posição dos elementos.
ThunderClient - é um Rest API Client totalmente leve e compatível com Visual Studio Code. Idêntico ao Postman, ele serve para realizar testes com nossas requisções HTTP.

🎭 Sites para praticar UI/UX

☁ Ferramentas para hospedar seu site

Github Pages - Hospedado diretamente de seu repositório GitHub. Basta editar, enviar e suas alterações entrarão em vigor
Award Space - Hospedagem gratuita na web + um subdomínio gratuito, PHP, MySQL, instalador de aplicativo, envio de e-mail e sem anúncios
Byet - Hospedagem Gratuita e Serviços de Hospedagem Premium.
Infinity Free - Free Unlimited Web Hosting
1FreeHosting - Hospedagem de sites grátis com 100GB de largura de banda
Amazon Web Services - Serviço de aluguel de servidores e outros serviços
BlueHost - Empresa americana de hospedagem de sites
DigitalOcean - Aluguel de servidores dedicados e compartilhados
DreamHost - Hospedagem de sites de alta disponibilidade
Embratel - Hospedagem de sites nacional
GoDaddy - Hospedagem de sites internacional
GoDaddy - Empresa de aluguel de servidores compartilhados, dedicados e registro de domínio
Google Cloud - Serviço de aluguel de servidores da Google
Heroku - Hospedagem de sites grátis com suporte à NodeJS, Java, Ruby, PHP, Python, Go, Scala e Clojure
HostGator - Hospedagem compartilhada e dedicada para sites e serviços
Hostinger - Hospedagem de sites
Hostoo - Hospedagem de sites em cloud computing dedicado
iPage - Hospedagem de sites gringa com descontos para anúncios
KingHost - Hospedagem compartilhada e dedicada para sites e serviços de marketing por e-mail
Netlify - Hospedagem para sites estáticos que combina implantação global, integração contínua e HTTPS automático
One.com - Serviços gerais digitais (incluindo hospedagem de sites)
Surge - Hospedagem gratuita para páginas estáticas
Umbler - Hospedagem compartilhada, cloud computing sob taxação de uso
Vercel - Hospedagem grátis de sites estáticos e serveless

🌌 Sites para inspirar o seu desenvolvimento

📮 Banco de imagens gratuitas

500px - Banco de imagens gratuitas
Burst - Plataforma de imagens do serviço de ecommerce Shopify
Cupcake - Imagens gratuitas para uso comercial
Banco De Imagens Com Diversidade - Banco de imagens com pessoas diversas
DrawKIT - Ilustrações para qualquer um usar
FlatIcon - Banco de ícones vetoriais
Flickr - Rede social de fotógrafos
FreeImages - Banco de imagens gratuitas
FreePik Stories - Banco de ilustrações gratuitas
Freerange - Banco de imagens gratuitas
Glaze - Banco de ilustrações, sem direitos autorais
Gratisography - Banco de imagens gratuitas
Humaaans - Ilustrações de humanóides
Icons8 - Ícones em diversos estilos
Imgur - Plataforma com milhões de imagens
IraDesign - Ilustrações editáveis de cores e objetos
Life of Pix - Banco de imagens gratuitas
Little Visuals - Banco de imagens gratuitas
Lorempixel - Banco de imagens para uso como template
Lukas Zadam - Ilustrações SVG em diferentes tamanhos e estilos
ManyPixels - Galeria de ilustrações com direito a edição de cores
Morguefile - Banco de imagens gratuitas
Nappy - Banco de imagens gratuitas (atribuição recomendada)
Nos.twnsnd - Arquivo público de fotos antigas
OpenMoji - Banco de emojis para uso
Pexels - Banco de imagens gratuitas
PhotoPin - Banco de imagens gratuitas no estilo criativo
Picjumbo - Banco de imagens gratuitas
Picsum - Banco de imagens para uso como template
Pixabay - Banco de imagens gratuitas (não requer atribuição)
Public domain archive - Banco de imagens gratuitas
RemixIcon - Banco de Ícones para uso gratuito
StockSnap - Banco de imagens gratuitas (não requer atribuição)
unDraw - Ilustrações livres para usar
Unsplash - Banco de imagens gratuitas
Visual Hunt - Banco de imagens gratuitas
Wikimedia Commons - Banco de imagens mundial

👔 Aumentando o network

Guia Dev Brasil - Guia Dev Brasil
APDA - Associação de Programadores Depressivos Anônimos
Comunidade CodigoPraTodos - Comunidade CodigoPraTodos no Discord e Forum
Comunidade ColabCode - Comunidade ColabCode no Discord
Comunidade Código Falado - Comunidade do Código Falado no Discord
Comunidade PerifaCode - Comunidade PerifaCode
Comunidade Rocketseat - Comunidade Rocketseat no Discord
Dev.to - Rede social para desenvolvedores
GitHub Community Forum - Comunidade de desenvolvedores do GitHub
Grupos no Telegram - Lista de grupos de tecnologia no Telegram
Tecnogrupo - Grupo de Tecnologia do Tecnoblog

🎠 Sites para baixar e encontrar fontes

🧵 Sites de paletas de cores

🎇 Lista de ilustrações

🎆 Sites de icones

🎥 Canais do youtube com conteúdo gratuito

Alura - Uns camaradas legais que abordam os mais variados temas do mundo da tecnologia
CódigoFonteTV - Leon e Nilce da programação
Android Developers - Canal oficial da comunidade de desenvolvedores do Android
CodeShow - Canal sobre Python e Rust
CodigoPraTodos - Canal com lives de resolução de exercícios do CS50 e mais dicas de programação
Cod3r Cursos - Canal com aulas e cursos gratuitos sobre diversas tecnlogias
CollabCode - Lives insanas sobre JS, front-end, etc
Torne-se um Programador - Danilo Aparecido - Canal com + de 500 aulas e dicas sobre programação e negócios com programação.
Daniel Donda - Canal sobre administração de redes, carreiras e certificação, hacking, segurança da informação
Dev Samurai - Canal sobre tecnologia e comunidade de desenvolvedores
DevMedia - Canal de um dos maiores portais sobre programação do Brasil
DevSuperior - Canal para estudantes e profissionais iniciantes
Diolinux - Canal sobre o mundo Unix e outras tecnologias
Erick Wendel - Canal com conteúdos inéditos e exclusivos sobre Node.js, Javascript
EspecializaTI - Cursos gratuitos sobre PHP, Laravel, Linux e HTML+CSS
Fabio Akita - Canal sobre tecnologia e desenvolvimento
Facebook Developers - Canal oficial da comunidade de desenvolvedores do Facebook
Felipe Deschamps - Desenvolvedor da Pagar.me e criador de robôs com inteligencia artificial
Felipe Elia - Canal sobre programação para Web com foco em WordPress
Filho da nuvem - Canal sobre desenvolvimento de testes automatizados, GitHub, PHP, Golang e outras linguagens
Flutterando - Canal sobre desenvolvimento de interface com Flutter
Fábrica de Noobs - Canal com intruduções a conceitos básicos dentro da computação
Gabriel Pato - Canal sobre tecnologia e hacking
Google Developers - Canal oficial da comunidade de desenvolvedores da Google
Guia do Programador - Canal de cursos de NodeJS gratuitos
Guru da Ciência - Canal sobre tecnologia e ciências
One Bit Code - Canal com aulas de React e Ruby
O Irmão mais Velho - Aprenda UX/UI, Web e Mobile e desenvolva o seu mindset
ProgramadorBR - Programador brasileiro com atual residência no Canadá
Programação Dinâmica - Canal sobre Python, Ciencias de Dados, Machine learning e Inteligência Artificial
Rocketseat - Projeto de ensino gratuito sobre as tecnologias mais quentes do mercado
Rodrigo Branas - Canal sobre desenvolvimento web com foco em JavaScript
Roger Melo - Canal com aula e dicas de JavaScript puro
TekZoom - Canal raíz sobre tecnologia do YouTube
Universo Programado - Canal sobre lógica por trás do desenvolvimento de inteligências artificiais
Vinícius Thiengo - Canal com aulas de desenvolvimento android e técnicas de código limpo
Zero Bugs - Canal sobre desenvolvimento web com PHP e JavaScript
Balta.io - Canal explicando uma ferramenta completa para auxiliar você em seu caminho para se tornar um desenvolvedor de respeito, - om mais de 80 cursos direcionados
CodAffection - Este canal tem como objetivo ensinar e inspirar desenvolvedores a criar aplicativos
Codedamn - Canal sobre programação e tecnologia no geral
EspecializaTi - Canal de cursos Online de Desenvolvimento Web
Jose Carlos Macoratti - Vídeo Aulas sobre a plataforma .NET e tecnologias web: C# , VB .NET , ASP .NET , ASP .NET MVC, ASP .NET Core, Entity Framework, Xamarin Forms, Xamarin Android, Angular, ADO .NET , SQL, Node, etc
Michelli Brito - Canal sobre conteúdos de programação, arquitetura de software e carreira em TI
The Net Ninja - Habilidades de desenvolvimento web. Mais de 1000 tutoriais de programação gratuitos sobre
Vinícius Thiengo - Vídeos tutoriais sobre desenvolvimento Android e técnicas de código limpo
Traversy Media - Traversy Media apresenta os melhores tutoriais de desenvolvimento e programação da web on-line para todas as tecnologias da web mais recentes
Mango - Cursos avançados completos utilizando Clean Architecture, TDD, SOLID principles e design patterns
Academind - Cursos e tutoriais que ensinam tudo relacionado ao desenvolvimento web
Simon Grimm - Tutoriais Ionic semanalmente com dicas e truques para melhorar seus aplicativos híbridos!
freeCodeCamp.org - Aprenda a codificar gratuitamente.
Igor Remas - Desenvolvimento Web
Santos Enoque - Ensinar as pessoas a construir softwares do mundo real e garantir que elas tenham habilidades que são realmente necessárias no mercado
Raja Yogan - Fornecendo tutoriais de tecnologia de qualidade para todos.
DesignCourse - Tutoriais sobre UI / UX, Frontend Dev, Backend Dev, Design gráfico e muito mais!
London App Brewery - Ensinam desenvolvimento Web para iniciantes, como fazer aplicativos iOS, Flutter e Android, bem como ciência de dados
EDMT Dev - Tutoriais para code e hacking
Curso em Vídeo - Cursos em vídeo-aulas totalmente gratuitos, criados pelo Professor Gustavo Guanabara
Thizer Aplicativos - Tecnologia no Geral
Loiane Groner - Canal com aulas gratuitas sobre Java, Sencha (Ext JS), JavaScript, Angular e desenvolvimento mobile com Cordova e Ionic.
Canal dotNET - Canal sobre .NET C#
Protocolo Alterado - Conteúdos sobre Programação e Desenvolvimento Web por Beto Muniz.
Dev Soutinho - Conteúdos sobre Programação por Mario Souto
Simplificando TI - Conteúdo de TI no geral
Vida de Programador - Conteúdo sobre tecnologia e programação
ProfessorRamos - Conteúdo de informática e afins
Professor José de Assis - Arduino com foco em robótica educacional, Programação Linguagem C, Java e desenvolvimento WEB, Linux com foco em servidores de rede
zer01ti - Novidades da tecnológica
Rafaella Ballerini - Experiência no mundo tech e dicas sobre como se encaixar na área.
Tech Primers - TechPrimers é um canal educacional para fornecer insights sobre implementações de tecnologia
DevDojo - Tutoriais sobre programação, playlist, e conteúdo sobre a área de informática
Descompila - Vídeo-aulas de programação objetivas
Ka Solution Oficial - Nesse canal, vamos abordar temas referente ao mercado de tecnologia e dar excelentes dicas de carreira.
UnicornCoder - Videos de programação e cursos
TekZoom - Reinaldo Silotto - Compartilhar conteúdos sobre tecnologia, programação, gadgets e dispositivos móveis, como smartphones e tablets.
Bonieky Lacerda - Cursos de programação
Programador BR - Programação, carreira e empreendedorismo
ZUP - Canal sobre tecnologia
Beer and Code - Faça seu futuro com as tecnologias mais utilizadas nas Startups de sucesso.
Attekita Dev - Engenheira de software entusiasta em UX, com mais de mais de 20 aplicativos publicados na App Store
Web Dev Simplified - Web Dev Simplified tem tudo a ver com o ensino de habilidades e técnicas de desenvolvimento web de maneira eficiente e prática
Escola Front-end - Conteúdo sobre Front-end
Programe seu futuro - Programação, Algoritmos e Lógica de Programação
CFBCursos - Canal de cursos/aulas de informática que disponibiliza conteúdo de qualidade e gratuito
Coding Snow - Coding Snow é um canal para design e desenvolvimento criativo da Web, designs de front-end, designs de interface do usuário, Web design responsivo e designs de back-end usando HTML, CSS, Javascript / JQuery, PHP, MYSQL
Pessonizando - Canal fala sobre Programação, Teste de Software, Carreira em Computação e como é viver e trabalhar com TI na EUROPA.
Lama Dev - Tutoriais de desenvolvimento da Web para todos. Aprenda JavaScript, React.js, Node.js e encontre inspiração para HTML, CSS e web design com Lama e torne-se um desenvolvedor web.
Pisani da Arch - É um canal com conteúdos voltados para Arquitetura de Solução, onde o objetivo é ajudar a comunidade de Devs e Archs a projetarem soluções com os melhores padrões do mercado.
Nick Chapsas - Canal de um engenheiro de software de Londres com tutoriais e dicas de ferramentas Microsoft (ASPNET Core, C#, etc)
Tiago Aguiar - Canal de um desenvolvedor mobile com experiência em Android & IOS.

🔓 Pentest

Beef-Project - Framework de exploração de browser
Capture The Flag - CTF - Desafios reais de hacking, desenvolvido por especialistas brasileiros
HackTheBox - Site com laboratórios para praticar pentest de forma gratuita e legal
HStrike - Ferramentas de pentest em nuvem
HTTRack - Browser utility
Maltego - Ambiente open source para análise de redes completa
NMap - Scanner de portas de rede
picoCTF - Jogo gratuito de segurança de computador voltado para alunos do ensino fundamental, médio e iniciantes
SQLMap - Ferramenta de teste de penetração open source que automatiza injeção de SQL

🎙 Blogs e Podcasts

DevNaEstrada - Desenvolvimento web em geral
Dicas de programação: Dicas para
PodProgramar - Focado em programação, notícias e histórias da área
Hipsters.tech - Desenvolvimento de aplicações, design digital, startups e tecnologias em geral
LinuxTips - Linux, DevOps, Docker e T.I
É tudo nuve - Pesquisa
Dev.to - Rede social para desenvolvedores
Playcode - Site com algumas dicas para programação
Codenation
Ambev Tech Talk: Podcast da Ambev sobre tecnologia e cerveja
Coruja de TI - Blog com várias dicas de TI no geral
Cooperati - Site com algumas informações sobre tecnologia
Zup - Blog com informação sobre tecnologia
Boss Level - O Boss Level é um Podcast sobre desenvolvimento, Frontend, Backend e DevOps
Cabeça de Labs - O Cabeça de Lab é o podcast do Luizalabs, o laboratório de inovação e tecnologia do Magalu
Carreira sem Fronteiras - Podcast com brasileiros que vivem e trabalham no exterior
Codigo Aberto - Conversas com os profissionais mais influentes do mercado sobre o futuro
DioCast - Tecnologia geral do canal DioLinux
FalaDev - Podcast da Rocketseat sobre desenvolvimento
Fronteiras da Ciência - Ciência, pseudociências e tudo o mais, feito pelo IFUFGRS
IT Visionaries (em inglês) - Tecnologias quentes e inovação
Lambda3 - Desenvolvimento de software e tecnologia em geral
NerdCast - Tecnologia, ciência e universo POP
Pizza de dados - Ciência de dados e conselhos de carreira
PodProgramar - Focado em programação, notícias e histórias da área
PodTag - Desenvolvimento de software e tecnologia em geral
QuebraDev - Quebrada + tecnologia
Fora da Norma - Podcast da 42SP sobre o universo Tech.
Torne-se um Programador Podcast - Podcast sobre programação e empreendedorismo digital.

💼 Business

BossaBox - Rede de desenvolvedores, designers e gerentes
CodeInterview - Realize entrevistas de emprego com codificação ao vivo
Impulso - Uma rede gratuita para impulsionar o seu crescimento profissional
Rocket.Chat - Chat corporativo open-source e gratuito para equipes

🧭 Web Developer Roadmap

Web Developer Roadmap: Trilha de caminhos para seguir para se tornar um desenvolvedor WEB

🔩 Extensões para o seu navegador

📚 Recomendação de livros

📱 Apps para praticar programação

📘 Sites para treinar projetos front-end

Frontend Mentor - Desafios de Programação Front-end, análise dos resultados feita pela comunidade, sem IDE integrada
Codier - Desafios de Programação Front-end, análise dos resultados feita pela comunidade. IDE integrada
Code Well - Treine suas habilidade de HTML e CSS com alguns templates
DevChallenge - Site com desafios de front-end, back-end e mobile
CodePen Challenges - Desafios de Programação Front-end. IDE integrada
DevChallenges - Site com desafios de Front-end e Fullstack

📗 Sites para treinar projetos back-end

Dev Challenge Back-End - Treine suas habilidades com desafios Back-end

📙 Sites para treinar projetos mobile

Dev Challenge Mobile - Treine suas habilidades com desafios Mobile

🛖 Ideias para projeto

App Ideas - Compilado de desafios para você testar seus conhecimentos e aumentar seu portfólio
What to Code - Compilado de desafio e ideias para você praticar seus códigos e aumentar seu portfólio

🦓 Cursos de Java

🐴 Cursos de JavaScript

🦄 Cursos de HTML e CSS

🐍 Cursos de Python

🐘 Cursos de PHP

🦚 Cursos de C#

🦉 Cursos de C

🐸 Cursos de C++

🐶 Cursos de Kotlin

🐋 Cursos de Swift

🐺 Cursos de Go

🐦 Cursos de Ruby

🐷 Cursos de React

🐼 Cursos de React Native

🐯 Cursos de Angular

🐞 Cursos de Vue

🦂 Cursos de Svelte

🦞 Cursos de Flutter

🐹 Cursos de jQuery

🐢 Cursos de Less

🐱 Cursos de Sass

🐰 Cursos de Bootstrap

🐮 Cursos de Git e Github

Listar conteúdo do diretório

  $ ls

Voltar um diretório

CD:

$ cd ..

Ver o que tem dentro da pasta folder

$ dir ~/folder

$ tree ~/folder

Criar novos diretórios/pastas

$ mkdir nome_da_pasta

Verifica o status do repositório

$ git status

Trackear o que não foi trackeado, inserir tudo

$ git add -A

Para commitar

$ git commit -m "menssagem" 

# -- Ou

$ git commit -am "mensagem"

Diferença do commit -m para o git commit -am

Lista de commits

$ git log

Removendo commits soft(mantendo) ou hard(removendo)

$ git reset --soft 

# -- Ou

$ git reset --mixed 

# -- Ou

$ git reset--hard

Alterar estado dos arquivos no commit

$ git checkout (Mudar a branch atual) 



#-- retroceder até a posição --

$ git checkout HEAD -- "diff" nome_do_arquivo

Checar o que houve nas alterações

$ git diff  

$ git diff --name-only 

#-- vê apenas a alteração feita naquele arquivo --

$ git diff nome_do_arquivo

Atualiza repositorio remoto

$ git push origin <link>

Atualiza repositório local

$ git pull origin <link>

Clone do repositório remoto na máquina local

$ git clone <link>

Configurações iniciais do Git

Baixando e instalando o Git

Site para instalar o Git

Configura nome de usuário:

$ git config --global user.name

Configura email de usuário:

$ git config --global user.email [email protected]

Inicializando um repositório

Inicializa o versionamento no respectivo diretório:

$ git init

Comandos básicos para sobreviver:

Verificando o status do repositório:

$ git status

Adicionando todos os arquivos para serem commitados:

$ git add . 

#-- ou então --

$ git add -A

Commitando arquivos:

$ git commit -m "inserir um comentário significativo"

Visualizando relatório de commits:

#-- todos os commits  --

$ git log 



#-- exibe log com hash e título do commit --

$ git log --oneline

Adicionando um repositório remoto:

$ git remote add origin https://github.com/GIT_USER/Repository.git

Enviando as modificações para o repositório remoto:

$ git push origin <branch>

Puxando alterações do repositório remoto:

$ git pull origin <branch>

Trabalhando com branches:

$ git checkout -b nome-branch

Aplicando merge em branches:

# -- precisa estar na branch de destino --

$ git merge nome-branch

Visualizando todas as branches existentes no repositório:

$ git branch

Deletando uma branch local:

$ git branch -D nome-branch 

$ git branch -d nome-branch

Deletando uma branch remota:

$ git push origin nome_da_branch

Deletando todas branch que não se encontram no repositório remoto:

$ git branch --merged

$ git branch -r | egrep -v -f /dev/fd/0 < (git branch -vv | grep origin | grep -v "master") | xargs git branch -d

Deletando todos branches no repositório local (exceto a master):

$ git branch | grep -v "master" | xargs git branch -D

joelsonds / guiadevbrasil Goto Github PK

guiadevbrasil's Introduction