image

Acesse bootcamps ilimitados e +650 cursos pra sempre

60
%OFF
Article image
Pedro Bruneli
Pedro Bruneli25/04/2022 19:00
Compartilhe

Sites que todo programador deveria saber!

  • #HTML
  • #JavaScript
  • #Java

Aqui neste artigo, abordo alguns sites que pode ajudar na sua jornada de programação, como ferramentas úteis ou material para estudo!

SITES PARA DESENVOLVEDOR FRONT-END:

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

https://shapedividers.com (Gera divisores de formas verticais, responsivos, e animados facilmente com este gerador de divisores de formas SVG)

https://couleur.io (Um ferramenta de cores simples para ajudá-lo a encontrar uma boa paleta de cores para seu projeto da web)

https://bseline.is/tools/css-photo-filters/ (36 Belos filtros de fotos, com edição simples e CSS para copiar)

https://uideck.com (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)

https://naevner.com (Descrição de cores em linguagem natural, gerador de códigos em cores hexadecimais)

SITES PARA APRENDER A PROGRAMAR JOGANDO:

Code Combat: https://br.codecombat.com/

CheckiO: checkio.org

Codewars: codewars.com

Schemaverse: schemaverse.com

Code Monkey: codemonkey.com

CodinGame: codingame.com

TEMPLATES HTML GRATUITOS:

https://bootsstrapmade.com

https://w3layouts.com

https://onepagelove.com

SITES PARA APRENDER OU TREINAR CSS:

https://cssgridgarden.com

https://flukeout.github.io

https://flexboxfroggy.com

https://flexboxdefense.com

https://100dayscss.com

https://cssbatle.dev

https://css-tricks.com/guides/

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

GERADORES DE CSS:

https://neumorphism.io

https://9elements.github.io/fancy-border-radius

https://waitanimate.wstone.io

https://www.bestcssbuttongenerator.com

https://html-css-js.com/css/generator/

SITE PARA BUSCAR VAGAS REMOTAS:

https://remoteok.io

https://hired.com

https://bergamot.io

https://justremote.co

https://workingnomads.co

ÓTIMOS SITES PARA DESENVOLVEDORES:

https://internxt.com/

https://motion.dev/

https://hokusai.app/

https://url-shortene-r.herokuapp.com/

https://hiddentools.dev

https://devhints.io

https://caiuse.com

https://bundlephobia.com

FERRAMENTAS PARA DEV WEB:

https://www.minimamente.com/project/magic/

https://jonsuh.com/hamburgers/

https://ianlunn.github.io/Hover/

MELHORES DISTROS LINUX PARA PROGRAMADORES:

Pop!_Os

Arch Linux

Debian

Ubuntu

Fedora

Linux Mint

BIBLIOTECAS JAVASCRIPT:

ApexCharts: https://apexcharts.com/

Particles.js: https://vincentgarreau.com/particles.js/

ScrollMagic: https://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 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 image 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.

SITES PARA PRATICAR UI/UX:

https://sharpen.design/

https://www.dailyui.co/

https://uxtools.co/challenges

https://drawerrr.com/challenge

https://www.uplabs.com/challenges

FERRAMENTAS PARA HOSPEDAS SEU SITE DE GRAÇA:

https://www.netlify.com/

https://pages.github.com/

https://www.heroku.com/

https://www.awardspace.com/

https://byet.host/

https://vercel.com/

https://infinityfree.net/

SITES PARA INSPIRAR O SEU DESENVOLVIMENTO:

https://www.producthunt.com/

https://namify.tech/?ref=producthunt

https://dribbble.com/

https://br.pinterest.com/

https://www.deviantart.com/

https://www.lapa.ninja/

https://hyperpixel.io/

https://onepagelove.com/

https://onepagelove.com/boring-avatars

https://land-book.com/

https://www.awwwards.com/

https://www.bestfolios.com/home

https://sitesee.co/

https://httpster.net/2021/jun/

https://builders-club.com/

https://cssnectar.com/

https://collectui.com

https://bestwebsite.gallery

SITES PARA BAIXAR E ENCONTRAR FONTES:

0. Adobe Fonts: https://fonts.adobe.com/

1. Google fonts: https://fonts.google.com/

2. Dafont: https://www.dafont.com/pt/

3. NetFontes: https://www.netfontes.com.br/

4. Urbanfonts: https://www.urbanfonts.com/pt/

