Forem: Leandro Lopes

Curso gratuito de Typescript 2025 - Aula 002

Leandro Lopes — Sun, 05 Jan 2025 20:17:40 +0000

Na aula anterior, configuramos nosso ambiente de desenvolvimento e mergulhamos nos Tipos Primitivos do Typescript.

Na aula de hoje, vamos aprender a trabalhar com Objetos e Arrays em Typescript.

Introdução

Nessa aula, vamos aprender sobre Objetos e Arrays em Typescript. Vamos explorar diferentes formas de como podemos criar objetos e arrays em nossos projetos com Typescript.

Objetos Literais

Uma das formas mais simples de criar um objeto é através de objetos literais. Essa abordagem é particularmente útil quando você já tem conhecimento prévio das propriedades do objeto, uma vez que não é possível adicionar novas propriedades posteriormente.

const objeto = {
  chaveA: 'value',
  chaveB: 'value',
};

objeto.chaveC = 'value';

Index Signature

Uma forma de criar objetos dinâmicos é utilizando Index Signature. Essa abordagem é especialmente útil quando não sabemos antecipadamente quais serão as propriedades do objeto.

const objeto: { [key: string]: string } = {
  chaveA: 'value A',
  chaveB: 'value B',
};

objeto.chaveC = 'value C';

console.log(objeto);

Record

Outra forma que temos de criar objetos dinâmicos em Typescript é utilizando Record. O Record é um dos Utility Type da caixa de ferramentas do Typescript. Vamos explorar mais sobre os Utility Types mais adiante. Por enquanto, o que você precisa saber é que ao utilizar Record, precisamos especificar o tipo para a chave (key) e para o valor (value) do objeto entre <>.

const objeto: Record<string, string> = {
  chaveA: 'value A',
  chaveB: 'value B',
};

Array Literais

A forma mais simples de criar um array é usando um array literal, que é uma lista de elementos separados por vírgulas dentro de colchetes.

const arrayDeNumeros: number[] = [1, 2, 3];
const arrayDeString: string[] = ['Josh', 'Patrick', 'Lamar'];
const arrayDeStringENumeros: (string | number)[] = [1, 'Alice', 55];

console.log(arrayDeString);
console.log(arrayDeNumeros);
console.log(arrayDeStringENumeros);

Array Constructor

Você também pode usar o construtor Array para criar um novo array.

const arrayDeNumeros: Array<number> = [1, 2, 3];
const arrayDeString: Array<string> = ['Josh', 'Patrick', 'Lamar'];
const arrayDeStringENumeros: Array<string | number> = [1, 'Alice', 55];

console.log(arrayDeString);
console.log(arrayDeNumeros);
console.log(arrayDeStringENumeros);

Você pode acessar o código da aula, acessando o link abaixo:
https://github.com/d3vlopes/curso-typescript/tree/aula-002

Próxima aula

Na próxima aula, vamos explorar as funções em Typescript. Vamos aprender como definir o tipo dos parâmetros, tipo de retorno e muito mais!

Deixe um comentário e compartilhe essa publicação com sua rede para dar uma força e ajudar mais pessoas a aprender Typescript.

Curso gratuito de Typescript 2025

Leandro Lopes — Sun, 05 Jan 2025 19:52:08 +0000

Para ajudar você a conquistar seus objetivos em 2025 como Desenvolvedor de Software, estou disponibilizando um curso completo de Typescript totalmente GRATUITO!

📚 O que você vai aprender?
🔷 Aula 001 - Tipos Primitivos
🔷 Aula 002 - Objetos e Arrays
🔷 Aula 003 - Funções
🔷 Aula 004 - Outros tipos
🔷 Aula 005 - Union Types, Type Assertion e Literal Types
🔷 Aula 006 - Inferência de tipo
🔷 Aula 007 - Interface e Types
🔷 Aula 008 - Generics
🔷 Aula 009 - Utility Types
🔷 Aula 010 - Classes (Parte 1)
🔷 Aula 011 - Classes (Parte 2)
🔷 Aula 012 - Dicas Extras
🔷 Aula 013 - Desafio prático

Você vai aprender tudo que você mais vai utilizar ao trabalhar com Typescript no seu dia a dia de forma prática.

