DEV Community: InacioBrw

Js

InacioBrw — Sun, 27 Apr 2025 15:08:07 +0000

Aprenda JavaScript de uma vez por toda!

aqui irei te ensinar do zero até o avançado sobre JavaScript, e que você consiga fazer sozinho suas proprias funções.

Módulo 1 Fundamentos do JavaScript

1. O que é JavaScript?

Javascript é uma linguagem de programação interpretada de alto nivel.
Criada em 1955 por Brendan Eich em apenas 10 dias, loucura né
Inicialmente era usada para fazer apenas paginas Web interativas, mas hoje em dia é usada para até fazer Servidores,Desktop,Mobile,Lot,Inteligencia Artificial

Quer saber uma curiosidade?

Roda no navegador por meio de um "motor" (engine).

Chrome → V8 Engine
Firefox → SpiderMonkey
Safari → JavaScriptCore

Mas como o JavaScript é interpretado?

Não compila o código antes de rodar (como C++ ou Java). O navegador lê linha por linha do seu código, interpreta e executa, os motores modernos fazem JIT Compilation (Just-In-Time) para melhorar a performance.

Trindade da Web:

`HTML: estrutura` (o corpo da página)

`CSS: estilo` (como ela é apresentada)

`JavaScript:` comportamento (o cérebro da página)

Módulo 2 - Tipos de dados e Operadores.

Objetivo: Entender como o JavaScript armazena e manipula as informações.

Tipos Primitivos

String → texto ("Olá")

const nomeCliente = "Gabriel";
console.log(`Bem-vindo de volta, ${nomeCliente}!`);

Usada para exibir mensagens, capturar inputs, nomes de usuários...

Number → números (10, 3.14)

const precoProduto = 249.99;
const desconto = 20;
const precoFinal = precoProduto - desconto;
console.log(`Preço com desconto: R$${precoFinal}`);

Usado para valores de pagamento, idades, contadores, métricas...

Boolean → verdadeiro/falso (true, false)

const isAutenticado = true;

if (isAutenticado) {
  console.log("Redirecionar para o painel do usuário.");
} else {
  console.log("Redirecionar para login.");
}

Controle de fluxo (usuário autenticado? pagamento aprovado? etc)

Null → vazio (null)

let fotoPerfil = null;
// Se o usuário não enviar uma foto, usar imagem padrão
console.log(fotoPerfil ?? "imagem_padrao.png");

Dado que foi intencionalmente definido como “sem valor”.

Undefined → não definido

function exibeMensagem(mensagem) {
  console.log(mensagem);
}

exibeMensagem(); // undefined

Variável declarada mas ainda não atribuída, ou ausência de parâmetro.

Symbol → identificador único

const ROLE_ADMIN = Symbol("admin");
const ROLE_USER = Symbol("user");

const usuario = {
  nome: "Lívia",
  tipo: ROLE_ADMIN
};

console.log(usuario.tipo);

Numa empresa: Sistema de permissões em plataformas corporativas.

BigInt → números inteiros enormes

const numeroGigante = 12345678901234567890123456789012n;
console.log(numeroGigante);

Tipos de Referência:

Object → estrutura chave-valor

const produto = {
  id: 1,
  nome: "Notebook Gamer",
  preco: 6599.90,
  emEstoque: true
};

console.log(produto);

Numa empresa: Cadastro de produtos em marketplace tipo Amazon.

Array → lista ordenada

    const pedidos = [
  { id: 1, produto: "Mouse", quantidade: 2 },
  { id: 2, produto: "Teclado", quantidade: 1 },
];

console.log(pedidos);

Numa empresa: Lista de pedidos no carrinho de compras de um cliente.

Function → blocos de código reutilizáveis

function calcularTotal(preco, quantidade) {
  return preco * quantidade;
}

console.log(calcularTotal(299.99, 3));

Modulo 3 - Variavel, Constantes e Escopos.

Objetivo: Aprender a guardar informações e contolar onde elas vivem.

Var, Let e const

var → Antigo, escopo de função, sofre hoisting (sobe pro topo).

let → Moderno, escopo de bloco.

const → Moderno, escopo de bloco e não pode reatribuir valor.

Exemplo:

{
  let a = 2;
  const b = 3;
  var c = 4;
}
console.log(c); // OK
console.log(a); // ERRO

Hoisting

`JavaScript move declarações para o topo do código antes de executar.`

`var` é "içado", mas `let` e `const` não!

Vou dar exemplos de como eles são usados dentro de uma empresa.

var → (antigo, escopo de função, sofre hoisting)

function exemploVar() {
  var mensagem = "Olá com var";
  console.log(mensagem);
}
exemploVar();

Numa empresa: Código legado, sistemas antigos ainda têm muito var (principalmente antes de 2015).

let → (moderno, escopo de bloco)

