GUIA EXTENSO DE PROGRAMAÇÃO

Crédito: https://github.com/arthurspk/

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:

TEMPLATES HTML GRATUITOS:

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:

SITE PARA BUSCAR VAGAS REMOTAS:

ÓTIMOS SITES PARA DESENVOLVEDORES:

FERRAMENTAS PARA DEV WEB:

MELHORES DISTROS LINUX PARA PROGRAMADORES:

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:

FERRAMENTAS PARA HOSPEDAS SEU SITE DE GRAÇA:

SITES PARA INSPIRAR O SEU DESENVOLVIMENTO:

LISTA DE ILUSTRAÇÕES:

DrawKit: https://www.drawkit.io/
Humaaans: https://www.humaaans.com/
Open Doodle: https://www.opendoodles.com/
Storyset: https://storyset.com/
unDraw: https://undraw.co/
404 Illustrations (by kapwing): https://www.kapwing.com/404-illustrations/
404 Illustrations: https://error404.fun/
Ouch: https://icons8.com.br/illustrations/
Delesing: https://delesign.com/free-designs/graphics/
Pixeltru: https://www.pixeltrue.com/free-illustrations/

CANAIS DO YOUTUBE COM CONTEÚDO GRATUITO:

BLOGS E PODCASTS:

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):

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?list=PLBlnK6fEyqRjKA_NuK9mHmlk0dZzuP1P5
Frameworks de Java: https://www.codigofonte.com.br/artigos/os-dez-melhores-frameworks-java-do-mercado
Java Full Course: https://www.youtube.com/watch?v=xk4_1vDrzzo
Curso de Java: https://youtube.com/playlist?list=PLHz_AreHm4dkI2ZdjTwZA4mPMxWTfNSpR
Curso de Java 2: https://youtube.com/playlist?list=PLGxZ4Rq3BOBq0KXHsp5J3PxyFaBIXVs3r
Curso de Java 3: https://youtube.com/playlist?list=PLucm8g_ezqNrQmqtO0qmew8sKXEEcaHvc

CURSO DE JAVA SCRIPT:

Curso completo de Javascript (46 aulas): https://goo.gl/zfjfkQ
Curso de introdução ao Java script: https://youtu.be/i6Oi-YtXnAU
Curso Java script básico: https://youtube.com/playlist?list=PLntvgXM11X6pi7mW0O4ZmfUI1xDSIbmTm
Curso Java Script: https://youtube.com/playlist?list=PLx4x_zx8csUj3IbPQ4_X5jis_SkCol3eC
Att Java Script: https://www.rodrigobrito.dev.br/blog/js-0701-javascript-completo-es6-classes
JavaScript: https://www.youtube.com/watch?v=8GPPJpiLqHk
JavaScript 2: https://www.youtube.com/watch?v=dtKciwk_si4
JavaScript 3: https://www.youtube.com/watch?v=PkZNo7MFNFg
JavaScript 4: https://www.youtube.com/watch?v=jS4aFq5-91M
JavaScript 5: https://www.youtube.com/watch?v=EfAl9bwzVZk
Cursos de JavaScript em inglês: https://www.youtube.com/playlist?list=PLRAV69dS1uWSxUIk5o3vQY2-_VKsOpXLD
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?list=PLajjpPyc2dmbt0KebBvT9VQV8y2R_IO7j

CURSO DE HTML & CSS:

