GUIA EXTENSO DE PROGRAMAÇÃO

SITES PARA ESTUDAR PROGRAMAÇÃO:

ROCKETSEAT: rocketseat.com.br

DIO: digitalinnovati on.one

Curso em video: www.youtube.com/c/CursoemVídeo

Udemy: htt ps://www.udemy.com/

HackerRank: htt ps://www.hackerrank.com/

Hackereath: htt ps://www.hackerearth.com/

Coderbyte: htt ps://coderbyte.com/

Coderchef: htt ps://www.codechef.com/

W3resource: htt ps://www.w3resource.com/

Cousera: htt ps://pt.coursera.org/

Codepen: htt ps://codepen.io/

Codementor: htt ps://www.codementor.io/

FreeCodeCamp: htt ps://www.freecodecamp.org/

GeeksForGeeks: htt ps://www.geeksforgeeks.org/

W3Schools: htt ps://www.w3schools.com/

Khan Academy: htt ps://pt.khanacademy.org/

Udacity: htt ps://www.udacity.com/

Sololearn: htt ps://www.sololearn.com/

EdX: htt ps://www.edx.org/

Treehouse: htt ps://teamtreehouse.com/

Tutorialspoint: htt ps://www.tutorialspoint.com/

SITES PARA APRENDER A PROGRAMAR JOGANDO :

Code Combat: htt ps://br.codecombat.com/

CheckiO: checkio.org

Codewars: codewars.com

Schemaverse: schemaverse.com

Code Monkey: codemonkey.com

CodinGame: codingame.com
SITES PARA DESENVOLVEDOR FRONT-END:

htt ps://textpod3d.web.app  (Cria efeitos de texto 3D)

htt ps://shapedividers.com  (Gera divisores de formas verti cais, responsivos, e

animados facilmente com este gerador de divisores de formas SVG)

htt ps://couleur.io  (Um ferramenta de cores simples para ajudá-lo a encontrar

uma boa paleta de cores para seu projeto da web)

htt ps://bseline.is/tools/css-photo-fi lters/  (36 Belos fi ltros de fotos, com edição

simples e CSS para copiar)

htt ps://uideck.com  (Modelo de página de desti no HTML gratuitos e premium,

temas de bootstrap, modelos de React, modelos de Tailwind, modelos de site
HTML, e kits de interface de usúario)

htt ps://naevner.com  (Descrição de cores em linguagem natural, gerador de

códigos em cores hexadecimais)

TEMPLATES HTML GRATUITOS:

htt ps://bootsstrapmade.com

htt ps://w3layouts.com

htt ps://onepagelove.com

SITES PARA APRENDER OU TREINAR CSS:

htt ps://cssgridgarden.com

htt ps://fl ukeout.github.io

htt ps://fl exboxfroggy.com

htt ps://fl exboxdefense.com

htt ps://100dayscss.com

htt ps://cssbatle.dev

htt ps://css-tricks.com/guides/

htt ps://csshell.dev/  (Coleção de erros comuns de CSS e como corrigi-los)

GERADORES DE CSS:

htt ps://neumorphism.io

htt ps://9elements.github.io/fancy-border-radius

htt ps://waitanimate.wstone.io

htt ps://www.bestcssbutt ongenerator.com

htt ps://html-css-js.com/css/generator/
ÓTIMOS SITES PARA DESENVOLVEDORES:

htt ps://internxt.com/

htt ps://moti on.dev/

htt ps://hokusai.app/

htt ps://url-shortene-r.herokuapp.com/

htt ps://hiddentools.dev

htt ps://devhints.io

htt ps://caiuse.com

htt ps://bundlephobia.com

FERRAMENTAS PARA DEV WEB:

htt ps://www.minimamente.com/project/magic/

htt ps://jonsuh.com/hamburgers/

htt ps://ianlunn.github.io/Hover/

MELHORES DISTROS LINUX PARA PROGRAMADORES:

Pop!_Os

Arch Linux

Debian

Ubuntu

Fedora

Linux Mint

BIBLIOTECAS JAVASCRIPT:

ApexCharts: htt ps://apexcharts.com/

Parti cles.js: htt ps://vincentgarreau.com/parti cles.js/

ScrollMagic: htt ps://scrollmagic.io/
7 FERRAMENTAS PARA 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 colaborati va 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 esti lo de fontes até a
posição dos elementos.

SITES PARA PRATICAR UI/UX:

htt ps://sharpen.design/

htt ps://www.dailyui.co/

htt ps://uxtools.co/challenges

htt ps://drawerrr.com/challenge

htt ps://www.uplabs.com/challenges

FERRAMENTAS PARA HOSPEDAS SEU SITE DE GRAÇA:

htt ps://www.netlify.com/

htt ps://pages.github.com/

htt ps://www.heroku.com/