Se você já conhece Javascript, o Typescript será um divisor de águas na sua carreira, trazendo mais segurança e escalabilidade ao seu código.

Setup

Antes de iniciar a aula, precisamos primeiro configurar o setup do nosso ambiente de desenvolvimento, instalando e configurando algumas ferramentas que vamos utilizar.

Instalação do Node

Se você não tiver o Node instalado em sua máquina, você pode acessar https://nodejs.org/en/download e fazer a instalação conforme o seu sistema operacional.

Instalação do VS Code

Irei utilizar o VS Code como editor, você pode baixar ele acessando https://code.visualstudio.com.

Instalação do Typescript

Com o Node instalado, podemos inciar o projeto e configurar o Typescript.

Crie uma pasta e abra o terminal nessa pasta recém criada e rode o seguinte comando pressionando ENTER:

npm init -y && code .

O comando irá criar um arquivo package.json e abrir o VS Code na pasta. No VS Code click em View > Terminal para abir o terminal integrado.

Agora, no terminal integrado do VS Code, rode o seguinte comando:

npm i -D typescript

Esse comando vai instalar o Typescript como uma dependência de desenvolvimento no nosso package.json.

Crie um arquivo chamado tsconfig.json e adicione a seguinte configuração ao arquivo:

{
  "compilerOptions": {
    "rootDir": "./src",
    "outDir": "./dist",
    "target": "ES2020",
    "strict": true,
    "noEmitOnError": true
  }
}

O arquivo tsconfig.json serve para configurar o compilador do Typescript, existe diversas configurações que podemos fazer, nesse momento estamos interessado apenas nas seguintes configurações:

rootDir - Define o caminho para os arquivos Typescript.
outDir - Define a pasta de saida para os arquivos Javascript.
target - Define a versão do Javascript que o compilador deve utilizar para compilar os arquivos.
strict - Habilita o strict mode.
noEmitOnError - Não executa a compilação, caso tenha algum erro de tipo.

Você pode conhecer todas as opções disponíveis, acessando https://www.typescriptlang.org/docs/handbook/compiler-options.html

Acesse o arquivo package.json e crie um novo script para build com o comando:

npx tsc && node ./dist/index.js

O navegador assim como o Node não entende Typescript, precisamos compilar o código Typescript para Javascript para que ele possa entender e executar. Esse comando vai compilar nosso código Typescript para Javascript para que a gente possa executar ele no Node.

Lembre-se, no fim todo o nosso código Typescript vai virar Javascript. Typescript é apenas uma ferramenta utilizada no desenvolvimento para melhorar a segurança de tipo e escalabilidade do nosso código.

Para finalizar, crie uma pasta chamada src e um arquivo index.ts com o seguinte código:

console.log('Hello World')

Agora, vamos testar se está tudo funcionado. Abra o terminal e rode:

npm run build

Ao rodar, se tudo estiver certo, você deve ver no terminal Hello World.

Sempre que quiser ver algo no console, vai ser preciso rodar esse comando para compilar o arquivo para Javascript, beleza?

Tipos primitivos

Em TypeScript, existem seis tipos primitivos que são: string, number, boolean, symbol, bigint, null e undefined.

const nome: string = 'Leandro'; // Qualquer tipo de string: '' "" ``
const idade: number = 10; // 10, 1.57, -5.55
const adulto: boolean = true; // true ou false
const simbolo: symbol = Symbol('symbol-id');
const big: bigint = 10n;
const nulo: null = null;
const indefinido: undefined = undefined;

String