Curso em video: https://github.com/gustavoguanabara/html-css
Curso completo e atual de HTML5 e CSS3 - Módulo 1 de 5: https://www.youtube.com/playlist?list=PLHz_AreHm4dkZ9-atkcmcBaMZdmLHft8n
Curso completo e atual de HTML5 e CSS3 - Módulo 2 de 5: https://www.youtube.com/playlist?list=PLHz_AreHm4dlUpEXkY1AyVLQGcpSgVF8s
Curso completo e atual de HTML5 e CSS3 - Módulo 3 de 5: https://www.youtube.com/playlist?list=PLHz_AreHm4dmcAviDwiGgHbeEJToxbOpZ
Rocketseat HTML: https://app.rocketseat.com.br/node/o-guia-estelar-de-html
HTML 5 Curso 1: https://youtube.com/playlist?list=PLx4x_zx8csUiVHRDO_7qhOaeNrrQ5uU8c
HTML 5 Curso 2: https://youtube.com/playlist?list=PLHz_AreHm4dlAnJ_jJtV29RFxnPHDuk9o
Curso Completo de HTML5 (42 aulas): https://goo.gl/SD4p4g:
Curso Aprenda HTML em 1 hora (22 aulas): https://goo.gl/1kfBCZ
CSS3
Curso de CSS3 1: https://youtube.com/playlist?list=PLwXQLZ3FdTVGf7GUtiOFLc_9AXO25iIzG
Curso de CSS3 2: https://youtube.com/playlist?list=PLx4x_zx8csUi47Bnugpk78nqJN6rYvEnV
Curso de CSS3 3: https://www.youtube.com/playlist?list=PLwXQLZ3FdTVF_HYP5r1oR7vK1_7ZuTU78
Curso de CSS3 4: https://www.youtube.com/watch?v=FRhM6sMOTfg&list=PLwXQLZ3FdTVGf7GUtiOFLc_9AXO25iIzG&ab_channel=NodeStudioTreinamentos
Curso de CSS3 5: https://www.youtube.com/watch?v=Rz-rey4Q1bw&t=10659s Playlist de prática de HTML & CSS:
Curso de CSS3 6: https://www.youtube.com/playlist?list=PLgCTlR71eB4-ZGpajuh01zexg8f9Qd98z
Curso de CSS3 7: https://www.youtube.com/playlist?list=PLai7Iw-TAFJr5IQ83rIo_iSUiWaiXen5G
Curso de CSS3 8: https://www.youtube.com/watch?v=ZFQkb26UD1Y
Curso Aprenda HTML em 1 hora (22 aulas): https://goo.gl/1kfBCZ
Curso completo de CSS3 (22 aulas): https://goo.gl/ebjzVG
Curso de CSS3 com Sass e Compass (9 aulas): https://goo.gl/bAO0hE

CURSO DE PYTHON:

Curso de Python 1: https://youtube.com/playlist?list=PLvE-ZAFRgX8hnECDn1v9HNTI71veL3oW0
Curso de Python 2: https://youtube.com/playlist?list=PLfCKf0-awunOu2WyLe2pSD2fXUo795xRe
Curso de Python 3: https://www.youtube.com/watch?v=XKHEtdqhLK8
Curso de Python 4: https://www.youtube.com/watch?v=_uQrJ0TkZlc
Curso de Python 5: https://www.youtube.com/watch?v=rfscVS0vtbw
Curso de Python 6: https://www.youtube.com/watch?v=8DvywoWv6fI
Curso de Python 7: https://www.youtube.com/playlist?list=PLsyeobzWxl7poL9JTVyndKe62ieoN-MZ3
Curso de Python 8: https://www.youtube.com/watch?v=t8pPdKYpowI
Curso de Python 9: https://www.youtube.com/playlist?list=PLwgFb6VsUj_lQTpQKDtLXKXElQychT_2j
Curso de Python 10: https://solyd.com.br/treinamentos/python-basico/?fbclid=IwAR0WJYyqSTr2E28c2dvqL6HnIfb2DiA1aAB40khxKwFc6L197DfZTK7iQ7k
PYTHON 3 COMPLETO CURSO EM VIDEO:
Curso de Python 3 - Mundo 1: Fundamentos: https://www.youtube.com/playlist?list=PLHz_AreHm4dlKP6QQCekuIPky1CiwmdI6
Curso de Python 3 - Mundo 2: Estruturas de Controle: https://www.youtube.com/playlist?list=PLHz_AreHm4dk_nZHmxxf_J0WRAqy5Czye
Curso de Python 3 - Mundo 3: Estruturas Compostas: https://www.youtube.com/playlist?list=PLHz_AreHm4dksnH2jVTIVNviIMBVYyFnH
Exercícios de Python 3: https://www.youtube.com/playlist?list=PLHz_AreHm4dm6wYOIW20Nyg12TAjmMGT-

CURSO DE PHP:

Curso de PHP 1: https://youtube.com/playlist?list=PLwXQLZ3FdTVEITn849NlfI9BGY-hk1wkq
Curso de PHP 2: https://youtube.com/playlist?list=PLHz_AreHm4dm4beCCCmW4xwpmLf6EHY9k
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?list=PLx4x_zx8csUglgKTmgfVFEhWWBQCasNGi

CURSO DE C:

Curso de C 1: https://youtube.com/playlist?list=PLesCEcYj003SwVdufCQM5FIbrOd0GG1M4
Curso de C 2: https://www.youtube.com/playlist?list=PL_c9BZzLwBRKKqOc9TJz1pP0ASrxLMtp2
Curso de C 3: https://www.youtube.com/playlist?list=PLBlnK6fEyqRggZZgYpPMUxdY1CYkZtARR
Curso de C 4: https://www.youtube.com/playlist?list=PLD28639E2FFC4B86A
Curso de C 5: https://www.youtube.com/playlist?list=PL78280D6BE6F05D34
Curso de C 6: https://www.youtube.com/playlist?list=PLa75BYTPDNKZWYypgOFEsX3H2Mg-SzuLW
Curso de C 7: https://www.youtube.com/playlist?list=PLesCEcYj003SwVdufCQM5FIbrOd0GG1M4
Curso de C 8: https://www.youtube.com/playlist?list=PLGgRtySq3SDMLV8ee7p-rA9y032AU3zT8
Curso de C 9: https://www.youtube.com/playlist?list=PL8iN9FQ7_jt4DJbeQqv--jpTy-2gTA3Cp
Curso de C 10: https://www.youtube.com/playlist?list=PLucm8g_ezqNqzH7SM0XNjsp25AP0MN82R
Curso de C 11: https://www.youtube.com/playlist?list=PLIfZMtpPYFP5qaS2RFQxcNVkmJLGQwyKE
Curso de C 12: https://www.youtube.com/playlist?list=PLxMw67OGLa0kW_TeweK2-9gXRlMLYzC1o
Curso de C 13: https://www.youtube.com/playlist?list=PLZ8dBTV2_5HTGGtrPxDB7zx8J5VMuXdob
Curso de C 14: https://www.youtube.com/playlist?list=PL9PzDKD_B1nNpJxJ9kKFEWtN7Uzk6RpFa
Curso de C 15: https://www.youtube.com/playlist?list=PL21rh82DRnmobAWFir6DxPuTOa82myc8_

CURSO C++

Curso de C++ 1: https://youtube.com/playlist?list=PLx4x_zx8csUjczg1qPHavU1vw1IkBcm40
Curso de C++ 2: https://youtube.com/playlist?list=PLR8Jf69jN0ulqMI8n85Cr2NsoerSF9DF5
Guia de C++ 3:https://www.inf.ufpr.br/ci208/NotasAula.pdf

CURSO DE KOTLIN:

Curso de Kotlin 1: https://youtube.com/playlist?list=PLPs3nlHFeKTr-aDDvUxU971rPSVTyQ6Bn
Curso de Kotlin 2: https://www.youtube.com/playlist?list=PLmcyA-BbqsvJnOZoGNHPMF1dCBq0m6Qzg
Curso de Kotlin 3: https://www.youtube.com/playlist?list=PLM8_o_MDe-LEpabjij2vyHZnxI7Knrxkj
Curso de Kotlin 4: https://www.youtube.com/playlist?list=PLAzlSdU-KYwVlDl-939Vv0_r5XhU7zgX1
Curso de Kotlin 5: https://www.youtube.com/playlist?list=PLM8_o_MDe-LEas_XSKIyaFAp_MS__5j4p
Curso de Kotlin 6: https://www.youtube.com/playlist?list=PLCTD_CpMeEKSjzbsW_zmVNz23GyOVsdbS
Curso de Kotlin 7: https://www.youtube.com/playlist?list=PL8ie04dqq7_M8nfPA9DPiAy7NsoZQpVAf
Curso de Kotlin 8: https://www.youtube.com/playlist?list=PLHZwU4kNI8DXL2ennM5kR8kHm5zwS6hOz
Curso de Kotlin 9: https://www.youtube.com/playlist?list=PLM8_o_MDe-LElQqV-SZtlyGt8l7iz770r
Curso de Kotlin 10: https://www.youtube.com/playlist?list=PLufC_h3b0C2BbBfAB3rZXXkhtRDEuQFcq
Curso de Kotlin 11: https://www.youtube.com/playlist?list=PLDqAb8tE7SQYE7NJqwuku7e1S46MOav6X
Curso de Kotlin 12: https://www.youtube.com/playlist?list=PLkws8CjXqzRkpooBmF4CdSkDIrcTlSFQS
Curso de Kotlin 13: https://www.youtube.com/playlist?list=PLRxQg_wrhrC5K3-7eNuP_1KdN2AqIe3Ie
Curso de Kotlin 14: https://www.youtube.com/playlist?list=PLxcGiBXcK0kblgnLEEC0ZphoG-PRB4x1d
Curso de Kotlin 15: https://www.youtube.com/playlist?list=PLM8_o_MDe-LEu4XrXKjA48dt1d07FPYP1
Curso de Kotlin 16: https://www.youtube.com/playlist?list=PLATOxdAcWIvPbiiK0_mn_LTQyS1FBYdaW
Curso de Kotlin 17: https://www.youtube.com/watch?v=r_6Ku38sA-c&t=11746s
Curso de Kotlin 18: https://cursos.alura.com.br/course/fundamentos-android-kotlin
Curso de Kotlin 19: https://play.kotlinlang.org/koans/Classes/Data%20classes/Task.kt

CURSO DE SWIFT:

Curso de Swift 1: https://www.youtube.com/playlist?list=PLJ0AcghBBWShgIH122uw7H9T9-NIaFpP-
Curso de Swift 2: https://www.youtube.com/playlist?list=PLMdYygf53DP46rneFgJ7Ab6fJPcMvr8gC
Curso de Swift 2: https://www.youtube.com/playlist?list=PLxNM4ef1BpxjjMKpcYSqXI4eY4tZG2csm

CURSO DE GO (GOLANG):

Curso de GO: https://youtube.com/playlist?list=PLCKpcjBB_VlBsxJ9IseNxFllf-UFEXOdg

CURSO DE RUBY:

Introdução ao Ruby On-Rails: https://youtube.com/playlist?list=PLdDT8if5attEOcQGPHLNIfnSFiJHhGDOZ
Curso de Ruby On-Rails 1: https://youtube.com/playlist?list=PLFeyfVYazTkJN6uM5opCfSN_xjxrMybXV
Curso de Ruby On-Rails 2: https://youtube.com/playlist?list=PLe3LRfCs4go-mkvHRMSXEOG-HDbzesyaP
Curso de Ruby On-Rails 3: https://youtube.com/playlist?list=PLEdPHGYbHhldWUFs2Q-jSzXAv3NXh4wu0
Curso de Ruby On-Rails (15 aulas): https://goo.gl/LcHcn4
Curso de Ruby On Rails (49 aulas): https://goo.gl/4oXEAP

CURSO DE REACT:

Curso de React.js 1: https://youtube.com/playlist?list=PLXik_5Br-zO9YVs9bxi7zoQlKq59VPTX1
Curso de React.js 2: https://www.alura.com.br/imersao-react/aula01-react-alurakut
Curso de React.js 3: https://www.youtube.com/watch?v=sZ0bZGfg_m4
Curso de React.js 4: https://www.youtube.com/watch?v=JZQ8m08cbF0

CURSO DE ANGULAR:

Curso de Angular 1: https://www.youtube.com/playlist?list=PLGxZ4Rq3BOBoSRcKWEdQACbUCNWLczg2G
Curso de Angular 2: https://www.youtube.com/playlist?list=PLdPPE0hUkt0rPyAkdhHIIquKbwrGUkvw3
Curso de Angular 3: https://www.youtube.com/playlist?list=PLHlHvK2lnJneQPfbOvUait1MtAoXeYhtL
Curso de Angular 4: https://www.youtube.com/playlist?list=PL4iwH9RF8xHnMnKewOLjDvTHzTmyxJNHF
Curso de Angular 5: https://www.youtube.com/playlist?list=PL8iIphQOyG-DSLV6qWs8wh37o0R_F9Q_Q
Curso de Angular 6: https://www.youtube.com/playlist?list=PLA8Qj9w4RGkVOj-xGYJCHJ0Ob4CMg-8NI
Curso de Angular (17 aulas): https://goo.gl/6rT9ZC
Curso de Angular 2 (56 aulas): https://goo.gl/mxPqRt

CURSO DE VUE:

Uma library que me ajuda muito: https://revue-draggable.vercel.app/
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) /Inglês/: https://goo.gl/DzRv1e

CURSO DE BOOTSTRAP:

Curso de Bootstrap (16 aulas): https://goo.gl/xFDOxT

GIT E GITHUB:

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 (Verifica 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 https://pt.stackoverflow.com/questions/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 git pull origin git clone

Configurações iniciais do Git

Baixando e instalando o Git https://git-scm.com/downloads

Configura nome de usuário: git config --global user.email [email protected]

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

Verifica 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 significativo"

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 https://github.com/User/Repository.git

Enviando as modificações para o repositório remoto git push origin

Puxando alterações do repositório remoto git pull origin

Trabalhando com branchs git checkout -b nome-branch

Aplicando merge em branchs git merge nome-branch // precisa estar na branch de destino

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

Name		Name	Last commit message	Last commit date
Latest commit History 43 Commits
README.md		README.md

hub-xp/dev-guide

Folders and files

Latest commit

History

Repository files navigation