Você já se deparou com dados “crus” no banco, como um CNPJ sem pontos ou traços, e precisou formatá-los manualmente no sistema? Ou talvez tenha precisado tratar essa visualização direto em um SELECT ou PROCEDURE para exibir os dados já formatados para o cliente?

Hoje vou te mostrar como formatar CNPJ, CPF e CEP diretamente no SQL Server, utilizando funções nativas como SUBSTRING, LEFT, RIGHT e STUFF. O processo é simples, limpo e extremamente útil — principalmente em procedures que geram relatórios, exibem dados em tela ou enviam mensagens automatizadas. Essa abordagem evita o retrabalho de formatar os dados no backend, o que pode gerar processamento desnecessário e quebrar a responsabilidade das camadas do sistema.

Por que formatar direto no SQL?

É comum e até recomendado que os dados armazenados no banco venham sem formatação, contendo apenas os números. Isso facilita operações, buscas e integrações. Mas, quando precisamos exibir os dados de forma legível — como em logs, templates ou mensagens automáticas — ter a formatação no SQL pode ser muito útil.

Formatando CNPJ: 12.345.678/0001-95

SELECT 
    -- Adiciona o primeiro ponto após os 2 primeiros dígitos
    STUFF(
        -- Adiciona o segundo ponto após os 5 primeiros dígitos (já contando o ponto anterior)
        STUFF(
            -- Adiciona a barra após os 8 primeiros dígitos (contando os dois pontos anteriores)
            STUFF(
                -- Adiciona o traço após os 12 primeiros dígitos (contando os separadores)
                STUFF('12345678000195', 3, 0, '.'),  -- Resultado: 12.345678000195
            7, 0, '.'),                             -- Resultado: 12.345.678000195
        11, 0, '/'),                                -- Resultado: 12.345.678/000195
    16, 0, '-') AS CNPJ_Formatado                  -- Resultado final: 12.345.678/0001-95

Formatando CPF: <em>123.456.789-01</em>

SELECT 
    -- Adiciona o primeiro ponto após os 3 primeiros dígitos
    STUFF(
        -- Adiciona o segundo ponto após os 6 primeiros dígitos (já contando o primeiro ponto)
        STUFF(
            -- Adiciona o traço após os 9 primeiros dígitos (já contando os pontos)
            STUFF('12345678901', 4, 0, '.'),     -- Resultado: 123.45678901
        8, 0, '.'),                              -- Resultado: 123.456.78901
    12, 0, '-') AS CPF_Formatado                 -- Resultado final: 123.456.789-01

Formatando CEP: 12345-678

SELECT 
    -- Adiciona o traço após os 5 primeiros dígitos
    STUFF('12345678', 6, 0, '-') AS CEP_Formatado
    -- Resultado final: 12345-678

Dica: Centralize a lógica em uma Procedure

Centralizar a formatação em uma procedure ajuda a organizar o código, evitar repetição e facilita a manutenção. Sempre que precisar dessas formatações, basta chamar a procedure.

CREATE PROCEDURE dbo.SP_EXIBE_CLIENTE
    @CNPJ VARCHAR(14),
    @CPF  VARCHAR(11),
    @CEP  VARCHAR(8)
AS
BEGIN
    SET NOCOUNT ON;

    CREATE TABLE #CNPJ_Formatado (CNPJ VARCHAR(18));
    INSERT INTO #CNPJ_Formatado (CNPJ)
    SELECT STUFF(STUFF(STUFF(STUFF(@CNPJ, 3, 0, '.'), 7, 0, '.'), 11, 0, '/'), 16, 0, '-');

    CREATE TABLE #CPF_Formatado (CPF VARCHAR(14));
    INSERT INTO #CPF_Formatado (CPF)
    SELECT STUFF(STUFF(STUFF(@CPF, 4, 0, '.'), 8, 0, '.'), 12, 0, '-');

    CREATE TABLE #CEP_Formatado (CEP VARCHAR(9));
    INSERT INTO #CEP_Formatado (CEP)
    SELECT STUFF(@CEP, 6, 0, '-');

    SELECT
        C.CNPJ,
        P.CPF,
        E.CEP
    FROM #CNPJ_Formatado C
    CROSS JOIN #CPF_Formatado P
    CROSS JOIN #CEP_Formatado E;

    DROP TABLE #CNPJ_Formatado;
    DROP TABLE #CPF_Formatado;
    DROP TABLE #CEP_Formatado;
END

Como usar a Procedure:

EXEC dbo.sp_Formatar_Documentos
    @CNPJ = '12345678000195',
    @CPF = '12345678901',
    @CEP = '12345678'

Resultado esperado:

Atenção!

Essas formatações presumem que os dados estão completos e sem formatação. Caso os campos venham com caracteres inválidos ou estejam incompletos, é importante validar previamente usando LEN, ISNUMERIC, ou TRY_CAST/TRY_CONVERT (se estiver usando SQL Server 2012+).

Conclusão

Saber formatar diretamente no SQL Server pode acelerar tarefas de testes, visualização de dados, geração de relatórios e mensagens automáticas. Se quiser ir além, você pode transformar essas lógicas em funções reutilizáveis para aplicar sempre que necessário.