function exemploLet() {
  let contador = 0;
  if (true) {
    let contador = 5; // Essa variável só existe aqui dentro
    console.log("Dentro do if:", contador); 
  }
  console.log("Fora do if:", contador);
}
exemploLet();

Numa empresa: Usar let para variáveis que precisam mudar dentro de blocos separados (ex: laços, condições).

const → (moderno, escopo de bloco, valor constante)

function exemploConst() {
  const taxa = 0.15;
  console.log(`Taxa de juros: ${taxa * 100}%`);
}
exemploConst();

Numa empresa: Constantes usadas para valores que não mudam, tipo taxa de impostos, chave de API, configurações fixas.

Exemplo mais prático e real de empresa usando var, let e const juntos:

function checkoutCarrinho(produtos) {
  const taxaEntrega = 15.99;
  let total = 0;

  for (var i = 0; i < produtos.length; i++) {
    total += produtos[i].preco * produtos[i].quantidade;
  }

  total += taxaEntrega;
  return total;
}

const carrinho = [
  { nome: "Teclado", preco: 199.90, quantidade: 1 },
  { nome: "Mouse", preco: 99.90, quantidade: 2 }
];

console.log(`Valor final: R$${checkoutCarrinho(carrinho)}`);

Numa empresa: Função de checkout de compras, somando produtos e entrega.

Agora, sobre ESCOPO:

Escopo de Função

Variáveis declaradas dentro de uma função só existem dentro dela.

function criarUsuario() {
  let nome = "Lucas";
  console.log(nome);
}
criarUsuario();
// console.log(nome); // ERRO: nome is not defined

💡Numa empresa: Dados temporários usados só dentro de processos internos (não vazam para fora).

🔹Escopo de Bloco (if, for, etc)

let e const respeitam blocos {}, var não respeita!

{
  let produto = "Notebook";
  const preco = 4500;
  console.log(produto, preco);
}
// console.log(produto); // ERRO

💡Numa empresa: Protege variáveis locais para não ter conflito de nomes em diferentes partes do sistema.

🔹 Hoisting → "içamento"

Só var sofre hoisting completo, let/const não!

console.log(nome); // undefined (por causa do hoisting)
var nome = "Carlos";

// console.log(preco); // ERRO (não sofre hoisting)
let preco = 300;

Numa empresa: Bugs bizarros em sistemas antigos que misturavam var, let e const → virou uma bagunça, por isso se recomenda usar let/const SEMPRE hoje.

🛠️ Um exemplo realzão de escopo em função de grande sistema:

function processarPedido(pedido) {
  if (!pedido) {
    const erro = "Pedido inválido.";
    return erro;
  }

  let status = "Em processamento";

  if (pedido.valor > 1000) {
    let status = "Pedido de alto valor";
    console.log(status); // "Pedido de alto valor"
  }

  console.log(status); // "Em processamento"
}

const pedidoCliente = { id: 123, valor: 1500 };
processarPedido(pedidoCliente);

💡Numa empresa: Funções grandes que precisam tratar vários cenários sem deixar as variáveis "vazarem" para onde não devem.

📈 Resumo Visual

📚 MÓDULO 4 — Controle de Fluxo em JavaScript

Controle de fluxo = `dizer ao código "o que fazer em cada situação".`

Tipo: "se isso acontecer → faça isso, se não → faça aquilo".

🔹 1. if / else → Condicional padrão

const saldo = 500;

if (saldo >= 100) {
  console.log("Compra aprovada!");
} else {
  console.log("Saldo insuficiente.");
}

💡Numa empresa: Aprovar pagamento se o cliente tiver saldo.

🔹 2. else if → Várias condições diferentes

const nota = 75;

if (nota >= 90) {
  console.log("Aprovado com excelência!");
} else if (nota >= 60) {
  console.log("Aprovado.");
} else {
  console.log("Reprovado.");
}

💡Numa empresa: Avaliação de desempenho de funcionários (tipo metas atingidas).

🔹 3. switch → Muitas opções fixas

const metodoPagamento = "credito";

switch (metodoPagamento) {
  case "debito":
    console.log("Pagamento com débito.");
    break;
  case "credito":
    console.log("Pagamento com crédito.");
    break;
  case "pix":
    console.log("Pagamento com Pix.");
    break;
  default:
    console.log("Método de pagamento inválido.");
}

💡Numa empresa: Processar diferentes formas de pagamento no checkout.

🔹 4. for → Repetição com contador

for (let i = 1; i <= 5; i++) {
  console.log(`Pedido número ${i}`);
}

💡Numa empresa: Gerar número de pedidos, imprimir etiquetas, fazer listagens.

🔹 5. while → Repetição enquanto uma condição for verdadeira

let tentativas = 0;

while (tentativas < 3) {
  console.log(`Tentativa ${tentativas + 1}`);
  tentativas++;
}

💡Numa empresa: Tentativas de login antes de bloquear usuário.

