Vacalexis
1. Glossário
GUI - Graphical User Interface
CLI - Command Line Interface
2. Convenções de nomes básicas
camelCase - primeiraLetraMinúscula e sempre que muda de palavra usam letra capital para repsentar a mudança de palavra
PascalCase - PrimeiraLetraMaiúsculaESempreQueMudaDePalavraUsamLetraMaiúscula
snake_case - Palavras_são_separadas_por_underscores
kebab-case - palavras-são-separadas-por-hífens
3. Sistemas de numeração
Binário: 0-1
0b10111
Decimal: 0-9
23
Hexadecimal 0-9, A-F
0x17
4. Potências de 2
2^n
0 1 2 4 8 16 32 64 128 256 512 1024 2048 4096 8192 16384
5. Operadores lógicos
&& and
|| or
! not
6. Consola
Linha de comandos, CLI, Terminal, Consola, aquela janela preta com letras brancas pequeninas. Tudo nomes para a mesma coisa.
Têm vídeos sobre isto no curso do Andrei. Secção 14.
cd %d - iniciais de change directory. Muda de diretoria de acordo com o argumento (%d) passado
cd ../ - Salta uma pasta para fora cd ./ - Fica na mesma pasta (não faz nada) cd ./Test - Entra para a pasta Test, dentro da pasta atual, se existir cd ./.. - Salta uma pasta para fora cd Test - Entra para a pasta Text, dentro da pasta atual, se existir cd ../Test - Da esquerda para a direita: Salta uma pasta para fora e DEPOIS entra na pasta Test. É como se executássemos os dois comandos abaixo seguidos: cd ../ cd Test cd C:\Users\User\Desktop - Independentemente de onde estamos no sistema de ficheiros, salta para a pasta Desktop. Foi utilizado um path absoluto. Começa por C://. Um path absoluto pode ser identificado regra geral por começar por C:// ou file:// ou https://, etc.Mais comandos que pessoalmente acho úteis para Windows
cls - limpa a consola
exit - fecha a consola
dir - Mostra o conteúdo da diretoria atual
7. Atalhos
Para atalhos combinados (várias teclas) as teclas pressionam-se pela ordem que se lêem e deixam-se premidas até premir todas.
Por exemplo: ctrl+shift+t. Premir o ctrl sem largar. Premir o shift sem largar. Premir o t. Largar todas.
Eu mudei os atalhos do VSCode para serem iguais aos do Webstorm. Instalei esta extensão abaixo.
Intellij IDEA Keybindings for VSCode
Atalhos para consola
setinha para cima - pressionar para percorrer os últimos comandos utilizados
setinha para baixo - pressionar para percorrer os últimos comandos utilizados
TAB - autocomplete/percorre os vários comandos que podem ser inseridos a partir do que já foi inserido pelo utilizador
ctrl+c - Quando o FOCUS está no teclado, isto é, não selecionaram texto com o rato, interrompe processo ou comando atual.
windows - Abre o "search" do windows. Uso para abrir programas rápido. Por exemplo: Carrego Windows, escrevo o início de notepad até aparecer a aplicação, carrego Enter e baam está aberto o notepad. O mesmo se aplica a sublime, chrome, vscode, etc.
ctrl+w - fecha a tab (funciona nos editores de texto também). Eu uso o ctrl+w para fazer "Expand selection" (ver em baixo) nos editores de texto ao invés de fechar tabs.
ctrl+tab - muda de tab (funciona nos editores de texto também)
ctrl+shift+tab - abre a última tab fechada. Pode repetir-se ad infinitium. (funciona nos editores de texto também)
alt+tab - mudar entre janelas. podem usar as setinhas para navegar entre as janelas ou manter o alt premido e carregar
repetidamente no tab. Quando largam o alt ele abre a janela focada.
alt+f4 - fecha aplicação
Atalhos de editor de texto (VSCode, can't promise it works on Sublime)
ctrl+d - copia linha ou texto focado e depois cola
ctrl+x - copia linha ou texto focado e depois apaga
ctrl+c - copia linha ou texto focado
ctrl+v - cola elementos do clipboard
windows+v - abre clipboard
left, right, up, down refere-se às setinhas do teclado
shift+alt+left e shift+alt+right - Expand selection. Eu configurei o ctrl+w para fazer isto porque estou habituado no WebStorm.
shift+alt+up e shift+alt+down - Mexe a linha focada para cima ou para baixo.
ctrl+s - guarda ficheiro(s)
ctrl+z - undo
ctrl+shift+z - redo (às vezes é o ctrl+y ao invés)
Recursos
Cursos fixes
The Complete Web Developer in 2022: Zero to Mastery - Curso muito completo de Web Development. Bom professor, bons conteúdos e entertaining.
Website otimization and mobile responsiveness
HTML/CSS
CSS Battles - "Jogo" engraçado para pôr em prática as skills HTML/CSS. Há muitos vídeos no youtube de malta a "jogar" isto. Very entertaining. Tanto os vídeos como "jogar". E educativo!
Material Design - Conjunto de guidelines de Design que podem seguir. É apenas um look de muitos. É da Google
CSS Tricks - Recurso muito bom de CSS.
Paletton - Recurso para escolher cores que encaixam bem umas com as outras.