Curtiu a dica? Já precisou fazer esse tipo de formatação no SQL alguma vez? Comenta aí como você resolveu — ou que tipo de gambiarra já fez com CNPJ e CPF!

Em julho de 2026, a Receita Federal passa a emitir CNPJs com 12 caracteres alfanuméricos seguidos de dois dígitos verificadores numéricos. A mudança visa acomodar o contínuo crescimento do número de empresas no Brasil e evitar o esgotamento da numeração disponível. Porém, essa novidade trará uma série de desafios técnicos e exigirá adaptações em diversos pontos dos sistemas corporativos. Neste artigo, vamos explorar os principais impactos e sugerir estratégias para uma transição suave.

1. Nova Regra de Cálculo dos Dígitos Verificadores

Até então, os doze primeiros dígitos do CNPJ eram exclusivamente numéricos, e os dois últimos resultavam de um cálculo baseado em módulo 11 e pesos de 2 a 9. Com a inclusão de letras, será necessário atribuir valores numéricos a cada caractere alfabético (A=17, B=18, …, Z=42) antes de aplicar o algoritmo tradicional de dígitos verificadores.

Fluxo de cálculo resumido:

1. Mapeamento: converta cada caractere alfanumérico no seu valor segundo tabela (por exemplo, A→17, B→18, …) .
2. Aplicação de pesos: aplique pesos de 2 a 9 da direita para a esquerda, reiniciando após o peso
3. Somatório e módulo: calcule o somatório dos produtos valor×peso e obtenha o resto da divisão por 11.
4. Definição do dígito: se o resto for 0 ou 1, o dígito é 0; caso contrário, é 11 menos o resto.
5. Repetição: para o segundo dígito, inclua o primeiro DV ao final e repita o processo.

1.1 Primeiro Dígito Verificador

Para validar o CNPJ alfanumérico Y6.K55.XEN/0001-99, extraímos primeiro os 12 caracteres e depois calculamos os dois dígitos verificadores.

1.1.1 Primeiro Dígito Verificador

• Base (12 chars): Y 6 K 5 5 X E N 0 0 0 1
• Valor (ASCII–48):
  • Y → 41
  • 6 → 6
  • K → 27
  • 5 → 5
  • 5 → 5
  • X → 40
  • E → 21
  • N → 30
  • 0 → 0
  • 0 → 0
  • 0 → 0
  • 1 → 1
• Pesos: 5, 4, 3, 2, 9, 8, 7, 6, 5, 4, 3, 2

1. Soma dos produtos

41×5 + 6×4 + 27×3 + 5×2 + 5×9 + 40×8 + 21×7 + 30×6 + 0 + 0 + 0 + 1×2 = 1 014

2. Resto da divisão por 11

1 014 mod 11 = 2

3. Cálculo do primeiro dígito (DV₁)
   • Resto ≥ 2 → 11 – 2 = 9

1.1.2 Segundo Dígito Verificador

Y 6 K 5 5 X E N 0 0 0 1 9

• Valores: mesmos 12 anteriores + 9
• Pesos: 6, 5, 4, 3, 2, 9, 8, 7, 6, 5, 4, 3, 2

Soma dos produtos

41×6 + 6×5 + 27×4 + 5×3 + 5×2 + 40×9 + 21×8 + 30×7 + 0 + 0 + 0 + 1×3 + 9×2 = 1 168

Resto da divisão por 11

1 168 mod 11 = 2

Cálculo do segundo dígito (DV₂)

Resto ≥ 2 → 11 – 2 = 9

Portanto, os dígitos verificadores são 9 e 9, conferindo com o CNPJ completo:

Y6.K55.XEN/0001-99

1.2 Algoritmo JS para validar se um CNPJ é valido

Será necessário alterar no front-end do sistema, lugares onde tem validação de CNPJ valído, para isso, segue um algoritmo atualizado para fazer essa validação nos inputs informados do sistema:

/**
 * Valida CNPJ alfanumérico (12 caracteres + 2 dígitos)
 * @param {string} input CNPJ formatado ou não (aceita letras e números)
 * @returns {boolean} true se válido, false caso contrário
 */
function validaCnpjAlpha(input) {
  // Remove tudo que não for letra ou dígito
  const cnpj = input.replace(/[^0-9A-Za-z]/g, '').toUpperCase();
  if (!/^[0-9A-Z]{14}$/.test(cnpj)) return false;

  // Converte caractere para valor: código ASCII - 48
  const toValue = ch => ch.charCodeAt(0) - 48;

  // Função que calcula um DV (1 ou 2)
  function calcDv(len) {
    let peso = len + 1; // para len=12, peso inicial é 5; para len=13, peso=6
    const soma = cnpj
      .slice(0, len)
      .split('')
      .map(toValue)
      .reduce((acc, val) => {
        acc += val * peso;
        peso = peso > 2 ? peso - 1 : 9;
        return acc;
      }, 0);
    const resto = soma % 11;
    return resto < 2 ? 0 : 11 - resto;
  }

  // Calcula os dois dígitos verificadores
  const dv1 = calcDv(12);
  const dv2 = calcDv(13);

  // Compara com os dois últimos dígitos do input
  return dv1 === toValue(cnpj[12]) && dv2 === toValue(cnpj[13]);
}

