techknow

Lógica de Programação para Iniciantes com TypeScript

By Wildrik01 de maio de 2025
Imagem do post Lógica de Programação para Iniciantes com TypeScript
IA
Facebook IconTwitter IconWhatsApp IconLinkedIn Icon

Se você está começando no mundo da programação, entender a lógica por trás dos códigos é essencial. Antes mesmo de dominar frameworks ou bibliotecas, é a lógica que te permitirá resolver problemas e criar soluções reais.

Neste artigo, vamos explorar os conceitos fundamentais da lógica de programação utilizando TypeScript, uma linguagem moderna que adiciona tipagem estática ao JavaScript.


🧠 O que é Lógica de Programação?

Lógica de programação é a arte de organizar instruções para que o computador execute tarefas de forma eficiente. É como dar um passo a passo claro para resolver um problema, seja calcular algo, tomar decisões ou repetir ações. TypeScript é uma ótima escolha para iniciantes, pois sua sintaxe é simples e a tipagem ajuda a evitar erros comuns.

Vamos mergulhar nos conceitos básicos!


1. Variáveis: Guardando Informações

Variáveis são como caixas onde armazenamos dados (números, textos, etc.) para usar no programa. Em TypeScript, usamos let ou const para declarar variáveis, e a tipagem nos ajuda a definir o tipo de dado.

Exemplo de Código: Declarando Variáveis

// Declara uma variável chamada 'nome' do tipo string (texto)
let nome: string = "Ana";

// Declara uma variável chamada 'idade' do tipo number (número)
let idade: number = 25;

// Declara uma constante chamada 'temCarteira' do tipo boolean (verdadeiro/falso)
const temCarteira: boolean = true;

// Exibe os valores no console
console.log("Nome:", nome); // Imprime: Nome: Ana
console.log("Idade:", idade); // Imprime: Idade: 25
console.log("Tem carteira de motorista?", temCarteira); // Imprime: Tem carteira de motorista? true

Explicação:

  • let permite criar variáveis que podem mudar de valor.
  • const é para valores que não mudam.
  • : string, : number, : boolean definem o tipo de dado, ajudando o TypeScript a garantir que usamos o valor correto.
  • console.log exibe informações no terminal.

2. Estruturas Condicionais: if, else

As estruturas condicionais permitem que o programa tome decisões com base em condições. Por exemplo, "se a pessoa tiver 18 anos ou mais, ela pode dirigir; caso contrário, não pode". Em TypeScript, usamos if, else if e else.

Exemplo de Código: Verificando Idade para Dirigir

// Declara a variável idade com o valor 16
let idade: number = 16;

// Verifica se a idade é maior ou igual a 18
if (idade >= 18) {
    // Se verdadeiro, exibe esta mensagem
    console.log("Você pode dirigir!");
} else {
    // Se falso, exibe esta mensagem
    console.log("Você ainda não pode dirigir.");
}
// Saída: Você ainda não pode dirigir.

3. Estruturas de Repetição: Loops

Loops são usados para repetir ações várias vezes. Em TypeScript, os mais comuns são for e while.

Exemplo de Código: Loop for

// Loop que executa 5 vezes, com i indo de 1 a 5
for (let i: number = 1; i <= 5; i++) {
    // Exibe o valor de i a cada iteração
    console.log("Número:", i);
}

Saída:

// Número: 1
// Número: 2
// Número: 3
// Número: 4
// Número: 5

Explicação:

  • let i: number = 1 inicializa a variável i com 1.
  • i <= 5 define a condição para continuar o loop (enquanto i for menor ou igual a 5).
  • i++ incrementa i em 1 a cada iteração.
  • O bloco {} executa a cada volta do loop.

Exemplo de Código: Loop while

// Declara a variável contador com valor 0
let contador: number = 0;

// Executa enquanto contador for menor que 3
while (contador < 3) {
    // Exibe o valor do contador
    console.log("Contagem:", contador);
    // Incrementa o contador
    contador++;
}

Saida:

// Contagem: 0
// Contagem: 1
// Contagem: 2

Explicação:

  • while (contador < 3) executa o bloco enquanto a condição for verdadeira.
  • contador++ aumenta o valor de contador para evitar um loop infinito.

4. Funções: Reutilizando Código

Funções são blocos de código que realizam uma tarefa específica e podem ser reutilizados. Em TypeScript, definimos o tipo dos parâmetros e o tipo de retorno.

Exemplo de Código: Função para Somar

// Declara uma função chamada 'somar' que recebe dois números e retorna um número
function somar(a: number, b: number): number {
    // Calcula a soma de a e b
    let resultado: number = a + b;
    // Retorna o resultado
    return resultado;
}

// Chama a função com os valores 5 e 3
let total: number = somar(5, 3);
// Exibe o resultado
console.log("A soma é:", total);

Saída: A soma é: 8

Explicação:

  • function somar(a: number, b: number): number define uma função com dois parâmetros (a e b) do tipo número e um retorno do tipo número.
  • return resultado envia o valor calculado de volta.
  • Chamamos a função com somar(5, 3) e armazenamos o resultado em total.

Exemplo Avançado: Função com Condicional

// Declara uma função que verifica se um número é par
function ehPar(numero: number): string {
    // Verifica se o número é divisível por 2 (resto da divisão é 0)
    if (numero % 2 === 0) {
        // Se verdadeiro, retorna esta mensagem
        return `${numero} é par!`;
    } else {
        // Se falso, retorna esta mensagem
        return `${numero} é ímpar!`;
    }
}

// Chama a função com o valor 4
console.log(ehPar(4));
// Chama a função com o valor 7
console.log(ehPar(7));

Saída:

// 4 é par!
// 7 é ímpar!

Explicação:

  • numero % 2 === 0 verifica se o número é divisível por 2.
  • A função retorna uma string com a mensagem apropriada.
  • Podemos chamar a função várias vezes com diferentes valores.

Conclusão

Com variáveis, condicionais (if/else), loops e funções, você já tem as ferramentas básicas para começar a programar em TypeScript. Esses conceitos são a base para resolver problemas de forma lógica e estruturada. Tente praticar criando pequenos programas, como uma calculadora simples ou um jogo de adivinhação, para solidificar o aprendizado.

Aqui estão algumas dicas finais:

  • Pratique regularmente: Escreva códigos simples e teste no seu editor (como VS Code).
  • Leia os erros: TypeScript ajuda a identificar erros com mensagens claras.
  • Explore mais: Experimente outros recursos, como arrays e objetos, à medida que ganha confiança.