🔹 6. do...while → Executa pelo menos uma vez

let senhaCorreta = false;
let tentativasSenha = 0;

do {
  console.log("Tentando validar senha...");
  tentativasSenha++;
} while (!senhaCorreta && tentativasSenha < 3);

💡 Numa empresa: Garantir que uma verificação de segurança execute pelo menos uma vez.

🔹 7. break → Interromper um loop

for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break;
  }
  console.log(i);
}

💡 Numa empresa: Parar um processo ao atingir um limite (ex: estoque mínimo).

🔹 8. continue → Pula para a próxima repetição

for (let i = 0; i <= 5; i++) {
  if (i === 3) {
    continue;
  }
  console.log(i);
}

💡 Numa empresa: Ignorar produtos indisponíveis em uma lista de pedidos.

🎯 Exemplo Realzão usando tudo junto:

function processarPedidos(pedidos) {
  for (let i = 0; i < pedidos.length; i++) {
    const pedido = pedidos[i];

    if (!pedido.disponivel) {
      console.log(`Pedido ${pedido.id} indisponível, pulando...`);
      continue;
    }

    if (pedido.valor > 1000) {
      console.log(`Pedido ${pedido.id} é de alto valor!`);
    } else {
      console.log(`Processando pedido ${pedido.id} normalmente.`);
    }

    if (i >= 10) {
      console.log("Limite máximo de pedidos processados.");
      break;
    }
  }
}

const listaPedidos = [
  { id: 1, valor: 250, disponivel: true },
  { id: 2, valor: 1200, disponivel: true },
  { id: 3, valor: 400, disponivel: false },
  { id: 4, valor: 100, disponivel: true },
];

processarPedidos(listaPedidos);

💡 Numa empresa: Esse tipo de fluxo seria usado pra processar filas de pedidos num sistema de vendas ou logística.

Modulo 5 - Funções em JavaScript

Objetivo: Modularizar (separar) e reutilizar código em várias partes do programa.

🧩 Tipos de Funções

🔹 1. Funções Declarativas → `function nome()`

function saudacao() {
  console.log("Olá, seja bem-vindo!");
}

saudacao();

💡 Numa empresa: Usar funções para mensagens padrão no app, como "Boas-vindas" ou "Senha inválida".

🔹 2. Expressões de Função → Armazena função numa variável

const somar = function (a, b) {
  return a + b;
};

console.log(somar(5, 3)); // 8

💡 Numa empresa: Guardar funções em variáveis pra depois passar elas como parâmetros (muito usado em eventos ou filtros).

🔹 3. Arrow Functions → Função moderna (mais curta)

const multiplicar = (a, b) => a * b;

console.log(multiplicar(4, 5)); // 20

💡 Numa empresa: Usada direto em APIs, sistemas em React, manipulação rápida de listas (arrays).

🧠 Conceitos Importantes

🔸 `Parameters x Arguments`

Parameters = nomes definidos na criação da função.
Arguments = valores passados quando a função é chamada.

function apresentar(nome) { // parâmetro: nome
  console.log(`Olá, ${nome}!`);
}

apresentar("Lucas"); // argumento: "Lucas"

💡 Numa empresa: Cadastro de novos usuários enviando nome, email, senha via função.

🔸 Escopo de Função

Cada função cria o seu próprio "mundinho" de variáveis.

function testeEscopo() {
  const segredo = "1234";
  console.log(segredo); // OK: dentro da função
}

testeEscopo();
// console.log(segredo); // Erro: fora da função

💡 Numa empresa: Manter dados sensíveis escondidos (ex: tokens de sessão, validações internas).

🔸 Closure (Fechamento de Escopo)

Função lembra do lugar onde foi criada, mesmo depois de ser chamada fora dele.

function criarContador() {
  let contador = 0;

  return function() {
    contador++;
    console.log(contador);
  };
}

const contador1 = criarContador();
contador1(); // 1
contador1(); // 2
contador1(); // 3

💡 Numa empresa: Gerenciar estado interno sem deixar exposto (ex: contador de visitas, tempo de sessão do usuário).

🎯 Exemplo Real com Tudo Junto:

function criarSistemaDeLogin(usuarioCorreto, senhaCorreta) {
  return function(usuario, senha) {
    if (usuario === usuarioCorreto && senha === senhaCorreta) {
      return "Login realizado com sucesso!";
    } else {
      return "Usuário ou senha incorretos.";
    }
  };
}

const login = criarSistemaDeLogin("admin", "1234");

console.log(login("admin", "1234")); // Login realizado com sucesso!
console.log(login("admin", "0000")); // Usuário ou senha incorretos.