// Exemplo de uso:
console.log(validaCnpjAlpha('12.ABC.345/01DE-35')); // true ou false

2. Mudança nas mascaras de input

Com a entrada de letras, as máscaras de campos de CNPJ em formulários e aplicativos precisam ser revisadas:

• Bibliotecas JavaScript/Vue/Angular: atualize plugins como mask.js para aceitar [0-9A-Za-z] em todas as posições – não apenas dígitos.
• React (IMask): configure o pattern para alfanumérico e garanta a conversão automática para maiúsculas, evitando inconsistências de case.
• UX/UI: ofereça feedback claro ao usuário sobre o formato (ex.: XX.XXX.XXX/YYYY-00). Considere usar placeholders dinâmicos que exibam letras e números.

Essas mudanças exigem testes end‑to‑end (Selenium, Cypress) para garantir que fluxos de cadastro e edição continuem funcionando sem erros.

3. Banco de Dados com VARCHAR

Sistemas que atualmente definem o campo de CNPJ como INT ou BIGINT devem migrar para tipos de texto:

• VARCHAR(14) ou CHAR(14) (12 alfanuméricos + 2 numéricos): garante espaço exato e evita desperdício.
• Índices: recrie índices baseados em strings e avalie o desempenho em consultas que utilizam LIKE, =, ou ordenação. Em bancos muito volumosos, pode ser necessário particionamento ou índices parciais.

Planeje a migração de dados com scripts SQL que convertam registros antigos para o novo padrão, incluindo rotinas de validação de integridade.

4. Regex e Validações em Código

Muitos sistemas usam expressões regulares para extrair ou validar CNPJ em strings (logs, relatórios, integrações). Atualize-as para algo que vai validar se oque foi digitado é um CNPJ valído com:

/^[A-Za-z0-9]{2}\.[A-Za-z0-9]{3}\.[A-Za-z0-9]{3}\/[A-Za-z0-9]{4}-\d{2}$/

Localize todos os artefatos de regex (busca em repositórios, IDEs) e adeque-os para evitar falhas silenciosas em processos automáticos.

Conclusão e Boas Práticas

A adoção do CNPJ alfanumérico é inevitável diante do crescimento das empresas no país. Para mitigar riscos:

1. Planeje versões: use feature flags para alternar validações.
2. Crie ambientes de homologação: inclua casos de teste com letras em processos críticos.
3. Documente mudanças: atualize guias de estilo e manuais de API.
4. Automatize migrações: scripts SQL e pipelines de dados devem rodar sem intervenção manual.
5. Comunique stakeholders: informe times de desenvolvimento, QA, operação e parceiros externos.

Com esses cuidados, seu sistema estará preparado para lidar com o novo padrão de CNPJ, garantindo integridade, performance e compatibilidade.

Será que as máquinas podem pensar? Essa pergunta nos leva a refletir sobre a verdadeira natureza da inteligência artificial. O que realmente significa ser “inteligente”? Podemos realmente chamar, por exemplo, o ChatGPT de inteligente, ou ele é apenas uma ferramenta avançada para realizar tarefas específicas?

Como funciona uma Inteligência Artificial

Para começarmos, precisamos entender: Como funciona uma Inteligência Artificial?

A ideia de inteligência artificial remonta a Alan Turing, que se questionou: As máquinas podem pensar? Essa questão foi o ponto de partida para o desenvolvimento do que hoje chamamos de IA.

Ele formulou essa questão em seu artigo de 1950, “Computing Machinery and Intelligence”, onde introduziu o que agora conhecemos como o Teste de Turing. Esse teste oferece um critério para determinar se uma máquina é capaz de exibir inteligência equivalente ou indistinguível da humana. No Teste de Turing, um interrogador humano interage com um participante oculto (que pode ser uma máquina ou outro humano) através de uma interface baseada em texto. Se o interrogador não consegue consistentemente distinguir a máquina do humano, a máquina é considerada “pensante” segundo o critério de Turing.

Em essência, a inteligência artificial é a capacidade de um computador imitar funções humanas, como raciocinar, aprender, prever, resolver problemas e tomar decisões.

Para imitar a inteligência humana, as máquinas precisam aprender como nós aprendemos. Vamos explorar isso com um exemplo simples.

Imagine uma criança brincando com um brinquedo. Ela o solta várias vezes e aprende que ele sempre cai no chão. Esse processo de aprendizado é semelhante ao aprendizado de máquina, ou machine learning, que é uma parte essencial da IA.

Machine Learning: Como as Máquinas Aprendem a Pensar

Machine Learning, ou Aprendizado de Máquina, é uma técnica fascinante onde as máquinas aprendem a reconhecer padrões e fazer previsões, quase como se estivessem pensando. Imagine ensinar um computador a identificar um cachorro em uma foto; com Machine Learning, isso não só é possível, mas algo que já acontece todos os dias em nossos smartphones e redes sociais!

Por exemplo, quando você mostra a uma máquina várias fotos, algumas com cachorros e outras sem, ela aprende a reconhecer características comuns aos cachorros. Depois de aprender o suficiente, ela pode olhar para uma nova foto e dizer com confiança se há ou não um cachorro nela.