Uma string é qualquer coisa entre aspas. Pode ser aspas simples ('’), duplas ("”) ou crase ().

Number

Aqui não tem distinção: inteiros, decimais, positivos, negativos, tudo é tratado como number.

Boolean

O clássico verdadeiro ou falso.

Symbol

Um pouco abstrato, mas symbol é um identificador único. Pense nele como uma impressão digital para objetos.

Bigint

Se um number já é grande, o bigint é quase infinito. Use para lidar com números que nem calculadora científica resolve.

Null

Representa uma variável que não possui valor.

Undefined

Representa um valor não inicializado.

Você pode acessar o código da aula, acessando o link abaixo:
https://github.com/d3vlopes/curso-typescript/tree/aula-001

Próxima aula

Na próxima aula, vamos aprender sobre Objetos e Arrays em Typescript.

💡 Dúvidas ou problemas?
Teve algum problema com a configuração do setup? Ficou com alguma dúvida sobre a aula? Coloca aqui nos comentários, vamos juntos construir um material de qualidade e acessível a todos.

UI Patterns

Leandro Lopes — Thu, 04 Apr 2024 18:06:18 +0000

Você já se perguntou como as melhores interfaces são projetadas?

Bem-vindo ao universo dos UI Patterns, onde a magia da usabilidade e da experiência do usuário acontece!

UI patterns são componentes reutilizáveis/recorrentes que os designers usam para resolver problemas comuns de design de interface. Eles economizam tempo e esforço, promovendo usabilidade, consistência e acessibilidade.

Assim como os desenvolvedores, os designers usam patterns como soluções testadas e comprovadas para criar interfaces eficazes e fáceis de usar. Em vez de reinventar a roda a cada novo design, eles podem recorrer a uma coleção de padrões estabelecidos que provaram funcionar em situações semelhantes.

Alguns UI Patterns frequentemente utilizados para a criação de interfaces, são:

Breadcrumb: UI Pattern utilizado para indicar a localização do usuário na hierarquia de uma página web.
Card: UI Pattern utilizado para apresentar informações de forma resumida.
Modal: UI Pattern utilizado para chamar a atenção do usuário, interrompendo seu fluxo até que uma ação seja realizada.
Accordion: UI Pattern utilizado para organizar informações em uma interface de maneira compacta e permitir que o usuário expanda conforme seu interesse.

Quer aprender mais sobre UI Patterns? Conheça meu eBook Design para Devs onde temos um capítulo inteiro sobre esse assunto que todo desenvolvedor profissional frontend deve saber.

📚💡Melhores livros de programação - Parte 1

Leandro Lopes — Wed, 22 Nov 2023 18:25:02 +0000

A leitura é uma ponte essencial para o crescimento e a inovação na nossa área, e por isso, escolhi cuidadosamente livros que considero verdadeiros tesouros para qualquer desenvolvedor.

Ao adquirir esses livros através do link desta publicação, você não apenas investe em seu próprio desenvolvimento, mas também contribui para o crescimento do Union Developers. Cada compra realizada por meio deste link gera uma comissão que impulsiona nossos esforços em trazer ainda mais valor e conhecimento para todos.

Padrões de Projetos: Soluções Reutilizáveis de Software Orientados a Objetos

Esse livro é um clássico e indispensável para qualquer desenvolvedor sobre a arte do design de software. Escrito por Erich Gamma, Richard Helm, Ralph Johnson e John Vlissides, também conhecidos como "Gang of Four", o livro oferece um guia abrangente e atemporal sobre os padrões de design mais essenciais.

Explorando desde os fundamentos até os padrões avançados, esta obra apresenta soluções comprovadas para problemas comuns no desenvolvimento de software orientado a objetos. Cada padrão é detalhadamente descrito, incluindo a problemática que resolve, a estrutura da solução e as considerações de implementação.

Ao compreender e aplicar os padrões de projeto apresentados neste livro, os desenvolvedores podem elevar substancialmente a qualidade do código que produzem.

Seja você um novato ou um veterano na programação orientada a objetos, este livro permanece como uma fonte de conhecimento inestimável que continua a moldar e influenciar a prática da engenharia de software até hoje. É uma leitura obrigatória para aqueles que aspiram a se tornar verdadeiros mestres na criação de software de alta qualidade e eficiência.

Comprar agora

Entendendo Algoritmos: Um Guia Ilustrado Para Programadores e Outros Curiosos

Esse livro é extraordinário, ele descreve diversos algoritmos de forma acessível e envolvente. Escrito por Aditya Bhargava, esse livro oferece uma jornada única através do mundo dos algoritmos, tornando conceitos complexos compreensíveis para programadores de todos os níveis de experiência.

Com uma abordagem visual e prática, este livro utiliza ilustrações claras e exemplos do mundo real para explicar os fundamentos dos algoritmos. Desde algoritmos de ordenação até estruturas de dados, Bhargava guia o leitor por meio de técnicas essenciais que são cruciais para resolver problemas complexos de programação.

O que torna este livro verdadeiramente especial é a sua capacidade de equilibrar profundidade técnica com uma linguagem simples e uma abordagem amigável. Ele não apenas ensina como os algoritmos funcionam, mas também demonstra como aplicá-los de maneira prática em projetos reais.

Comprar agora

Desenvolvimento ágil limpo: de volta às origens

Esse livro é um guia essencial para equipes e profissionais que buscam aprimorar suas práticas ágeis e redescobrir os fundamentos que tornaram o desenvolvimento ágil uma revolução na indústria de software.

Escrito por alguém que esteve presente no nascimento e contribuiu com a criação do Manifesto Ágil, Robert Martin nos oferece uma perspectiva única sobre como manter a simplicidade e a eficácia no processo de desenvolvimento de software, explorando técnicas e princípios fundamentais.

Ao mergulhar nas páginas deste livro, você encontrará orientações valiosas sobre como evitar armadilhas comuns, promover a colaboração efetiva da equipe e, acima de tudo, entregar produtos de alta qualidade que atendam às necessidades dos clientes.

Seja você um novato ou um veterano no mundo ágil, este livro proporcionará uma visão esclarecedora e uma fonte de inspiração para levar suas práticas de desenvolvimento a um novo patamar. Prepare-se para embarcar em uma jornada que o levará de volta às origens do desenvolvimento ágil, equipando-o com as ferramentas e o conhecimento necessários para alcançar o sucesso em qualquer projeto.

Esta obra é um verdadeiro tesouro para todos os envolvidos no processo de desenvolvimento de software e um guia indispensável para aqueles que desejam explorar o potencial máximo do desenvolvimento ágil.

Comprar agora

Refatoração: Aperfeiçoando o Design de Códigos Existentes

Um clássico escrito por Martin Fowler, este livro oferece uma abordagem prática e abrangente para aprimorar o design de código legado.

Fowler apresenta uma coleção de técnicas e padrões de refatoração, demonstrando como transformar código complexo e difícil de manter em uma base sólida e flexível. Com exemplos práticos e casos de estudo do mundo real, você vai embarcar através do processo de melhoria contínua do código, promovendo maior legibilidade, facilidade de manutenção e eficiência.

Esta obra é essencial para desenvolvedores de todos os níveis de experiência que buscam elevar a qualidade do código e aprimorar a arquitetura de software. Ao ler esse livro você estará equipado com um arsenal de técnicas de refatoração e será capazes de criar sistemas mais robustos e adaptáveis, capazes de enfrentar os desafios do desenvolvimento de software moderno.

Comprar agora

Código limpo: habilidades práticas do Agile software

Uma bíblia sobre boas práticas, esse livro é um guia essencial para desenvolvedores que buscam elevar a qualidade e a legibilidade de seus códigos. Escrito por Robert Martin, este livro oferece uma abordagem prática e abrangente para escrever códigos que se destacam.

Martin apresenta uma série de princípios e técnicas, apoiados por exemplos do mundo real, que ajudam os desenvolvedores a produzir código claro, eficiente e de fácil manutenção. Ao explorar temas como nomenclatura, funções, classes e estruturas de controle, o autor fornece um conjunto valioso de diretrizes que promovem a criação de software de alta qualidade.

Esta obra é uma leitura indispensável para qualquer profissional que se preocupa com a arte de escrever código limpo e eficaz. Ao aplicar os ensinamentos deste livro, os desenvolvedores serão capazes de produzir software que não apenas funciona, mas que também é fácil de entender, modificar e expandir.

Este livro é uma fonte inestimável de conhecimento que transformará a maneira como você aborda o processo de codificação.

Comprar agora

Gostou das indicações? Quais você já leu ou quer ler? Tem alguma indicação? Compartilha aqui nos comentários.

Scrum para devs - Papéis

Leandro Lopes — Thu, 24 Aug 2023 16:57:21 +0000

O Scrum é o framework mais utilizado no mercado para desenvolvimento de software e nesse artigo vamos conhecer os papéis que ele nos apresenta e como cada um contribui para a criação de um produto de sucesso.

Scrum Master

O Scrum Master é como o maestro de uma orquestra, garantindo que todos os membros da equipe toquem em harmonia.

Sua responsabilidade principal é facilitar a adoção e a implementação bem-sucedida do Scrum. Isso envolve remover obstáculos que possam impedir o progresso da equipe, garantindo que as práticas ágeis sejam seguidas corretamente.

O Scrum Master também atua como um escudo protetor, mantendo as distrações longe da equipe para que possam se concentrar no desenvolvimento do produto.

Product Owner

O Product Owner é como um treinador de futebol, definindo o que o time deve treinar e se os resultados apresentados pelo time são satisfatórios.

O Product Owner é a voz dos stakeholders, sua responsabilidade é transformar as necessidades dos usuários em itens do backlog claros e compreensíveis para o time de desenvolvimento.

O Product Owner é quem valida os entregáveis do time, verificando se estão em conformidade com as necessidades dos usuários.

Time de desenvolvimento

O time de desenvolvimento é o coração pulsante do Scrum, realizando o trabalho necessário para transformar os itens do backlog em incrementos para o produto.

Cada membro da equipe é como um músico em uma banda, trazendo suas habilidades únicas para criar uma sinfonia harmoniosa.

O time de desenvolvimento trabalha nos itens que o Product Owner prioriziou no backlog, definindo o que pode ser entregue na sprint.

O time de desenvolvimento também trabalha próximo do Scrum Master, reportando qualquer impedimento que possa ter que impeça que as metas sejam alcançadas.

Cada papel tem suas responsabilidades e contribuições únicas, e é a interação entre esses papéis que permite ao Scrum atingir seus objetivos de flexibilidade, transparência e entrega contínua de valor ao longo do ciclo de desenvolvimento.

Scrum é uma ferramenta incrível que todo desenvolvedor precisa aprender!!

Quer aprender a desenvolver software de forma ágil com Scrum?

No Union Developers você participa de todos os rituais do Scrum, apredendo enquanto participa do projeto, dessa forma você aprende já sabendo como que é aplicado no mundo real.

Acesse nossa página e venha aprender Scrum de uma forma prática e intuitiva a como trabalhar com essa importante ferramenta no desenvolvimento de software.

Como conseguir ganhar experiência como desenvolvedor júnior sem estar em uma empresa?

Leandro Lopes — Fri, 18 Aug 2023 00:10:51 +0000

No mercado competitivo de tecnologia, a busca por oportunidades para desenvolvedores juniors pode ser frustante.

As empresas buscam profissionais com experiência, o que pode deixar alguns desenvolvedores se perguntando: como adquirir experiência sem estar no mercado?

Se você se identifica com essa questão, saiba que você não está sozinho.

A boa noticia é que existem alternativas para ganhar experiência e desenvolver habilidades essenciais para o mercado de trabalho, mesmo fora do ambiente corporativo.

Uma dessas alternativas é o Union Developers, que busca ajudar desenvolvedores juniors a conquistar experiência e habilidades necessárias para entrar no mercado.

No Union, nosso objetivo é oferecer uma experiência única e valiosa para desenvolvedores que buscam aprimorar suas habilidades e competências.

Através de uma abordagem prática e imersiva, buscamos proporcionar uma experiência que se assemelha ao cotidiano de uma empresa real, onde os membros do Union têm a oportunidade única de adquirir a experiência que falta.

Nossos projetos são gerenciados utilizando métodologias ágeis, que permitem que os membros desenvolvam habilidades essenciais, como trabalho em equipe, comunicação e inteligência emocional.

Para tornar a experiência ainda mais enriquecedora, contamos com desenvolvedores experientes que guiam os membros em suas jornadas, proporcionando insights valiosos e orientação durante todo o processo.

Se você é um desenvolvedor júnior em busca de oportunidades para desenvolver suas habilidades e construir uma base sólida para sua carreira, o Union é o lugar perfeito para você.

Acesse agora uniondevelopers.com.br e saiba como participar desse projeto incrível e inovador!