💡 Numa empresa: Sistema de autenticação, mantendo a senha protegida dentro da função inicial.`

Resumo Modulo 5

⚡Observação importante:

🔸 Arrow Functions NÃO têm seu próprio this → Isso muda como você usa dentro de classes ou objetos!

🔸losures são MUITO usadas para criar funções "privadas" no JavaScript moderno.

É CRUD NÃO GRUDE

InacioBrw — Wed, 19 Mar 2025 16:50:37 +0000

Afinal, o que é um CRUD?

CRUD nada mais é do que um acrônomo para CREATE, READ, UPDATE, DELETE que representão as quatros operações basicas de um sistema de gestão de dados. Essas operações são essenciais para qualquer aplicação que manipule informação armazenadas em banco de dados.

E para você que não sabe o que é a porra de um ACRÔNOMO, É A JUNÇÃO DAS INICIAIS DAS PALAVRAS

Bom, mas para que serve o CRUD?

CRUD é um conceito fundamental no desenvolvimento de qualquer software, que necessite armazenar e gerenciar dados, ele é para garantir que os dados sejam:

Criados
Lidos
Atualizados e
Deletados

sendo isso feitas de forma organizada e eficiente.

Funcionalidades do CRUD

Criar (CREATE) Essa operação permite inserir de novos registros no banco de dados, como SQL, isso pode ser feito com o comando INSERT:


INSERT INTO usuarios (nome, email) VALUES ('João Silva', 'joao@email.com');

Read (Ler) A leitura dos dados permite recuperar informações armazenadas. Em SQL, utilizamos o comando SELECT:


SELECT * FROM usuarios;

Update (Atualizar) A operação de atualização permite modificar dados existentes. O comando SQL correspondente é UPDATE:


UPDATE usuarios SET email = 'joaosilva@email.com' WHERE nome = 'João Silva';

Delete (Excluir) A exclusão remove registros do banco de dados. Em SQL, usamos o comando DELETE:


DELETE FROM usuarios WHERE nome = 'João Silva';

Como podemos utilizar o CRUD em uma aplicação Web?

CRUD pode ser implementado em diversas tecnologias. Um exemplo em PHP com MySQL seria:

Criando um CRUD em PHP

Conexão com o banco de dados


<?php
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "meubanco";

$conn = new mysqli($servername, $username, $password, $dbname);

if ($conn->connect_error) {
    die("Conexão falhou: " . $conn->connect_error);
}
?>

Criando um novo usuário `(Create)`


<?php
$sql = "INSERT INTO usuarios (nome, email) VALUES ('João Silva', 'joao@email.com')";
if ($conn->query($sql) === TRUE) {
    echo "Usuário criado com sucesso";
} else {
    echo "Erro: " . $conn->error;
}
$conn->close();
?>

Listando usuarios `(READ)`


<?php
$sql = "SELECT * FROM usuarios";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
    while($row = $result->fetch_assoc()) {
        echo "ID: " . $row["id"]. " - Nome: " . $row["nome"]. " - Email: " . $row["email"]. "<br>";
    }
} else {
    echo "Nenhum usuário encontrado";
}
$conn->close();
?>

Atualizando um usuário `(Update)`


<?php
$sql = "UPDATE usuarios SET email='joaosilva@email.com' WHERE nome='João Silva'";
if ($conn->query($sql) === TRUE) {
    echo "Usuário atualizado com sucesso";
} else {
    echo "Erro ao atualizar: " . $conn->error;
}
$conn->close();
?>

Excluindo um usuário `(Delete)`


<?php
$sql = "DELETE FROM usuarios WHERE nome='João Silva'";
if ($conn->query($sql) === TRUE) {
    echo "Usuário deletado com sucesso";
} else {
    echo "Erro ao deletar: " . $conn->error;
}
$conn->close();
?>

Irei fazer com JavaScript


const express = require('express');
const app = express();
app.use(express.json());

let usuarios = [];

// Create
app.post('/usuarios', (req, res) => {
    const usuario = req.body;
    usuarios.push(usuario);
    res.status(201).send('Usuário criado');
});

// Read
app.get('/usuarios', (req, res) => {
    res.json(usuarios);
});

// Update
app.put('/usuarios/:id', (req, res) => {
    const { id } = req.params;
    usuarios[id] = req.body;
    res.send('Usuário atualizado');
});

// Delete
app.delete('/usuarios/:id', (req, res) => {
    const { id } = req.params;
    usuarios.splice(id, 1);
    res.send('Usuário deletado');
});

app.listen(3000, () => console.log('Servidor rodando na porta 3000'));

Conclusão

CRUD é um conceito essencial para o desenvolvimento de aplicações que manipulam dados. Com a compreensão desses quatro processos, é possível construir sistemas robustos e funcionais, garantindo que os dados sejam gerenciados de forma eficaz. A implementação pode ser feita em diversas linguagens e tecnologias, tornando-o um padrão fundamental na programação.

E assim finalizamos o artigo sobre CRUD espero que tenha botado nessa sua cabeça.

Protocolo HTTP

InacioBrw — Mon, 17 Mar 2025 23:14:23 +0000

O que é um protocolo HTTP?

Da sigla Hypertext transfer protocol

Protocolo de transferencia de hipertexto

O HTTP é um protocolo de camada de aplicação, sendo assim ele é implementado nos sofware responsavel por essa comunicação, como nos Navegadores e Servidores WEB

HTTP não está sozinho!

o http sempre vai estrar trabalhando com mais dois protocolos, sendo eles:

TCP Transmission Control Protocol

Responsavel pela transferencia das informações

IP Protocolo IP

Um pacote IP contém os endereços IP da origem e do destino.

Request e Response (Pedido e Resposta)

Basicamente quando você abre um navegador pra acessar alguma coisa, vai estar requisitando informações do servidor, que assim ao receber esse pedido fara o serviços internos e devolvera uma resposta e por muitas muitas vezes essas respostas vai vir em HTML e CSS que ira ser interpretada no navegador o conteudo buscado.

Request

O Resquest é formado por três fatores

Que cada uma é formada por algumas informações.

1. Linha de Pedido

IDENTIFICADOR DE METODO

Basicamente é o tipo de ação que você vai esperar do servidor, existem 8 tipo, mas sendo os mais famosos o GET o POST e o DELETE
URI DO RECURSO

Sendo ele o endereço, no qual será enviado o pedido, um exemplo: /index.php
VERSÃO DO PROTOCOLO

Atualmente contendo quatro versôes, sendo elas:
HTTP 0.9
HTTP 1.0
HTTP 1.1
HTTP 2

2. Cabeçalho

O cabeçalho é o local para se passar informações adicionais sobre a requisição e o servidor, ele pode responder de modo diferente dependendo dos campos e valores contido nele.

Sendo ele dividido em três grupos

CABEÇALHO GERAL
CABEÇALHO DE REQUISIÇÃO
CABEÇALHO DE ENTIDADE

Campos:

A quantidade de campos que tem é muito grande, mas vou colocar aqui, os mais usado:

DATE - Informa da data do envio da requisição
CACHE-CONTROL - Envia diretivos para o mecanismo de Cache
TRANSFER-ENCODING - Especidica a forma de decodificar o corpo da requisição
COOKIE - Envia informações sobre os Cookies
Accept - Especifica a preferencia de resposta
User-Agent - Envia informações sobre o client

3. Corpo/Mensagem

O corpo nada mais é do que os dados da sua requisição.

Exemplo: em um envio de formulario HTML, ficaria no corpo as informações desse formulario.

Exemplo:

Mas afinal qual, qual é o formato do Resquest?

O formato do resquest ele é composto por trés unidades, sendo elas:

Linha de estatus
Cabeçalho
Corpo

1. Linha de Status - Tendo trés informações.

Versão do protocolo.
codigo numerico do status.
Texto Associado ao Status.

Uma das informações mais importante é:

Codigo de Status.
sendo eles:

1XX - pedido Information serviço ainda em processo

2XX - Success, pedido recebido com sucesso.

3XX - Redirection Ações adicionais precisam ser realizada para terminaer o serviço

4XX - Client Error Pedido com informações incorretas ou não existe.

5XX - Server Error Não processou seu pedido.

Existe alguns que são muito conhecidos, portanto eles são:

404 - Not Found
301 - Moved permanently
500 - internal Server Error
200 - Ok

2. Cabeçalho

Sendo ele bem parecido com o cabeçalho do pedido, sendo assim terá informações sobre o pedido e conteudo de resposta, irei dar alguns exemplo:

Content-Type

Tipo de conteudo que foi enviado no resquest0
Access-Control-Allow

indica se a resposta pode ser acessavel pela origem do pedido.
Date

Data de respota que foi gerada.

3. Corpo

Basicamente a mensagem que navegador que o navegador vai interprestar, pode ser:

HTML
JSON
ou
XML

Aqui vou dar um exemplo de resposta vindo do servidor:

# Terminal, a famosa tela preta

InacioBrw — Mon, 17 Mar 2025 23:04:40 +0000

mas o que é um terminal e o que ele pode fazer na area da programação?

E para responder essa pergunta, precisamos voltar lá trás, quando os Sistemas Operacionais dos computadores não pussuiam de uma interfase grafica, mas de interface de texto.

Vou mostrar como era as telas com os terminais, é bem parecido com aquela tela de Matriz (Filme)

Era através dessa máquina conhecida como Terminal que se tinha acesso ao sistema dos computadores e suas funcionalidades (como fazemos hoje com o mouse).

Então, caso a pessoa quisesse navegar nos diretórios (pastas) atrás de um arquivo, ao invés de usar o mouse e ir clicando nas pastas, isso era feito com comandos em texto, digitados, que fariam exatamente o mesmo.

Terminal hoje em dia

Existem vários programas que emulam um Terminal. Geralmente, os Sistemas Operacionais já vêm com algum, mas nada impede que a usuária possa instalar e usar outro de sua preferência.

O Terminal também é conhecido pelos nomes Console, Prompt de Comando ou CLI, do inglês command-line interface (interface de linha de comando).

Apenas isso, muito obrigado!

# Não fique perdido sobre o que é JSON, fique maluco!

InacioBrw — Sun, 02 Mar 2025 05:01:45 +0000

Brincadeira, nesse artigo vou te mostrar como você vai aprender o que é JSON

De uma forma que seja simples, para até mesmo para um cavalo prender o que seja, JSON

Relaxa JSON não vai te matar

Mas afinal de conta, o que é o bendito JSON?

JSON está ligado na area de desenvolvimento de Software,
ele é um formato simples e leve de troca de dados.

Basease em um subconjunto da linguagem JavaScript (JavaScript Object Notation), mas calma, por mais que ele carregue o nome do Javacript, ele não é puramente escrito nessa linguagem.

JSON é um formato de texto, que é completamente,

ele é facilmente interpretado por qual quer programador por ter um padrão logico, muito simples. linguagens:
C, incluindo C,C++, C#,Java, Javascript, Perl, Python e muitas outras linguagem.
Ou seja, é utilizado para a grande maioria das linguagem de programação.

Para simplificar mais ainda, o JSON é:

Ele é utilizado para troca e armazenamento de dados, facil de aprender e de ser gerado.

Te mosrtrei o que é, mas como é contruido?

Vou te explicar:

JSON ele é composto por duas estrutura

Uma coleção de pares nome/valor. Em várias linguagens, isso é realizado como um objeto , registro, struct, dicionário, tabela hash, lista com chave ou array associativo.
Uma lista ordenada de valores. Na maioria das linguagens, isso é realizado como um array , vetor, lista ou sequência.

Essas são estruturas de dados universais.

Quais são as linguagem que aceitam ou com facil integração JSON?

JavaScript → JSON.parse() e JSON.stringify()
Python → Módulo json
Java → Jackson ou Gson
C# → System.Text.Json e Newtonsoft.Json
PHP → json_encode() e json_decode()
Ruby → Módulo json
Go → Pacote encoding/json
Swift → JSONSerialization
Dart (Flutter) → dart:convert (jsonDecode() e jsonEncode())
Rust → Biblioteca serde_json

Qual é o formato JSON?

Esse é um modelo em que fizemos para meu estudo sobre JSON.

Mas aqui podemos ver que a criação do JSON é bem simples, basicamente uma estrutura baseada em pares de Chaves-valor
{ } podendo conter arrays, numeros, string booleanos e valores nulos

{
  "project":  "Estudo",
  "studies_log": [
    {
      "start_date": "25/02/2025",
      "end_date": "04/03/2025",
      "total_points": "",
      "total_tasks": ""
    },
    {
      "start_date": "",
      "end_date": "",
      "total_points": "",
      "total_tasks": ""
    }
  ]
}

(Outro exemplo)


{
  "nome": "João",
  "idade": 25,
  "email": "joao@email.com",
  "casado": false,
  "filhos": ["Ana", "Pedro"],
  "endereco": {
    "rua": "Av. Paulista",
    "numero": 100,
    "cidade": "São Paulo"
  }
}

Aqui são as regras do JSON

✅ As chaves devem estar entre aspas (" ")

✅ Os valores podem ser:

Strings ("texto")
Números (25, 3.14)
Booleanos (true, false)
Arrays ([1, 2, 3])
Objetos ({ "chave": "valor" })
null (valor nulo)

❌ Sem vírgula no último item de um objeto ou array.

Como criar um JSON na pratica?

Você pode escrever um arquivo JSON (dados.json) e salvar o conteudo nele.
Criando o JSON em diferentes linguagem.

`Javascript`


const dados = {
  nome: "João",
  idade: 25
};

const jsonString = JSON.stringify(dados);  // Converte objeto para JSON (string)

console.log(jsonString);

`Python`


const dados = {
  nome: "João",
  idade: 25
};

const jsonString = JSON.stringify(dados);  // Converte objeto para JSON (string)

console.log(jsonString);

`JAVA`


import org.json.JSONObject;

public class Main {
    public static void main(String[] args) {
        JSONObject json = new JSONObject();
        json.put("nome", "João");
        json.put("idade", 25);

        System.out.println(json.toString());
    }
}

`PHP`

O PHP é um pouco diferente em relação as chaves, mas a estrutura, é "a mesma".


<?php
// Criando um array associativo (estrutura de dados em PHP)
$dados = [
    "nome" => "João",
    "idade" => 25,
    "email" => "joao@email.com",
    "casado" => false,
    "filhos" => ["Ana", "Pedro"],
    "endereco" => [
        "rua" => "Av. Paulista",
        "numero" => 100,
        "cidade" => "São Paulo"
    ]
];

// Convertendo para JSON
$json = json_encode($dados, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE);

// Exibindo o JSON formatado
echo $json;
?>

Mas por fim esse é o Json, ele recolhe dados do usuarios ou dados, deu pra perceber que ele não é um bicho de 300 cabeça é só uma, então agradeço de já a sua leitura e por favor, não enche o meu saco.

O que é o GIT e como vai te ajudar no dia a dia, no mundo da programação.

InacioBrw — Thu, 27 Feb 2025 13:23:59 +0000

Aprender git é fundamental, para um desenvolvedor, ou o que sejá o que ele trabalhe.

Saber git, vai te ajudar a ter um desempenho, rapido e eficaz.

Então o que é GIT e quais suas principais funcionalidades.

O que é o GIT?

Git é basicamente um sistema que registra o historico de alteração feita no seu projeto. que certamente facilita o acompanhamento e a recupera modificações.

Um famoso Controle de versão VCS

Para que Serve o Git?

Para entender melhor o Git, vamos pensar na seguinte situação:

Você está em um empresa com diversas pessoas desenvolvendo o mesmo projeto, e você precisa gerenciar, imagina o trabalho que daria, gerenciar cada pessoa que contribui no codigo?

E ai, acha que conseguiria? Sem ter o controle de um gerenciamento na suas mãos?

E é nessa que entra o Git.

Git Não é GitHub!

Muitas pessoas que entraram no mundo da programação, viu o GIT e o GitHub, e acharam que é a mesma coisa, de primeira vista, admito pode parecer, mas não.

São ferramentas totalmente diferente, mas trabalhando juntos fazem um ótimo desenvolvimento e uma total diferença no seu projeto, tanto na questão de eficiencia quanto na velocidade.

Para que serve o GIT?

Vamos fazer um suposição, digamos que você está gerenciando uma equipe de desenvolvimento, e você precisa ver o codigo de um dos seus colaboradores, mas calma, só isso não basta, precisamos mais do que isso.

Precisamos manter o historico dos nossos arquivos e das nossas modificações.

Até porque estamos falando de um projeto em grupo sendo assim, ele é modificado, constantemente, em um unico movimento que é o Commit que em tradução literal, significa "Compromisso" ou "Comprometer-se" às alterações em um repositorio.

Desta forma, podemos voltar atrás e recuperar o estado do sitema: como ele era antes, para comparar mudanças ou até mesmo para identificar bugs e estudar otimizações.

Como funciona o GIT e quais são as vantagens?

Como o Git guarda todas as informações?

todos os arquivos, assim como historicos, ficam em um repositorio e existe varios sistemas que gerenciam repositorios assim, como CVS(Sistema de Versões Concorrentes) e SVN (Subversion do Apache).

O Git é uma alternativa com um funcionamento mais interessante ainda: ele é distribuido e todo mundo tem uma cópia inteira do repositorio, não apenas o "Servidor principal".

E uma das vantagens de disso é que cada pessoa pode desenvolver offline, realizando seus Commits e outras operações sem depender de uma conexão contante com o servidor principal.

Mas o que é a ferramenta Git exatamente?

_

Assim como já havia falado o Git é um sistema de controle de versão distribuido e amplamente adotado.

O Git nasceu e foi tomando espaço dos outros sistemas de controle.

_

Como instalar o Git?

Para utilizar o Git, você pode seguir esse passo a passo de como fazer o download e instalar, para cada sistema operacional:

Windows:

Acesse o site oficial do Git em "https://git-scm.com/download/win".

Clique no link para download do Git para Windows.
Após o download, execute o instalador.

Siga as instruções do instalador, aceitando as configurações padrão, se não for um usuário avançado.
Conclua a instalação.

Linux:

No Linux, você pode instalar o Git usando o gerenciador de pacotes da sua distribuição. Por exemplo, no Ubuntu, use o comando sudo apt-get install git.

Se estiver usando outra distribuição, substitua o comando de acordo.
macOS:

No macOS

O Git pode ser instalado de várias maneiras, incluindo o uso do Xcode Command Line Tools, que geralmente já está instalado no sistema.

Abra o Terminal e digite git --version para verificar se o Git está disponível. Se não estiver, o sistema solicitará a instalação.
Siga as instruções para instalar o Git. Com esses passos simples, você pode instalar o Git no seu sistema operacional e começar a usar essa poderosa ferramenta de controle de versão.

Qual linguagem é do Git?

Uma pergunta, que todo mundo que já desenvolveu, se questiona é:
"Do que é feito o Git".

Inicialmente, como o Git foi contruido com o **Linux** em mente como plataforma, o git foi desenvolvido pelo Shell Script, que apesar de funcionar como o esperado, amarrava a ferramenta a sistema **Linux**, que tinha os utilitarios necessarios para interpretar o Shwll Script.

Com a popularidade da ferramenta, outros sistemas buscaram dar suporte a ela, através da emulação de um sistema **Linux**, que ficava responsável por executar o Git.

No entanto, o uso da emulação de um sistema **Linux** tinha impacto na performance da ferramenta nos sistemas operacionais que usavam essa estratégia.

Tendo isso em mente, muitos comandos do Git, inicialmente escritos em Shell Script, foram reescritos na linguagem C, que resultou em ganho de performance em plataformas que não usam o Shell Script como linguagem de linha de comando oficial, como é o caso do Windows.

Conceitos fundamentais do Git

Repositórios, commits e árvores (Trees)

Um repositório é como uma pasta ou diretório que contém todos os arquivos e o histórico de um projeto.

Já o Commmit, como havia dito, sua tradução literal é de "Compromisso", que seria uma ação em que você faz uma alteração no projeto, se compromete a salva suas alterações no historico do projeto.

Sendo assim, cada Commit é uma entrada no historico que contem informações sobre as alterações feitas.

Árvores, por ultimo, representando a estrutura do diretório e arquivos em um Commit especifico, que tem como função registrar a organização do projeto ao longo do historico de desenvolvimento.

Ramificação `(Branches)` e Fusões `(Merges)`

As “ramificações” ou branches permitem que você crie linhas separadas de desenvolvimento para trabalhar em recursos ou correções sem afetar a linha principal do projeto.

Cada branch é uma ramificação independente do código-fonte, possibilitando que você isole e desenvolva novas funcionalidades, refatore o código ou faça correções e testes em paralelo, sem interferir no código existente na branch principal, que geralmente é nomeada como "main".

Em um projeto com branches diferentes, a fusão, ou merge, permite combinar as alterações dessas branches de volta à linha principal, quando as alterações estão prontas.

Versões

Principais comandos do GIT?

Buscar ajuda sobre comandos git

Ele mostra uma lista de comandos do git

git help

e se caso você queira mostrar sobre algum git especifico basta apenas você fazer isso:

git help commit

Criar novo repositorio

git init

Adicionar arquivo/diretório

Adicionar todos os arquivos/diretório

git add .

Comitar um Arquivo/diretório

Você vai commitar todas as alteraçõesw

git commit -m ""

Remover diretorio

git rm -r diretorio

Clonar um repositorio

git clone git@github.com:leocomelli/curso-git.git

Obs: git@github.com:leocomelli/curso-git.git -
é onde fica o repositorio que você quer colocar

Atualizar os arquivos no branch atual

Ele atualiza a sua branch para a versão mais recente do codigo.

git pull

Buscar as alterações, mas não aplica-las no branch atual

Busca todas as alterações que ainda não foram colocadas na sua branch

git fetch

Enviar Para o Repositório

git push

agora pare de choramingar.

Just study git for a peaceful day.

InacioBrw — Mon, 24 Feb 2025 18:45:13 +0000

Perguntas a serem respondida.

O que é um sistema de controle de versão

Um sistema de controle de versão (VCS)

O que são repositórios?

Repositórios são locais onde os arquivos do seu projeto são armazenados e gerenciados pelo VCS.

VCS Centralizado x VCS Distribuido

VCS Centralizado: Exemplos incluem SVN (Subversion), onde há um único servidor central que mantém a versão principal do projeto.

VCS Distribuído: Como Git, onde cada desenvolvedor tem uma cópia completa do repositório, incluindo histórico completo de alterações.

Repositorio local x Repositório remoto

Repositório Local: É onde você trabalha diretamente no seu computador, fazendo alterações e commits.

Repositório Remoto: É uma cópia do repositório que fica em um servidor remoto (como GitHub, GitLab), permitindo colaboração e backup do código.

Primeiros passos com o terminal GIT

Como Configurar um user

Configurar um usuário: git config --global user.email "seu@email.com"

Sobrevivencia básica

git status

git log

Como criar repositórios (local e remoto)

git init para local e nos serviços como GitHub para remoto.

Levar e buscar alterações:

gravar mudanças localmente, para interagir com o repositório remoto.

git add

git commit

git push

git pull

Voltar atrás no projeto: O que são Branchs e Como manipula-las

Desfazer alterações de diferentes maneiras.

git Checkout

git reset

git revert

Branches:

Criar (git branch)

git branch

Alterar (git checkout)

git checkout

Fundir (git merge)

git merge

Excluir (git branch -d) branches.

git branch -d

Git ignore:

Arquivo para listar arquivos e diretórios a serem ignorados pelo Git (como arquivos de build ou dados sensíveis).

Navegar entre commits:

git checkout <hash_do_commit> - para voltar a um commit específico.

Versionamento é como uma maquina do tempo.

O versionamento permite não só controlar o presente do seu projeto, mas também navegar pelo passado para corrigir erros