Mas não para por aí! Machine Learning também é usado para fazer previsões mais complexas, como:

• Previsão do Tempo: Ao analisar dados históricos do clima, a máquina pode prever se vai chover amanhã em sua cidade.
• Reconhecimento de Voz: Quando você fala com assistentes virtuais, como Siri ou Alexa, é Machine Learning que ajuda esses dispositivos a entenderem sua voz.
• Detecção de Fraudes: Bancos usam essas tecnologias para identificar atividades suspeitas e prevenir fraudes em suas contas.

Essa tecnologia não é apenas incrível; ela está transformando a maneira como vivemos, aprendemos e trabalhamos, tornando os dispositivos mais inteligentes e nossas vidas mais fáceis e segura

O que é Inteligência?

Definir inteligência é uma tarefa surpreendentemente complexa, pois varia amplamente dependendo de quem você pergunta e em qual campo estão falando. No entanto, se mergulharmos nas ideias dos filósofos, podemos descobrir nuances fascinantes sobre esse conceito.

Segundo a filosofia, especialmente nas reflexões de Aristóteles, a inteligência vai muito além de simplesmente “ser esperto”. Para ele, inteligência, ou “nous”, é uma manifestação profunda da alma racional, capaz de entender não apenas o que as coisas são, mas sua essência mais profunda. Vejamos como Aristóteles descreve algumas características dessa habilidade:

• Apreensão das Essências: Não é apenas sobre ver ou tocar; é sobre compreender o que faz uma coisa ser verdadeiramente o que é.
  • Imagine tentar descrever o que é um gato para alguém que nunca viu um. Você não se limitaria a falar sobre pelos e bigodes; você explicaria que gatos são ágeis, independentes e caçadores por natureza. Essa capacidade de capturar a “essência” de algo vai muito além da aparência superficial.
• Intelecto Ativo e Passivo: É a capacidade de receber informações (passivo) e sua habilidade de realmente entender e usar essas informações (ativo).
  • Pense no intelecto passivo como um aluno em uma aula, recebendo informações do professor. O intelecto ativo é quando esse aluno vai além, fazendo perguntas e relacionando as informações com o que já sabe, tornando o aprendizado mais profundo e significativo.
• Conhecimento dos Primeiros Princípios: Não se limita apenas a como sabemos coisas, mas por que essas coisas são verdadeiras.
  • É similar a aprender a jogar xadrez. Os primeiros princípios são as regras básicas (como cada peça se move). Compreendendo essas regras, você pode começar a desenvolver estratégias e entender jogadas mais complexas, construindo todo o seu conhecimento do jogo a partir dessa base.
• Consciência e Autoconsciência: Mais do que perceber o mundo, é entender seu lugar nele.
  • Isso pode ser visto quando você está em uma situação social desconfortável e reconhece seus próprios sentimentos de ansiedade. Essa autoconsciência permite que você ajuste seu comportamento, talvez tentando relaxar ou se envolver mais na conversa.
• Raciocínio e Contemplação: A habilidade de mergulhar profundamente em pensamentos complexos e meditar sobre as grandes questões da vida.
  • Imagine um filósofo ponderando sobre “o que é a felicidade?”. Essa não é uma questão prática do dia a dia, mas uma profunda contemplação que requer raciocínio lógico para explorar diferentes ideias e perspectivas, buscando uma compreensão mais profunda sobre como viver uma vida plena.

Em resumo, inteligência é a incrível capacidade de adquirir e aplicar conhecimentos e habilidades, explorando e compreendendo o mundo ao nosso redor e dentro de nós. É o motor por trás de cada descoberta, cada insight criativo e cada decisão sábia que tomamos.

Diferenças entre IA e Inteligência Humana

A questão de se as Inteligências Artificiais (IA) são realmente “inteligentes” depende da definição de inteligência que adotamos e da perspectiva sob a qual analisamos.

Comparando com a Inteligência Humana:

E com as característica da inteligência definida por Aristóteles com nous.

1. Apreensão das Essências: Enquanto seres humanos entendem a essência das coisas de maneira intuitiva e profunda, a IA trabalha principalmente com dados e padrões que foram programados ou aprendidos através de grandes quantidades de exemplos. Ela pode identificar um gato em imagens com alta precisão, mas não necessariamente “compreende” o que faz um gato ser um gato além de suas características visuais.
2. Intelecto Ativo e Passivo: A IA pode ser vista como tendo um intelecto passivo altamente desenvolvido, capaz de processar e armazenar mais informações do que os humanos. No entanto, seu intelecto ativo, a capacidade de gerar novas ideias ou conceitos de forma independente, ainda é limitado em comparação com a cognição humana.
3. Conhecimento dos Primeiros Princípios: A IA pode utilizar princípios básicos programados para tomar decisões em jogos ou resolver problemas específicos, mas sua capacidade de generalizar esses princípios em contextos não familiares é limitada sem intervenção humana ou ajustes no seu treinamento.
4. Consciência e Autoconsciência: Atualmente, as IAs não possuem consciência ou autoconsciência. Elas não têm experiências subjetivas e não podem refletir sobre si mesmas de maneira consciente como os seres humanos.
5. Raciocínio e Contemplação: As IAs podem simular formas de raciocínio, especialmente em áreas estruturadas como matemática ou lógica. Contudo, elas não “contemplam” no sentido humano de ponderar significados mais profundos ou questões existenciais.

