A sua newsletter da Campus Code • Edição 231 - Fevereiro de 2023
Hey! Tudo bem?
Se você faz código em JavaScript e ainda não utiliza TypeScript, chegou a hora de pensar em adotar esse conjunto de ferramentas. Ele permite adicionar tipagem estática opcional, trazendo formas mais eficientes de trabalhar com a linguagem. Nesta edição, selecionamos alguns artigos para te ajudar a entender melhor como utilizá-lo e aprofundar em sua aplicação.
Você também vê uma compilação de problemas com inteiros em diversas linguagens, como construir Matchers RSpec personalizados com objetos regulares, sugestões para animar grades do CSS e como usar docker-compose em desenvolvimento
Boa leitura!
TYPESCRIPT
O guia de TypeScript que eu queria ter tido
TypeScript tem uma curva de aprendizado bem complicada, e com o conjunto de ferramentas em alta, pode ser pesado lidar com a expectativa de dominá-lo rapidamente. Conrad Davis Jr. desenvolveu um guia baseado na sua própria experiência, pensando em facilitar o ensino e aprendizado, com uma linguagem mais simples e elementos visuais. Ele começa pelas razões para usar TypeScript, alguns conceitos introdutórios e vai até casos avançados que vivenciou em aplicações que construiu. Dica do André Kanamura.
Entenda TypeScript utilizando teoria dos conjuntos
Vladimir Klepov tem trabalhado com TypeScript há muito tempo, mas, em alguns momentos, comportamentos de baixo nível ainda o confundiam. Enquanto realizava pesquisas, conseguiu desenvolver diagramas baseados na teoria dos conjuntos da álgebra e mapas que facilitaram seu entendimento. Nesse artigo ele compartilha em mais detalhes o processo e os mapas. Dica do André Benjamim.
Como debugar TypeScript no Chrome
Um bug de software é um erro de programação ou um comportamento inesperado de um programa e “debugging” se refere ao processo de inspecionar e remover bugs do sistema. O navegador Google Chrome oferece um debbuger nativo para JavaScript com o módulo DevTools. Nesse tutorial, você vê como debugar do lado do cliente e do lado do servidor um código TypeScript no Chrome. Dica do André Benjamim.
Crie uma lista de afazeres com Phoenix, React e TypeScript
Com a adoção do esbuild, Phoenix agora tem suporte ao TypeScript, tornando mais fácil incluir React na aplicação. Nesse tutorial você vê um passo a passo para desenvolver uma aplicação básica para gerenciar lista de tarefas com Phoenix, React e TypeScript. Dica do André Benjamim.
Nosso programa de formação em desenvolvimento web está com inscrições abertas e todas as pessoas que têm interesse em impulsionar a carreira podem participar. E o melhor: é 100% gratuito e totalmente online! O processo seletivo é focado em aprendizado desde o primeiro dia, com conteúdos exclusivos e desafios de código. Ao final, a gente treina você com todas as boas práticas e te ajuda a desenvolver habilidades além do código através de uma vivência em time de desenvolvimento. Contamos mais detalhes na Live de Lançamento.
CAMPUSCODERS INDICAM
Exemplos de problemas com inteiros
Geralmente todos os objetos e variáveis têm limitações e problemas e, claro, inteiros também. Ao representarmos um número com um espaço fixo e limitado (como 8/16/32/64 bits), você possivelmente encontrará contratempos. Veja, nesse artigo, uma lista do que pode acontecer de errado ao usar inteiros em diversas linguagens (não só as de baixo nível). Dica do André Benjamim.
Construindo matchers RSpec personalizados com objetos regulares
É possível escrever matchers customizados para o RSpec apenas utilizando as classes e objetos básicos e você vê como construí-los passo-a-passo nesse breve artigo. Dica do André Benjamim.
Animando grades do CSS
As propriedades grid-template-rows e grid-template-columns do CSS agora são animadas na maioria dos navegadores web, mesmo tecnicamente tendo suporte no CSS Grid há um bom tempo. Nesse artigo você acompanha alguns exemplos com o passo-a-passo de como construir esses elementos animados em sua aplicação. Dica do André Kanamura.
Usando Docker Compose em desenvolvimento
Docker Compose é uma ferramenta muito útil para desenvolvimento. Mas containers são imutáveis e, portanto, não são um ambiente ideal de desenvolvimento, já que precisamos mudar e rodar as alterações com frequência. Volumes podem ajudar, mas não resolvem todo o problema. Existem vários truques que podem ser empregados para melhorar essa experiência em um ambiente de desenvolvimento e você vê alguns deles nesse artigo. Dica do André Kanamura.