htt ps://www.awardspace.com/

htt ps://byet.host/

htt ps://vercel.com/

htt ps://infi nityfree.net/

SITES PARA INSPIRAR O SEU DESENVOLVIMENTO:

htt ps://www.producthunt.com/

htt ps://namify.tech/?ref=producthunt

htt ps://dribbble.com/

htt ps://br.pinterest.com/

htt ps://www.deviantart.com/

htt ps://www.lapa.ninja/

htt ps://hyperpixel.io/

htt ps://onepagelove.com/

htt ps://onepagelove.com/boring-avatars

htt ps://land-book.com/

htt ps://www.awwwards.com/

htt ps://www.bestf olios.com/home

htt ps://sitesee.co/

htt ps://htt pster.net/2021/jun/

htt ps://builders-club.com/

htt ps://cssnectar.com/

htt ps://collectui.com

htt ps://bestwebsite.gallery

SITE DE ICONES:

0. DrawKit: htt ps://www.drawkit.io/free-icons/

Eva Icons: htt ps://akveo.github.io/eva-icons/#/

Feather: htt ps://feathericons.com/

Font Awesome: htt ps://fontawesome.com/

Heroicons: htt ps://heroicons.dev/

Iconsvg: htt ps://iconsvg.xyz/

Icons8: htt ps://icons8.com/line-awesome/

Shape: htt ps://shape.so/

Flati con: htt ps://www.fl ati con.com/br/

Bootstrap icons: htt ps://icons.getbootstrap.com/

LISTA DE ILUSTRAÇÕES:

0. DrawKit: htt ps://www.drawkit.io/

Humaaans: htt ps://www.humaaans.com/

Open Doodle: htt ps://www.opendoodles.com/

Storyset: htt ps://storyset.com/

unDraw: htt ps://undraw.co/

404 Illustrati ons (by kapwing): htt ps://www.kapwing.com/404-illustrati ons/

404 Illustrati ons: htt ps://error404.fun/

Ouch: htt ps://icons8.com.br/illustrati ons/

Delesing: htt ps://delesign.com/free-designs/graphics/

Pixeltru: htt ps://www.pixeltrue.com/free-illustrati ons/

EXTENSÕES PARA O SEU NAVEGADOR:

File Icons for GitHub and GitLab

GoFullPage

Web Developer

React Developer Tools

Window Resizer

WEB DEVELOPER ROADMAP:

htt ps://github.com/kamranahmedse/developer-roadmap

RECOMENDAÇÃO DE LIVROS:

Clean Code - Código Limpo

Refactoring - Refatoração

Clean Archtecture - Arquitertura Limpa

O programador pragmáti co
APPS PARA PRATICAR PROGRAMAÇÃO:

SoloLearn

Pydriod3

Mimo

Dcoder

Codecademy

CANAIS DO YOUTUBE COM CONTEÚDO GRATUITO:

htt ps://youtube.com/c/baltaio

htt ps://youtube.com/c/CodAff ecti on

htt ps://youtube.com/c/codedamn

htt ps://youtube.com/c/Especializati Br

htt ps://youtube.com/channel/UCoqYHkQy8q5nEMv1gkcZgSw

htt ps://youtube.com/c/MichelliBrito

htt ps://youtube.com/c/TheNetNinja

htt ps://youtube.com/c/ThiengoCalopsita

htt ps://youtube.com/c/TraversyMedia

htt ps://youtube.com/c/MangoDeveloper

htt ps://youtube.com/c/RocketSeat

htt ps://youtube.com/c/RodrigoBranas

htt ps://youtube.com/c/Academind

htt ps://youtube.com/user/saimon1924

htt ps://youtube.com/c/AngularFirebase

htt ps://youtube.com/c/Freecodecamp

htt ps://youtube.com/c/MTechViral

htt ps://youtube.com/c/IgorRemas

htt ps://youtube.com/c/SantosEnoque

htt ps://youtube.com/channel/UCjBxAm226XZvgrkO-JyjJgQ

htt ps://youtube.com/c/DesignCourse

htt ps://youtube.com/c/Londonappbrewery

htt ps://youtube.com/c/eddydn71
htt ps://www.youtube.com/user/cursosemvideo

htt ps://youtube.com/c/ThizerAplicati vos

htt ps://youtube.com/c/loianegroner

htt ps://youtube.com/c/CanalDotNET

htt ps://youtube.com/c/ProtocoloAlterado

htt ps://youtube.com/c/DevSouti nho

htt ps://youtube.com/c/FabioAkita1990

htt ps://www.youtube.com/channel/UCwn-9qpyukBnuA3eB-3F0Sg

htt ps://www.youtube.com/c/ProgramadorREAL

htt ps://www.youtube.com/c/professorramos/

htt ps://www.youtube.com/c/Roboti caprati caBr/