5. Befonts: https://befonts.com/

6. Fonts space: https://www.fontspace.com/

7. 1001 fonts: https://www.1001fonts.com/

8. Abstract fonts: https://www.abstractfonts.com/

9. Fontget: https://www.fontget.com/

SITE DE DE PALETAS DE CORES:

0. Paletton: https://paletton.com/

1. Adobe Color: https://color.adobe.com/pt/create/color-wheel/

2.Color Hunt: https://colorhunt.co/

3. Happy Hues: https://www.happyhues.co/

4. Coolors: https://coolors.co/

5. Gradient Hunt: https://gradienthunt.com/

6. Flat UI Colors: https://flatuicolors.com/

7. Grabient: https://www.grabient.com/

8. Pigment: https://pigment.shapefactory.co/

9. WebGradient: https://webgradients.com/

LISTA DE ILUSTRAÇÕES:

0. DrawKit: https://www.drawkit.io/

1. Humaaans: https://www.humaaans.com/

2. Open Doodle: https://www.opendoodles.com/

3. Storyset: https://storyset.com/

4. unDraw: https://undraw.co/

5. 404 Illustrations (by kapwing): https://www.kapwing.com/404-illustrations/

6. 404 Illustrations: https://error404.fun/

7. Ouch: https://icons8.com.br/illustrations/

8. Delesing: https://delesign.com/free-designs/graphics/

9. Pixeltru: https://www.pixeltrue.com/free-illustrations/

SITE DE ICONES:

0. DrawKit: https://www.drawkit.io/free-icons/

1. Eva Icons: https://akveo.github.io/eva-icons/#/

2. Feather: https://feathericons.com/

3. Font Awesome: https://fontawesome.com/

4. Heroicons: https://heroicons.dev/

5. Iconsvg: https://iconsvg.xyz/

6. Icons8: https://icons8.com/line-awesome/

7. Shape: https://shape.so/

8. Flaticon: https://www.flaticon.com/br/

9. Bootstrap icons: https://icons.getbootstrap.com/

CANAIS DO YOUTUBE COM CONTEÚDO GRATUITO:

https://youtube.com/c/baltaio

https://youtube.com/c/CodAffection

https://youtube.com/c/codedamn

https://youtube.com/c/EspecializatiBr

https://youtube.com/channel/UCoqYHkQy8q5nEMv1gkcZgSw

https://youtube.com/c/MichelliBrito

https://youtube.com/c/TheNetNinja

https://youtube.com/c/ThiengoCalopsita

https://youtube.com/c/TraversyMedia

https://youtube.com/c/MangoDeveloper

https://youtube.com/c/RocketSeat

https://youtube.com/c/RodrigoBranas

https://youtube.com/c/Academind

https://youtube.com/user/saimon1924

https://youtube.com/c/AngularFirebase

https://youtube.com/c/Freecodecamp

https://youtube.com/c/MTechViral

https://youtube.com/c/IgorRemas

https://youtube.com/c/SantosEnoque

https://youtube.com/channel/UCjBxAm226XZvgrkO-JyjJgQ

https://youtube.com/c/DesignCourse

https://youtube.com/c/Londonappbrewery

https://youtube.com/c/eddydn71

https://www.youtube.com/user/cursosemvideo

https://youtube.com/c/ThizerAplicativos

https://youtube.com/c/loianegroner

https://youtube.com/c/CanalDotNET

https://youtube.com/c/ProtocoloAlterado

https://youtube.com/c/DevSoutinho

https://youtube.com/c/FabioAkita1990

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

https://www.youtube.com/c/ProgramadorREAL

https://www.youtube.com/c/professorramos/

https://www.youtube.com/c/RoboticapraticaBr/

https://www.youtube.com/c/zero1ti/

https://www.youtube.com/user/RafaellaBallerini/

https://www.youtube.com/channel/UCB12jjYsYv-eipCvBDcMbXw

https://www.youtube.com/channel/UCjF0OccBT05WxsJb2zNkL4g

https://www.youtube.com/c/Descompila/

https://www.youtube.com/c/UnicornCoder/

https://www.youtube.com/c/KaSolutionOficial/

https://www.youtube.com/c/CanalTekZoom/

https://www.youtube.com/c/BoniekyLacerdaLeal

https://www.youtube.com/c/Programadorbr

https://www.youtube.com/c/ZUPIT/

https://www.youtube.com/c/BeerandCode/

https://www.youtube.com/c/AttekitaDev/

https://www.youtube.com/c/WebDevSimplified/

https://www.youtube.com/c/Alura/

https://www.youtube.com/c/EscolaFrontend/

https://www.youtube.com/c/Academind/

https://www.youtube.com/c/RodrigoBranas/

BLOGS E PODCASTS:

https://devnaestrada.com.br/

https://dicasdeprogramacao.com.br/

https://podprogramar.com.br/

https://hipsters.tech/

https://www.linuxtips.io/

https://www.etudonuve.com.br/i/

https://dev.to/

https://deploy.codenation.com.br/podcasts/home

https://playcode.com.br/

https://open.spotify.com/show/07cPNODgBHWh2JMkHbZxXG

https://blog.corujadeti.com.br/

https://cooperati.com.br/

https://www.zup.com.br/blog

WEB DEVELOPER ROADMAP:

https://github.com/kamranahmedse/developer-roadmap

EXTENSÕES PARA O SEU NAVEGADOR:

File Icons for GitHub and GitLab

GoFullPage

Web Developer

React Developer Tools

Window Resizer

RECOMENDAÇÃO DE LIVROS:

Clean Code - Código Limpo

Refactoring - Refatoração

Clean Archtecture - Arquitertura Limpa

O programador pragmático

APPS PARA PRATICAR PROGRAMAÇÃO:

SoloLearn

Pydriod3

Mimo

Dcoder

Codecademy

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

https://www.frontendmentor.io/

https://codier.io/

https://codewell.cc/

https://devchallenge.com.br/

https://codepen.io/challenges

SITES PARA TREINAR PROJETOS BACK-END:

https://devchallenge.vercel.app/challenges?type=backend

SITES PARA TREINAR PROJETOS MOBILE:

https://devchallenge.vercel.app/challenges?type=mobile

IDEIAS PARA PROJETO:

https://github.com/florinpop17/app-ideas

CURSOS DE JAVA:

Java Tutorial for Beginners:

https://www.youtube.com/watch?v=eIrMbAQSU34

Maratona Java:

https://youtu.be/VKjFuX91G5Q

Learn Java 8 Full Course in 9 Hours:

https://www.youtube.com/watch?v=grEKMHGYyns

Java Programming:

https://www.youtube.com/playlist...

Frameworks de Java:

https://www.codigofonte.com.br/.../os-dez-melhores...

Java Full Course:

https://www.youtube.com/watch?v=xk4_1vDrzzo

Curso de Java

https://youtube.com/playlist...

Curso de Java

https://youtube.com/playlist...

Curso de Java

https://youtube.com/playlist...

CURSO DE JAVA SCRIPT:

Curso completo de Javascript (46 aulas)

https://goo.gl/zfjfkQ

Cursos de Java Script

Curso de introdução ao Java script

https://youtu.be/i6Oi-YtXnAU

Curso Java script básico

https://youtube.com/playlist...

Curso Java Script

https://youtube.com/playlist...

Att Java Script

https://www.rodrigobrito.dev.br/.../js-0701-javascript...

https://www.youtube.com/watch?v=8GPPJpiLqHk

https://www.youtube.com/watch?v=dtKciwk_si4

Cursos de JavaScript em inglês:

https://www.youtube.com/playlist...

https://www.youtube.com/watch?v=PkZNo7MFNFg

https://www.youtube.com/watch?v=jS4aFq5-91M

https://www.youtube.com/watch?v=EfAl9bwzVZk

Faça 15 Projetos em JavaScript (Inglês):

https://www.youtube.com/watch?v=3PHXvlpOkf4

Playlist de projetos de JS:

https://www.youtube.com/playlist...

CURSO DE HTML & CSS:

https://www.youtube.com/watch?v=Ejkb_YpuHWs...

https://app.rocketseat.com.br/node/o-guia-estelar-de-html

https://github.com/gustavoguanabara/html-css

Parte1

https://youtube.com/playlist...

Parte2

https://youtube.com/playlist...

HTML 5

Curso HTML 5

https://youtube.com/playlist...

Curso HTML 5

https://youtube.com/playlist...

CSS3

Curso de CSS3

https://youtube.com/playlist...

Curso de CSS3

https://youtube.com/playlist...

Curso Completo de HTML5 (42 aulas)

https://goo.gl/SD4p4g

Curso Aprenda HTML em 1 hora (22 aulas)

https://goo.gl/1kfBCZ

Curso completo de CSS3 (22 aulas)

https://goo.gl/ebjzVG

Curso Básico de CSS (12 aulas)

Curso de CSS3 com Sass e Compass (9 aulas)

https://goo.gl/bAO0hE

https://www.youtube.com/playlist...

https://www.youtube.com/watch?v=FRhM6sMOTfg...

Inglês:

https://www.youtube.com/watch?v=Rz-rey4Q1bw&t=10659s

Playlist de prática de HTML & CSS:

https://www.youtube.com/playlist...

https://www.youtube.com/playlist...

https://www.youtube.com/watch?v=ZFQkb26UD1Y

CURSO DE PYTHON:

Curso Python

https://youtube.com/playlist...

Curso Python

https://youtube.com/playlist...

PYTHON 3 COMPLETO

https://drive.google.com/.../1BUvlgtXlmtem80HkPIStXjC5c9T...

https://www.youtube.com/watch?v=S9uPNppGsGo...

https://www.youtube.com/watch?v=nIHq1MtJaKs...

https://solyd.com.br/treinamentos/python-basico/...

https://www.youtube.com/watch?v=XKHEtdqhLK8

Playlist e videos de python:

https://www.youtube.com/watch?v=_uQrJ0TkZlc

https://www.youtube.com/watch?v=rfscVS0vtbw

https://www.youtube.com/watch?v=8DvywoWv6fI

https://www.youtube.com/playlist...

https://www.youtube.com/watch?v=t8pPdKYpowI

https://www.youtube.com/playlist...

CURSO DE PHP:

Curso de PHP

https://youtube.com/playlist...

Curso de PHP

https://youtube.com/playlist...

Curso Básico de PHP (20 aulas)

https://goo.gl/wLra9o

Curso Completo de PHP (108 aulas)

https://goo.gl/1th6ok

CURSO DE C#:

Curso de c#

https://youtube.com/playlist...

CURSO DE C:

Curso de c

https://youtube.com/playlist...

https://www.youtube.com/playlist...

https://www.youtube.com/playlist...

https://www.youtube.com/playlist?list=PLD28639E2FFC4B86A

https://www.youtube.com/playlist?list=PL78280D6BE6F05D34

https://www.youtube.com/playlist...

https://www.youtube.com/playlist...

https://www.youtube.com/playlist...

https://www.youtube.com/playlist...

https://www.youtube.com/playlist...

https://www.youtube.com/playlist...

https://www.youtube.com/playlist...

https://www.youtube.com/playlist...

https://www.youtube.com/playlist...

https://www.youtube.com/playlist...

CURSO C++

Curso de c++

https://youtube.com/playlist...

Outro curso de C++:

https://youtube.com/playlist...

https://www.inf.ufpr.br/ci208/NotasAula.pdf

guia de c++

CURSO DE KOTLIN:

Curso de Kotlin:

https://youtube.com/playlist...

https://www.youtube.com/playlist...

https://www.youtube.com/playlist...

https://www.youtube.com/playlist...

https://www.youtube.com/playlist...

https://www.youtube.com/playlist...

https://www.youtube.com/playlist...

https://www.youtube.com/playlist...

https://www.youtube.com/playlist...

https://www.youtube.com/playlist...

https://www.youtube.com/playlist...

https://www.youtube.com/playlist...

https://www.youtube.com/playlist...

https://www.youtube.com/playlist...

https://www.youtube.com/playlist...

https://www.youtube.com/playlist...

https://www.youtube.com/watch?v=r_6Ku38sA-c&t=11746s

https://cursos.alura.com.br/.../fundamentos-android-kotlin

https://play.kotlinlang.org/.../Data%20classes/Task.kt

CURSO DE SWIFT:

https://www.youtube.com/playlist...

https://www.youtube.com/playlist...

https://www.youtube.com/playlist...

CURSO DE GO (GOLANG):

Curso de GO:

https://youtube.com/playlist...

CURSO DE RUBY:

Curso de Ruby (15 aulas)

https://goo.gl/LcHcn4

Curso de Ruby On Rails (49 aulas)

https://goo.gl/4oXEAP

Introdução ao Ruby

https://youtube.com/playlist...

Curso de Ruby

https://youtube.com/playlist...

Curso de Ruby On-Rails

https://youtube.com/playlist...

Curso de Ruby On-Rails

https://youtube.com/playlist...

CURSO DE REACT:

Curso de react js:

https://youtube.com/playlist...

https://www.alura.com.br/imersao-react/aula01-react-alurakut

https://www.youtube.com/watch?v=sZ0bZGfg_m4

https://www.youtube.com/watch?v=JZQ8m08cbF0

CURSO DE ANGULAR:

Curso de Angular (17 aulas)

https://goo.gl/6rT9ZC

Curso de Angular 2 (56 aulas)

https://goo.gl/mxPqRt

Playlist:

https://youtube.com/playlist...

CURSO DE VUE:

https://revue-draggable.vercel.app/ uma library que me ajuda muito

https://github.com/kyvg/vue3-notification

CURSO DE JQUERY:

Curso Completo de jQuery (56 aulas)

https://goo.gl/tHdIZ7

CURSO DE LESS:

Curso de Less (6 aulas)

https://goo.gl/Y5UkLQ

CURSO DE SASS:

Curso de Sass (18 aulas) "PS O CURSO ESTÁ EM INGLÊS"

https://goo.gl/DzRv1e

CURSO DE BOOTSTRAP:

Curso de Bootstrap (16 aulas)

https://goo.gl/xFDOxT

GIT E GITHUB:

https://github.com/DanielHe4rt/git4noobs

https://github.com/theandersonn/comandos-git

Compartilhe
Comentários (24)

AB

Amador Bonifáçio - 02/05/2022 04:21

Show

Joab Júnior
Joab Júnior - 01/05/2022 18:18

Obrigado por compartilhar, vlw muito!.

Leandro Souza
Leandro Souza - 30/04/2022 11:12

Maravilha!!!

Brunno Sousa
Brunno Sousa - 29/04/2022 23:29

Belíssimo material, obrigado.

Igor Santos
Igor Santos - 29/04/2022 22:23

Mandou bem dms!

Katherine Martins
Katherine Martins - 29/04/2022 17:55

Essa é a melhor coisa que li em toda a minha vida!

MATEUS OLIVEIRA
MATEUS OLIVEIRA - 29/04/2022 16:12

Show demais!!! Amei as dicas

DF

Domingos Ferreira - 28/04/2022 21:49

Excelente artigo Pedro e muita boas dicas.

Erika Santos
Erika Santos - 28/04/2022 15:40

Parabéns e muito obrigada! Já estou seguindo a publicação.

Alessandro Rocha
Alessandro Rocha - 28/04/2022 15:04

Excelente!

Obrigado por compartilhar

Pedro Bruneli
Pedro Bruneli - 27/04/2022 21:06

Infelizmente não possuo lista de extensões do vscode, inclusive estava querendo...

W

William - 25/04/2022 19:12

nao consigo clicar nos links pelo app. fells bad

Ismael Brito
Ismael Brito - 25/04/2022 19:24

Show!!!


André Alves
André Alves - 25/04/2022 20:35

Excelente!

SJ

Sidnei Junior - 25/04/2022 21:42

Show demais já dei um jeito de salvar aqui.

Weverton Santos
Weverton Santos - 26/04/2022 10:42

Não sei nem como agradecer…

Michael Santos
Michael Santos - 27/04/2022 01:10

Muito bom!

HERBERT EMIDIO
HERBERT EMIDIO - 27/04/2022 07:01

Muito bom, mano"

Esabela Lellis
Esabela Lellis - 27/04/2022 10:22

Caraca, quanta coisa. Obrigada por compartilhar. Ahh, você tem uma lista de extensões para o VS CoDe ?

Christiane Gozza
Christiane Gozza - 27/04/2022 14:07

Muito obrigada pela sua contribuição, adorei o material 🧩🧩

Kelly Thaiane
Kelly Thaiane - 03/05/2022 14:06

Obrigada por compartilhar com a gente! Conteúdo maravilhoso!

Izabela Libarino
Izabela Libarino - 02/05/2022 16:25

Muito bom, cara!! Valeuzão, dos que eu conheço, que vi na lista, dá pra ver que é uma lista de ouro!

Francyellen Berghauser
Francyellen Berghauser - 30/04/2022 15:40

Obrigada por compartilhar esses links, vão ser bastante úteis. :^D

Luana Queiroz
Luana Queiroz - 26/04/2022 10:14

Vlw!