Conclusão

Então, as IAs são realmente inteligentes? A resposta curta é: não exatamente. Embora as IAs possam processar enormes quantidades de dados e gerar respostas que parecem inteligentes, elas não têm entendimento real ou consciência.

As IAs baseiam suas respostas nas verdades universais fornecidas pela inteligência humana. Se 90% dos humanos acreditam que ovos fazem mal para a saúde, e apenas 10% dizem o contrário, a IA pode concluir que ovos são prejudiciais com base na quantidade de informações. Isso reflete um processo de análise de dados, não de raciocínio independente.

A inteligência artificial é uma ferramenta poderosa, mas é a inteligência humana que a guia, instrui e interpreta seus resultados. A verdadeira inteligência reside na nossa capacidade de entender, raciocinar e criar com propósito e intenção.

Muito obrigado pela leitura, e não se esqueça de curtir o post, se inscrever na newsletter e deixar um comentário abaixo. Até a próxima!

Hoje, vamos explorar uma poderosa ferramenta do CSS que pode elevar o nível de suas animações em páginas da web: o CSS Timing Function. Se você deseja criar transições suaves, efeitos envolventes e tornar a experiência do usuário ainda mais agradável, este é o lugar certo para aprender tudo sobre essa propriedade. Vamos mergulhar no mundo das animações e descobrir como utilizar o CSS Timing Function para encantar seus visitantes.

O que é o CSS Timing Function?

O CSS Timing Function é um tipo de propriedade que controla o ritmo e a velocidade de animações e transições em páginas da web. Em outras palavras, ele define como a animação progride ao longo do tempo. Essa propriedade trabalha em conjunto com outras, como animation-duration e animation-timing-function, para criar efeitos visuais atraentes e fluidos.

Diferentes Formas do CSS Timing Function

Essa propriedade oferece diversas formas para personalizar o comportamento das suas animações. Cada forma possui características únicas e pode se adequar melhor a diferentes contextos. Vamos explorar algumas delas:

ease: Essa é forma padrão. Inicia a animação lentamente, acelera no meio e desacelera no final. Perfeito para criar transições naturais e suaves.

ease-in: A animação começa lentamente e acelera à medida que progride. Ideal para destacar elementos no início de uma transição.

ease-out: Ao contrário do ease-in, a animação inicia rapidamente e desacelera no final. Ótimo para focar na saída dos elementos.

ease-in-out: Combinação das funções ease-in e ease-out. A animação começa lentamente, acelera no meio e desacelera novamente no final.

linear: A animação avança de forma constante e uniforme ao longo do tempo. Ideal para criar movimentos diretos e previsíveis.

cubic-bezier: Oferece a possibilidade de criar uma curva de velocidade personalizada usando pontos de controle. Permite controle total sobre a animação.

Exemplo:

Conclusão

O CSS Timing Function é uma ferramenta valiosa para criar animações cativantes e proporcionar uma experiência de usuário memorável em suas páginas da web. Ao dominar as diversas formas dessa propriedade, você terá o poder de criar transições suaves e envolventes, encantando seus visitantes e tornando o seu site ainda mais atrativo.

Espero que tenham gostado do artigo e que aproveitem ao máximo essa poderosa propriedade do CSS. Até a próxima!

Aproveite e confira os posts no Instagram do @junior.coding e @blogmdp.

CSS Grid vs Flexbox: Qual escolher para seu layout?

Introdução

A área da programação está em constante evolução, e novas linguagens de programação surgem regularmente. No entanto, algumas linguagens já estabelecidas continuam a ser altamente populares e amplamente adotadas. Se você está pensando em aprender uma nova linguagem de programação em 2024, este artigo é para você. Apresentaremos cinco linguagens que estão em alta e oferecem ótimas oportunidades para os programadores

1. JavaScript/Typescript:

Javascript (JS) é uma linguagem de programação essencial para o desenvolvimento web. Com a crescente demanda por aplicações web interativas e ricas em recursos, o JavaScript se tornou imprescindível. Ele permite a criação de funcionalidades dinâmicas e interativas do lado do cliente/servidor, além de oferecer suporte ao desenvolvimento de aplicativos móveis e até mesmo de desktop, graças a frameworks como o Node.js e o Electron. Ou seja, você consegue utilizar JavaScript em todas as principais stacks do mercado. O Typescript (TS) também é um linguagem de programação, criada pela Microsoft, que vem para complementar o Javascript. Ele adiciona tipagem estática opcional à linguagem e flexibilidade para definir suas regras.

