Clon dev blog

18 - BABA da computação & Atalhos e Comandos

Full stack.png
Published on
/5 mins read

Atalhos

VSCode

alt + tab ctrl + shift + T ctrl + espaço ctrl + C ctrl + V ctrl + shift + Z ou ctrl + Y ctrl + F ctrl + shift + F

Ferramentas Essenciais: Navegador, VSCode e Terminal

Para começar a desenvolver, algumas ferramentas são indispensáveis no dia a dia de um programador full stack:

🧭 Navegador
Os navegadores modernos, como Google Chrome, Mozilla Firefox e Microsoft Edge, não são apenas para navegar; eles possuem ferramentas de desenvolvimento integradas (geralmente acessíveis com F12 ou "Inspecionar") que permitem:

Inspecionar e modificar o DOM (estrutura HTML da página). Depurar JavaScript para encontrar e corrigir erros. Monitorar requisições de rede (HTTP/HTTPS) para ver o que está sendo enviado e recebido. Analisar a performance da página e otimizá-la.

🖥️ Visual Studio Code (VSCode)
O VSCode é um editor de código-fonte leve e poderoso, desenvolvido pela Microsoft, que se tornou um padrão na comunidade. Ele oferece suporte a:

Realce de sintaxe para diversas linguagens de programação.(colorir)
Extensões para frameworks e bibliotecas populares (React, Angular, Node.js, etc.).
Integração nativa com sistemas de controle de versão, como Git.
Terminal integrado, permitindo executar comandos sem sair do editor.

Observação: podemos utilizar maquinas virtuais gratuitas ja com essas ferramentas instaladas como Github Codespace

Terminal

O terminal (ou linha de comando, ou prompt de comando) é uma interface de texto que permite interagir diretamente com o sistema operacional. É uma ferramenta fundamental para desenvolvedores, utilizada para:

Navegar entre diretórios e manipular arquivos. Executar scripts e comandos de build. Instalar e gerenciar pacotes de software e bibliotecas. Controlar versões de código com o Git. Comandos básicos para começar:

cd: Navegar entre diretórios (ex: cd meu-projeto). ls (Linux/macOS) ou dir (Windows): Listar arquivos e pastas no diretório atual. mkdir: Criar novos diretórios (ex: mkdir nova-pasta). git: Iniciar e utilizar o sistema de controle de versão Git.

Ferramentas Complementares para Análise e Teste

Além das ferramentas essenciais acima, outras podem auxiliar na análise e teste de requisições e redes:

Postman ou Hoppscotch: Ferramentas poderosas para testar e inspecionar APIs (Application Programming Interfaces). Elas permitem enviar requisições HTTP personalizadas e visualizar as respostas do servidor.

Fiddler ou Wireshark: Ferramentas avançadas para análise de tráfego de rede. São utilizadas para inspecionar pacotes de dados que trafegam pela rede, sendo úteis para depurar problemas de conectividade e segurança.

Comandos

mkdir

touch arquivo.txt

touch pasta/arquivo.md

cd

ls

echo >

clear

DevDepenciasDependencias
typescriptjavascrpit

Tipos de linguagens

Linguagens de baixo nivel: linguagem Assembly e C

Linguagens de alto nivel: Java, Javascript, pythone C++

Programação Estruturada

programção estruturada, um paradigma de programação que visa na melhorar clareza, qualidade e tempode de desenvolvimento

exemplos: seleção: if / then / else repetição: while | for

programação estruturada implementa algoritmos com estruturas sequencias denominada de procedimentos lineares.

POO

Paradigma de programação que visa basea-se no conceitos de “objetos” podem conter dados, atributos e metodos, aproximando de um fluxo coportamentais “reais”.

T

POCSPOCSvalaidação de filas
V.AVALIDAÇÃO DE ARQUITETURA
TOTAL COST OWNERSHIPTCO
C4C
DIAGRAMA DE COMPONENTES DE BAIXO NIVELDRAW.IO /SISGE - ARCHETURE
SERVER SIDES.S
CLIENT SIDEC.L
MODELO DE CAMADAS/MULT CAMADASARQUITETOPADRÃO DE ARQUITETURA
MICRO BATCH
MICRO SERVICO
PEER TO PEER
MODEL VIEW CONTROLLERM.V,C
MULT
ESTILOS ARQUITETURAL
PADRÕES ARQUITETURAS
B.F.F
API
Web serviceWS
fila
cache
conectores
FTP
LATENCIA
TRATAMENTO DE EXEÇÕES
ComponentizaçãoReuso
Micro-ComponentizaçãoReuso
PERFORMACE
SEGURANÇA
ESCALABILIDADE

DIAGRAMA DE COMPONENTES DE BAIXO NIVEL

Modelo client-server
Fonte: ...

Conectores

Melhorar a comunicação entre componenetes

arquiteto de software, tecnologico, sistemas, soulação, corporativo

FERRAMENTAS

SOAP UI = POSTMAN

DOCKER

MINIKUBE = EMULADOR DE KUBERNETS

IDE’s jetbrains

jmeter = test de estres

Ferramentas para diagramas:

https://app.diagrams.net/

https://sparxsystems.com/products/ea/

https://miro.com/

https://nulab.com/

Ferramentas técnicas:

https://www.soapui.org/

https://jmeter.apache.org/

https://www.jetbrains.com/pt-br/

https://www.docker.com/

https://minikube.sigs.k8s.io/docs/start/

Mapas mentais:

https://www.mindmeister.com/

https://xmind.app/

https://www.mindnode.com/

CI & CD:

https://www.jenkins.io/

https://azure.microsoft.com/pt-br/products/devops

https://docs.gitlab.com/ee/ci/

https://circleci.com/