Skip to content

Latest commit

 

History

History
1394 lines (1246 loc) · 107 KB

README.md

File metadata and controls

1394 lines (1246 loc) · 107 KB

Guia Extenso de Programaçãohttps://github.com/arthurspk/guiadevbrasil

Guia Extenso de Programação

🎯 O guia para alavancar a sua carreira

Abaixo você encontrará conteúdos para te guiar e ajudar a se tornar um desenvolvedor ou se especializar em qualquer área de TI. Caso você já atue como desenvolvedor ou em outra área, confira o repositório para descobrir novas ferramentas para o seu dia-a-dia, caminhos possíveis e as tecnologias para incorporar na sua stack com foco em se tornar um profissional atualizado e diferenciado em front-end, back-end, dentre outras.

Siga nas redes sociais para acompanhar mais conteúdos:

⚠️ 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 seguintes maneiras:

💡 Nossa proposta

A proposta deste guia é dar uma ideia sobre o atual panorama e guiá-lo se você estiver confuso sobre qual será o seu próximo aprendizado, sem influenciar você a seguir os 'hypes' e 'trends' 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 'trends' nem sempre são as melhores opções.

🔰 Para quem está começando agora

Não se assuste com a quantidade de conteúdo apresentado 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 ficar 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. Com IDE integrada
  • Hackereath - Site para desenvolver suas habilidades de código.
  • CoderByte - Desafios de Programação Back-end. Com 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 ps 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
  • Code - Site para estudos de algoritmos com a temática do jogo Minecraft

✨ Templates HTML gratuitos

🪅 Sites para aprender ou treinar CSS

🪡 Geradores de CSS

🔎 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

🖌 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

📁 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
  • Zorin OS - Distribuição Linux Zorin
  • Kubuntu - Distribuição Linux Kubuntu

🔗 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

👔 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 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

💼 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

🔩 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
  • Codelândia - Desafios front-end e back-end

📗 Sites para treinar projetos back-end

📙 Sites para treinar projetos mobile

🛖 Ideias para projeto

  • App Ideas - Compilado de desafios para você testar seus conhecimentos e aumentar seu portfólio
  • What to Code - Compilado de desafios 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

  • Git 4 Noobs

  • Comandos Git

  • Aprenda Git

  • Git School

  • Git Flow Cheatsheet

  • Git cheat sheet

    📝 Necessário para sobrevivencia
    • Site para instalar o Git
    • Configurações iniciais do Git
      git config --global user.name <nome de usuário> # => Configura nome de usuário que marcará os commits
      git config --global user.email <email@email.com.br> # => Configura o email que marcará os commits
    • Inicializando um repositório
      git init
    • Clonar projeto remoto
      git pull <link>
    • Adicionando um repositório remoto
        git remote add origin https://github.com/User/Repository.git
    • Verifica o status do repositório
      git status
    • Trackear o que não foi trackeado, inserir tudo
      git add . #=> Ou -A
    • Realizar Commit
      git commit -m "inserir um comentário significativo" # => Ou -am 
      Diferença entre as flags -m e -am
    • lista de commits
      git log
      #=> ou
      git log --oneline #=> exibe log com hash e título do commit
    • Desfazer alterações
      git reset # => --soft / --mixed / --hard
    • Mudar a branch atual
      git checkout <branch>
      # ou
      git checkout -b <branch> # => Cria e muda para a branch passada
    • Checar o que houve nas alterações
      git diff 
      # ou
      git diff --name-only <SHA1> <SHA2> # Mostra apenas a alteração entre commits especificados por identificador
      git diff --name-only HEAD~<num> HEAD~<num> # ou por contagem
      # ou
      git diff <nome_do.arquivo> # => Mostra apenas a alteração feita naquele arquivo
    • Retroceder até certa posição
      git checkout HEAD -- "diff" <nome_do.arquivo>
    • Envia todos os commits do branch local
      git push <alias> <branch>
    • Baixa o histórico e incorpora as mudanças
      git pull
    • Combina o marcador do branch no branch local
      git merge [marcador]/[branch]
    • Visualizando todas as branches existentes no repositório
      git branch #=> local
      # => ou
      git branch --all #=> local e remoto
    • Deletando Branchs
      # Local
        git branch -D <nome-branch>
        git branch -d <nome-branch>
      # Remoto
        git push origin <:nome-branch>
      
      # 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
      
      # Todas as branches no repositório local (exceto a master)
        git branch | grep -v "master" | xargs git branch -D 

📚 Linha de comando

  • Curso de Terminal Linux - Daniel Berg

  • Curso de Linux Avançado Terminal - Dicas do Guarapa

  • Comandos para o terminal (Windows, macOS e Linux) - Lucas Caton

    📝 Alguns comandos úteis (Linux, MacOs e Powershell/Windows)
    • lista os arquivos presentes no diretório
      ls # => lista do diretorio atual 
      # ou
      dir / tree /f
      # ou
      ls <caminho do diretorio> # => lista do diretorio passado
    • Altera diretório atual
      cd #=> volta para a home
      # ou
      cd <caminho> #=> leva para o caminho passado
    • Remove arquivo
      rm <arquivo>
    • Remove diretório cujo caminho é dado como operando
      rmdir <caminho>
      # => o diretório deve estar vazio, ou seja, antes você tem que remover todos os arquivos do diretório
    • Escreve na tela o conteúdo do arquivo do caminho dado como operando
      cat <arquivo>
    • Escreve na tela o caminho do diretório de trabalho atual
      pwd
    • Lista os comandos já executados
      history
    • Limpa a tela do terminal
      clear # => (clc no Powershell)