• Importância:
  • Interatividade do lado do cliente: O JavaScript é uma linguagem de programação que roda diretamente no navegador do cliente (cliente-side), permitindo que os desenvolvedores criem páginas web interativas e dinâmicas. Com JavaScript, é possível responder a ações do usuário em tempo real, como cliques em botões, envio de formulários e interações com elementos da página, melhorando significativamente a experiência do usuário.
  • Ampla compatibilidade: JavaScript é suportado por todos os principais navegadores modernos, como Google Chrome, Mozilla Firefox, Microsoft Edge, Safari, entre outros. Isso significa que os aplicativos e recursos desenvolvidos em JavaScript são executados em praticamente qualquer dispositivo, independentemente do sistema operacional ou plataforma, tornando-o uma escolha universal para o desenvolvimento web.
  • Ecossistema de bibliotecas e frameworks: O ecossistema de bibliotecas e frameworks JavaScript é extremamente robusto e diversificado. Existem várias bibliotecas que simplifica a manipulação do DOM (Document Object Model) e oferece recursos úteis para interação com a página. Além disso, há frameworks avançados, como React, Angular e Vue.js, que facilitam a criação de aplicativos web complexos e bem estruturados, com componentes reutilizáveis e gerenciamento de estado eficiente.
• Tipos de Dados (Typescript):
  • Number: Numérico;
  • String: Texto;
  • Boolean: True ou False;
  • Void: é usado sempre que uma função não retorna nada explicitamente;
  • Null: Vazio;
  • Undefined: Indefinido;
  • Any: Atributo coringa, pode ser qualquer coisa;
  • Array: Lista;

Hello, Word!

console.log("hello, World!")

2. Python

Python tem se destacado como uma das linguagens mais populares e versáteis nos últimos anos. Sua sintaxe clara e concisa torna a programação em Python bastante intuitiva. Além disso, sua ampla adoção em áreas como ciência de dados, aprendizado de máquina e desenvolvimento web torna Python uma escolha valiosa. A biblioteca padrão abrangente e a vasta comunidade de desenvolvedores também contribuem para a popularidade contínua do Python.

• Importância:
  • Python é uma linguagem muito fácil de aprender com sua sintaxe bastante simples;
  • A praticidade contribui para que seja bastante intuitivo programar nessa linguagem e garante um aumento na produtividade;
  • Comunidade ampla e popularidade;
  • Ser a principal stack na área da inteligência artificial, já que existem bibliotecas como a Keras, que permite testar redes neurais artificiais, elemento do Machine Learning que simula o sistema nervoso central dos seres vivos, permitindo que a máquina reconheça padrões e aprenda.
• Tipos de dados:
  • Int: Inteiro;
  • Float: Ponto Flutuante ou Decimal;
  • Complex: Tipo Complexo;
  • String (str)
  • Boolean (bool)
  • List (list)
  • Tuple.
  • Dictionary (dic)

print("Hello, World!")

3. Kotlin

Kotlin é uma linguagem moderna e concisa que foi projetada para rodar na máquina virtual Java (JVM). Desde que se tornou a linguagem oficial para desenvolvimento Android em 2017, a popularidade do Kotlin tem crescido significativamente. A linguagem oferece recursos avançados, como nulidade segura e suporte a extensões de função, o que a torna mais segura e produtiva. A compatibilidade com bibliotecas Java existentes e sua curva de aprendizado suave também são fatores que atraem desenvolvedores.

• Importância:
  • Sintaxe concisa e expressiva: O Kotlin possui uma sintaxe concisa e expressiva que minimiza o código boilerplate, tornando o código mais legível. A linguagem enfatiza a clareza do código, oferecendo recursos como classes de dados, funções de extensão e funções infixas. Essas construções úteis permitem que os desenvolvedores escrevam código limpo e de fácil manutenção, reduzindo o risco de defeitos.
  • Interoperabilidade com Java: Kotlin é totalmente compatível com Java, o que significa que o código Kotlin pode ser usado sem problemas com bibliotecas, estruturas e ferramentas Java.
  • Recursos de segurança: Kotlin enfatiza a segurança através de características como a segurança nula, que ajuda a reduzir erros de programação comuns que podem levar a excepções em tempo de execução, tais como NullPointerExceptions. Além disso, a inferência de tipos e os smart casts de Kotlin ajudam os programadores a detectar potenciais erros em tempo de compilação, tornando o código mais seguro e fiável.
• Tipos de dados:
  • String: Texto;
  • Int: Número inteiro;
  • Double: ****Número decimal
  • Float: Número decimal, que é menos preciso que um Double e tem f ou F no fim do número:
    • 5.0f
    • -1630.209f
    • 1.2940278F
  • Boolean**:** True ou False;

fun main() {
    println("Hello, World!")
}

4. Rust

Rust é uma linguagem de programação relativamente nova, que se destaca pela sua segurança e desempenho. Ela foi projetada para fornecer controle de memória semântico seguro e evitar problemas comuns, como falhas de segmentação e vazamentos de memória. Com a crescente preocupação com a segurança de software, a linguagem Rust tem atraído a atenção da comunidade de desenvolvedores. Além disso, seu ecossistema em rápido crescimento e sua capacidade de criação de aplicações de alto desempenho a tornam uma opção promissora.

• Importância:
  • Confiança ao desenvolver em nível de sistema: Desenvolvendo em nível de sistema, a linguagem de programação Rust oferece confiança aos veteranos, permitindo que gastem menos tempo e atenção para evitar armadilhas, o que possibilita o alcance de metas mais ambiciosas. Além disso, para novos desenvolvedores, Rust representa um caminho mais fácil para começar a escrever códigos de programação com segurança e eficiência.
  • Estratégica para iniciantes: Iniciar com a linguagem Rust é uma boa opção para iniciantes no mundo da programação, considerando o tempo necessário para dominar cada linguagem e os riscos de segurança do código. A confiança na segurança que Rust oferece está mudando a visão de investidores, que agora não dependem tanto de veteranos experientes para encomendar sistemas produtivos. A tecnologia permite que os desenvolvedores enviem seus códigos ao ambiente produtivo com segurança, mesmo com menos experiência na disciplina.
  • Variedade na estrutura de dados e otimização da memória: Como mostrado abaixo os tipos de dados da linguagem Rust é muito diversificada e a preocupação com o tipo de variável que precisa ser declarado, permite a linguagem tenha um excelente tempo de execução e baixo utilização da memória do servidor. Além de outras otimizações que a linguagem já faz internamente.
• Tipos de dados – Primitivos:
  • Integer: Representa números inteiros, como i8, i16, i32, i64, i128 e seus equivalentes sem sinal u8, u16, u32, u64, u128.
  • Float: Representa números de ponto flutuante, como f32 e f64.
  • Boolean: Representa valores verdadeiro (true) ou falso (false).
  • Char: Representa um único caractere Unicode, declarado usando aspas simples.
  • Tuple: Uma sequência fixa de elementos com tipos diferentes, declarada entre parênteses, como (valor1, valor2, …).
  • Array: Uma sequência fixa de elementos com o mesmo tipo, declarada com tamanho fixo, como [valor1, valor2, …; tamanho].
  • Slice: Uma referência a uma parte de um array ou a uma sequência de dados, representada por &[valor].
• Tipos de dados – Compostos:
  • Struct (estrutura): Um tipo de dado personalizado que permite agrupar vários campos com diferentes tipos em uma única entidade.
  • Enum (enumeração): Um tipo que permite representar diferentes valores em um único tipo, cada valor conhecido como um “variant”.
  • Array Slice: Uma referência a uma parte de um array, denotado por &[valor].
  • String Slice: Uma referência a uma parte de uma string, denotado por &str.
  • Tuple Slice: Uma referência a uma parte de uma tupla, denotado por &(valor1, valor2, …).

fn main() {
    println!("Hello, World!");
}

5. Dart

Dart é uma linguagem de programação desenvolvida pelo Google, projetada para ser simples, eficiente e adequada para o desenvolvimento de aplicações web, móveis e de servidor. É uma linguagem de tipagem estática e oferece recursos modernos, como suporte a orientação a objetos, sintaxe concisa, coleta de lixo automatizada e compilação just-in-time (JIT) ou ahead-of-time (AOT).

Dart é a linguagem principal usada no desenvolvimento de aplicativos móveis com o framework Flutter, que permite a criação de interfaces de usuário bonitas e altamente responsivas para iOS, Android e web a partir de um único código-base. Além disso, Dart também pode ser utilizado para desenvolver aplicações web por meio do pacote “dart:html” e outras bibliotecas.

• Importância:
  • Desenvolvimento multiplataforma com Flutter: Uma das principais vantagens de usar a linguagem Dart é a capacidade de desenvolver aplicativos multiplataforma com o framework Flutter. Com Flutter, é possível criar aplicativos nativos para iOS, Android e web a partir de um único código-base. Isso reduz significativamente o tempo e os esforços necessários para desenvolver, testar e manter aplicativos em várias plataformas, resultando em maior eficiência no desenvolvimento.
  • Sintaxe concisa e fácil de aprender: **Dart possui uma sintaxe clara, concisa e fácil de aprender, o que a torna acessível a desenvolvedores de diferentes níveis de habilidade. Sua estrutura de código limpo e legível contribui para o desenvolvimento mais rápido e a manutenção simplificada do software. Além disso, a linguagem suporta recursos modernos, como tipagem estática e inferência de tipos, o que auxilia na detecção precoce de erros e melhora a segurança do código.
  • Performance e eficiência: **Dart é projetada para oferecer desempenho e eficiência. Com a opção de compilação just-in-time (JIT) ou ahead-of-time (AOT), a linguagem permite que os desenvolvedores escolham a melhor abordagem de acordo com o cenário de uso do aplicativo. Além disso, o uso do framework Flutter, que usa o mecanismo de renderização próprio, contribui para a construção de interfaces de usuário altamente responsivas e fluidas, proporcionando uma experiência de usuário de alta qualidade.
• Tipos Primitivos:
  • int: Inteiro;
  • double: Representa números de ponto flutuante;
  • bool: True ou False;
  • String: Texto;
  • dynamic: Um tipo que permite armazenar qualquer tipo de valor e permite mudar seu tipo durante o tempo de execução. É usado quando o tipo de dado não é conhecido em tempo de compilação.
• Tipos Compostos:
  • List: Representa uma lista ordenada de elementos do mesmo tipo, como [1, 2, 3].
  • Set: Representa um conjunto não ordenado e sem elementos duplicados, como {1, 2, 3}.
  • Map: Representa uma coleção de pares chave-valor, como {“nome”: “João”, “idade”: 30}.
  • Runes: Representa uma sequência de pontos de código Unicode, que são usados para trabalhar com caracteres não ASCII.
  • Symbol: Representa um símbolo que é usado principalmente para trabalhar com reflexão.

void main() {
  print("Hello, World!");
}

6. PHP

PHP é uma linguagem de programação de código aberto, amplamente usada para desenvolvimento web. Ela foi projetada para ser incorporada diretamente em páginas HTML, permitindo a criação de conteúdo dinâmico em sites e aplicativos. A linguagem é muito popular para o desenvolvimento de sites e sistemas web, com suporte a bancos de dados, manipulação de formulários e interação com servidores.

• Importância e principais vantagens:
  • Facilidade de uso: PHP é conhecido por sua sintaxe simples e fácil de aprender, tornando-o acessível para desenvolvedores iniciantes.
  • Ampla comunidade e documentação: PHP possui uma comunidade ativa e uma grande quantidade de recursos de aprendizado disponíveis online.
  • Integração com bancos de dados: Oferece suporte nativo para conexão com diversos bancos de dados, permitindo a criação de aplicações com funcionalidades robustas.
  • Utilizada no WordPress: que é um sistema livre e aberto de gestão de conteúdo para internet, principalmente para a criação de páginas eletrônicas e blogs online. ela é utilizada por aproximadamente 35% de todos os sites do mundo.
• Tipos de dados:
  • Inteiro (integer);
  • Ponto flutuante (float);
  • String: Texto;
  • Booleano (boolean): True ou False;
  • Array: Representa uma coleção de elementos;
  • Objeto (object): Representa instâncias de classes, que são usadas para criar tipos de dados personalizados.
  • Recurso (resource): Representa recursos externos, como conexões de banco de dados, arquivos abertos, etc.
  • Nulo (null): Representa a ausência de valor ou a variável sem valor atribuído.
  • Closure (função anônima): Representa funções anônimas que podem ser atribuídas a variáveis ou passadas como argumentos para outras funções.
  • Callable: Representa uma função ou método que pode ser chamado usando a notação de chamada de função.

<?php
  echo "Hello, World!";
?>

Conclusão

Ao considerar a aprendizagem de uma nova linguagem de programação em 2024, é importante escolher aquelas que têm um forte respaldo da comunidade, são amplamente adotadas e oferecem oportunidades de trabalho significativas. Python, JavaScript, Dart, Kotlin, PHP e Rust são exemplos de linguagens populares que se destacam em diferentes domínios e setores. Cada uma delas oferece vantagens únicas e pode abrir portas para oportunidades emocionantes na área de programação. Escolha uma linguagem que se alinhe aos seus interesses e metas profissionais e embarque em uma jornada de aprendizado empolgante!

CSS Grid é uma poderosa ferramenta de layout disponível no CSS, e dominar suas capacidades pode fazer uma enorme diferença na forma como você cria e organiza o conteúdo em suas páginas. Se você está cansado de lutar com layouts complicados e tabelas desajeitadas, chegou a hora de aprender CSS Grid de uma vez por todas!

O CSS Grid é um sistema de grade bidimensional que permite criar layouts complexos e responsivos de maneira intuitiva. Ao contrário de métodos anteriores de posicionamento, como o uso de floats ou frameworks de grid, o CSS Grid oferece um alto nível de controle e flexibilidade. Além disso, ele permite a criação de layouts personalizados sem a necessidade de nenhum hack.

Flexbox X CSS Grid

O Flexbox sempre foi o mais utilizado e o mais queridinho pelos desenvolvedores, e é um pouco mais fácil de aprender, visto que os nomes das propriedades são mais fácil de decorar. Já o CSS Grid é uma solução mais recente e apresenta uma complexidade maior, porém uma leck de possibilidades infinitas.

Não acredito ambos servem para finalidades diferentes, pense o seguinte:

• Flexbox faz coisas que o CSS Grid não pode fazer;
• CSS Grid faz coisas que o Flexbox não pode;

Embora o flexbox possa ser usado para trabalhar com elementos em duas dimensões, é mais eficiente desenvolve-lo quando estamos lidando com elementos em apenas uma dimensão, seja linha ou coluna.

Já o Grid é ótimo quando estamos trabalhando com elementos em duas dimensões, principalmente para definir a estrutura de uma página, o que seria muito mais difícil com FlexBox. Ou seja, se precisarmos utilizar vários elementos em modelo de grade, CSS Grid é a opção.

Vamos para a pratica!

• Percebe que a estrutura das grades, foi definida pelo display: grid.
• Utilizamos o grid-template-columns para definir o tamanho da largura de cada coluna.
• Utilizamos o grid-template-rows para definir o tamanho a altura de cada linha.
• Utilizamos o grid-template-areas para definir quais elementos eu devo considerar nos cálculos, como será a sua divisão entre as colunas e a sua respectiva ordem:
  • <kbd>"header header" "aside main" "footer footer"</kbd>
• O Flexbox é utilizado no header > ul para definir os 4 itens do menu em uma linha e para deixar justificado no eixo X e centralizado no Y;