htt ps://www.youtube.com/c/zero1ti /

htt ps://www.youtube.com/user/RafaellaBallerini/

htt ps://www.youtube.com/channel/UCB12jjYsYv-eipCvBDcMbXw

htt ps://www.youtube.com/channel/UCjF0OccBT05WxsJb2zNkL4g

htt ps://www.youtube.com/c/Descompila/

htt ps://www.youtube.com/c/UnicornCoder/

htt ps://www.youtube.com/c/KaSoluti onOfi cial/

htt ps://www.youtube.com/c/CanalTekZoom/

htt ps://www.youtube.com/c/BoniekyLacerdaLeal

htt ps://www.youtube.com/c/Programadorbr

htt ps://www.youtube.com/c/ZUPIT/

htt ps://www.youtube.com/c/BeerandCode/

htt ps://www.youtube.com/c/Att ekitaDev/

htt ps://www.youtube.com/c/WebDevSimplifi ed/

htt ps://www.youtube.com/c/Alura/

htt ps://www.youtube.com/c/EscolaFrontend/

htt ps://www.youtube.com/c/Academind/

htt ps://www.youtube.com/c/RodrigoBranas/
BLOGS E PODCASTS:

htt ps://devnaestrada.com.br/

htt ps://dicasdeprogramacao.com.br/

htt ps://podprogramar.com.br/

htt ps://hipsters.tech/

htt ps://www.linuxti ps.io/

htt ps://www.etudonuve.com.br/i/

htt ps://dev.to/

htt ps://deploy.codenati on.com.br/podcasts/home

htt ps://playcode.com.br/

htt ps://open.spoti fy.com/show/07cPNODgBHWh2JMkHbZxXG

htt ps://blog.corujadeti .com.br/

htt ps://cooperati .com.br/

htt ps://www.zup.com.br/blog

SITES PARA TREINAR PROJETOS FRONT-END (MONTAR PORTFOLIO):

htt ps://www.frontendmentor.io/

htt ps://codier.io/

htt ps://codewell.cc/

htt ps://devchallenge.com.br/

htt ps://codepen.io/challenges

SITES PARA TREINAR PROJETOS BACK-END:

htt ps://devchallenge.vercel.app/challenges?type=backend

SITES PARA TREINAR PROJETOS MOBILE:

htt ps://devchallenge.vercel.app/challenges?type=mobile

IDEIAS PARA PROJETO:

htt ps://github.com/fl orinpop17/app-ideas

GIT E GITHUB:

htt ps://github.com/DanielHe4rt/git4noobs

htt ps://github.com/theandersonn/comandos-git

ls (Listar as pastas)

cd .. (voltar um diretório)

CD:

dir / tree /f (ver o que tem dentro da pasta)

mkdir (nome da pasta) - criar novoso diretorios/pastas

git status (Verifi ca o status do repositório)

git add -A (Trackear o que não foi trackeado, inserir tudo)

git commit -m (Para commitar) / git commit -am

htt ps://pt.stackoverfl ow.com/questi ons/344986/diferen%C3%A7a-do-git-commit-

am-e-m

git log (lista de commit)

git reset (--soft / --mixed / --hard)

git checkout (Trocar entre branchs)

git diff (Checar o que houve nas alterações) / git diff --name-only / git diff
//nome do arquivo// (vê apenas a alteração feita naquele arquivo)

git checkout HEAD -- "diff " //nome do arquivo// (retroceder até a posição)

git push origin <link>

git pull origin <link>

git clone <link>

Baixando e instalando o Git

htt ps://git-scm.com/downloads

Confi gura nome de usuário:

git confi g --global user.email  email@email.com.br

Confi gura email de usuário

git confi g --global user.email  email@email.com.br

Inicializando um repositório

Inicializa o versionamento no respecti vo diretório

git init
Comandos básicos para sobreviver

Verifi ca o status do repositório

git status

Adiciona todos os arquivos para serem commitados

git add . / git add -A

Commitando arquivos

git commit -m "inserir um comentário signifi cati vo"

Visualizando relatório de commits

git log // todos os commits

git log --oneline // exibe log com hash e tí tulo do commit

Adicionando um repositório remoto

git remote add origin htt ps://github.com/User/Repository.git

Enviando as modifi cações para o repositório remoto

git push origin <branch>

Puxando alterações do repositório remoto

git pull origin <branch>

Trabalhando com branchs

git checkout -b nome-branch

Aplicando merge em branchs

git merge nome-branch // precisa estar na branch de desti no

Visualizando todas as branches existentes no repositório

git branch

Deletando uma branch local

git branch -D nome-branch

Deletando uma branch remoto

git push origin :nome-branch

TÍTULOS
SITES PARA ESTUDAR PROGRAMAÇÃO: