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:
SITES PARA APRENDER OU TREINAR CSS:
https://css-tricks.com/guides/
https://csshell.dev/ (Coleção de erros comuns de CSS e como corrigi-los)
GERADORES DE CSS:
https://9elements.github.io/fancy-border-radius
https://www.bestcssbuttongenerator.com
https://html-css-js.com/css/generator/
SITE PARA BUSCAR VAGAS REMOTAS:
ÓTIMOS SITES PARA DESENVOLVEDORES:
https://url-shortene-r.herokuapp.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 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://drawerrr.com/challenge
https://www.uplabs.com/challenges
FERRAMENTAS PARA HOSPEDAS SEU SITE DE GRAÇA:
SITES PARA INSPIRAR O SEU DESENVOLVIMENTO:
https://namify.tech/?ref=producthunt
https://onepagelove.com/boring-avatars
https://www.bestfolios.com/home
https://httpster.net/2021/jun/
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/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://dicasdeprogramacao.com.br/
https://www.etudonuve.com.br/i/
https://deploy.codenation.com.br/podcasts/home
https://open.spotify.com/show/07cPNODgBHWh2JMkHbZxXG
https://blog.corujadeti.com.br/
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/
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:
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)
Cursos de Java Script
Curso de introdução ao Java script
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)
Curso Aprenda HTML em 1 hora (22 aulas)
Curso completo de CSS3 (22 aulas)
Curso Básico de CSS (12 aulas)
Curso de CSS3 com Sass e Compass (9 aulas)
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)
Curso Completo de PHP (108 aulas)
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)
Curso de Ruby On Rails (49 aulas)
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)
Curso de Angular 2 (56 aulas)
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)
CURSO DE LESS:
Curso de Less (6 aulas)
CURSO DE SASS:
Curso de Sass (18 aulas) "PS O CURSO ESTÁ EM INGLÊS"
CURSO DE BOOTSTRAP:
Curso de Bootstrap (16 aulas)