Coleção pessoal de artigos para estudo

Formato:

dd/mm/yyyy (O dia que li o artigo):

• Um link com a Data em que o post foi feito - Título do artigo

  Breve descrição do que está escrito no artigo

---

Conteúdos

• Auto Aprendizado
• JavaScript
• Tutoriais
• Código Aberto
• Ferramentas
• React
• Front End
• Blogs/Docs
• Acessibilidade
• Entrevista

Auto Aprendizado

21/12/2020:

• Pare de Memorizar!: O Conselho #1 Que Eu Gostaria Que Alguém Tivesse Me Dado:

  Foque em aprender habilidades de resolução de problemas e pratique algoritmos e estruturas de dados;
  Não tenha medo de usar o Google + copiar e colar e aprenda a usar palavras-chave para encontrar o que você está procurando mais rápido;
  Faça suas anotações de estudo de forma que sejam fáceis de consultar quando necessário.
  

21/07/2024:

• 01 de maio de 2024, Você precisa entender o negócio para projetar uma boa estratégia de engenharia

  Como entender onde você trabalha para tomar decisões.
  

JavaScript

22/12/2020:

• Série de Artigos Cheatsheets de JavaScript:

  Cheatsheet de Array JS -> length; concat; join; slice; indexOf; lastIndexOf; map; sort; reverse; forEach; every; some; filter; shift; unshift; pop; push; splice;
  Cheatsheet de Math JS -> abs; round; ceil; floor; max; min; pow; random; sqrt.
  

07/01/2020:

• A Maneira Mais Rápida de Passar Estado para JavaScript, Revisitada

  Como e por que analisar objetos com <script type="mime/invalid"> pode ser mais rápido do que análise simples e JSON.parse
  

30/11/2024:

• 20 de setembro de 2024 - Explicando JavaScript Generators em um nível sênior

  Streams - push e pull;
  Lazy e eager evaluation;
  Generators e seus casos de uso.
  

19/01/2024:

• 17 de novembro de 2024 - Escrevendo JavaScript moderno sem um empacotador

  Importando arquivos JavaScript com a tag script;
  Importando bibliotecas via CDN;
  Instalando dependências localmente;
  Mais sobre gerenciamento de dependências e bibliotecas/ferramentas que possam quebrar.
  

Tutoriais

• Introdução a Videogames e Emuladores:

  9 Gerações de Consoles;
  Entendendo Emuladores;
  De 16 a 32 bits e de Assembly para C;
  GPUs.
  

Código Aberto

25/12/2020:

• Não tenha medo, comece com Código Aberto o mais rápido possível

  Projetos legais de código aberto como -> Kubernetes, TensorFlow e outros;
  Links úteis para começar a contribuir com projetos de código aberto.
  

Ferramentas

28/12/2020:

• Série de Artigos Ferramentas e Recursos:

  Ferramentas e recursos para ajudar desenvolvedores;
  Threads no Twitter para ajudar a encontrar empregos.
  

React

26/11/2023:

• Construindo um componente de gaveta - Emil Kowalski

  Desenvolvimento do componente BottomSheet em cima do Radix.
  

09/12/2023:

• 15 de setembro de 2023 - Como criar uma biblioteca de componentes React ESM+CJS

  Como criar uma biblioteca de componentes usando typescript, react e rollup. Compilações para cjs, mjs, iife e umd.
  

14/01/2024:

• Novembro de 2023 - Princípios SOLID em React / React Native

  Como usar SOLID com exemplos em React Native.
  

14/01/2024:

• Janeiro de 2024 - Truques de React: Rápido, Ajustado e Divertido Boas maneiras de usar React.cloneElement - Composição de componentes;
  Bons exemplos de como o react re-renderiza e maneiras de evitar isso;
  Usos para a função inicializadora de React.useState;
  Hook useEvent, semelhante ao React.useCallback mas estabiliza o callback;
  Usos para React.useSyncExternalStore, assinando estado externo.
  

20/07/2024:

• 17 de maio de 2020 - Um Guia (Quase) Completo para o Comportamento de Renderização do React

  Detalhes de como o React renderiza;
  Regras de renderização do React;
  Reconciliação;
  Renderização assíncrona, Closures;
  Performance;
  Contexto.
  

01/08/2024:

• 23 de julho de 2024 - Como o Airbnb Atualiza o React Suavemente

  Atualizando o react de 16 para 18;
  Desafios ao fazer isso;
  O sistema deles para migrar;
  Como eles testam;
  Como eles gerenciam para fazer lançamentos progressivos.
  

01/01/2025:

• 21 de agosto de 2024 - Exemplos de uso do useSyncExternalStore com LocalStorage

  Exemplo de como sincronizar estados entre as abas.
  

05/01/2025:

• 2 de dezembro 2024 - Como melhorar o INP: React Exemplos de melhorias de INP em aplicativos React, principalmente com recursos do React 18: React Concorrente (startTransition, Suspense);
  Manipulação de eventos;
  Transições abortáveis;
  Portais.
  

Front End

01/12/2023:

• 05 de novembro de 2023 - Construindo Aplicações Web Modernas: 5 Princípios Essenciais de Arquitetura Frontend

  Princípio 1: Carregamento assíncrono ou deferido, considere o caminho crítico;
  Princípio 2: Tree-shake, faça o bundle conscientemente e elimine código morto;
  Princípio 3: Defina e respeite um orçamento de performance;
  Princípio 4: Adira às APIs da plataforma web e aos padrões web;
  Princípio 5: Use frameworks frontend de nova geração.
  

02/12/2023:

• 22 de novembro de 2023 - Um Guia Interativo para CSS Grid

  Ensina tudo sobre CSS grid com exemplos de código embutidos.
  

06/12/2023:

• 24 de outubro de 2023 - Da Ideia ao Design para Não-Designers Objetivos;
  Inspiração;
  Layout;
  Cores;
  Tipografia;
  Botões;
  Links;
  Juntando Tudo.
  

26/04/2024:

• 15 de março de 2023 - 6 Trechos de CSS que todo desenvolvedor front-end deve conhecer em 2023

  Uma consulta de contêiner;
  Snap de rolagem;
  Pilha de grid;
  Círculo rápido;
  Controle de variantes com @layer;
  Memorize menos e alcance mais com propriedades lógicas.
  

26/04/2024:

• 24 de outubro de 2023 - 5 Trechos de CSS que todo desenvolvedor front-end deve conhecer em 2024

  CSS:has(.potencial-além-de-ser-um-seletor-pai);
  Crie um subgrid;
  Aninhe do jeito CSS;
  Deixe o navegador equilibrar manchetes;
  Use unidades de consulta de contêiner.
  

10/05/2024:

• 21 de janeiro de 2024 - O que é CSS Motion Path? Como elementos com css usando caminho;
  Animando caminhos svg;
  Animando textos ao longo de um caminho;
  Animando e movendo um ícone com base na rolagem.
  

07/07/2024:

• 21 de novembro de 2023 - O Componente de Troca de Tema Perfeito

  Maneira simples de mudar temas com js mínimo.
  

07/07/2024:

• 17 de janeiro de 2024 - Uma Introdução Prática às Animações Dirigidas por Rolagem com CSS scroll() e view()

  Muitos exemplos;
  Como usar as propriedades de rolagem e animação do css;
  Criando um carrossel com js mínimo.
  
  

16/07/2024:

• 21 de fevereiro de 2024 - Transições de visualização: Lidando com mudanças de proporção

  Animando texto com transições de visualização.
  

20/07/2024:

• 02 de maio de 2024 - Combinando CSS :has() E HTML select Para Maior Estilização Condicional Usos de :has em formulários;
  Exemplo para select obrigatório;
  Exemplo para mudanças de tamanho de fonte em toda a página;
  Exemplo para um seletor de tema.
  

25/07/2024:

• 16 de julho de 2024 - Entendendo SSR com Hidratação: Prós, Contras e Cenários para Arquitetos de Software

  Explicando hidratação;
  Mostra casos de uso e exemplos de projetos.
  

28/07/2024:

• 16 de julho de 2024 - Como fazer extensões complexas para o Chrome: um guia de gravidade zero Como a playbook desenvolveu sua extensão (chrome);
  Implementando autenticação, lendo cookies;
  Interagindo com a página web;
  Publicando-a.
  

04/08/2024:

• 21 de agosto de 2023 - Padrões para Reatividade com JavaScript Vanilla Moderno Padrão PubSub (Publicar Assinante);
  Padrão Observer (Proxies, Sinais e outros);
  Renderização Reativa da UI (Literais de string, MutationObserver, Web Components, Animações e css Reativo).
  

04/08/2024:

• 29 de julho de 2024 - Padrões para Manipulação de DOM Eficiente em Memória com JavaScript Vanilla Moderno Dicas para Manipulação de DOM Mais Eficiente (Ocultar/Mostrar em vez de criar/excluir elementos, textContent em vez de innerText, insertAdjacentHTML em vez de innerHTML);
  Exemplos dessas abordagens;
  Associando dados ao DOM com WeakMap para evitar vazamento de memória (dados coletados pelo garbage collector se o elemento for removido);
  Delegação de eventos;
  API AbortController para remover múltiplos eventos;
  Perfilamento e Depuração.
  

04/08/2024:

• 25 de julho de 2024 - A Localização do Usuário é uma Mentira Maneiras de obter a localização do usuário;
  O que não fazer (por exemplo, pedir a localização logo quando o conteúdo carrega);
  Exemplos e estratégias para alguns cenários (Tradução, Clima, etc).
  

23/10/2024:

• 30 de julho de 2024 - Checklist de Segurança para Frontend Exemplos práticos (React/Express) de como proteger aplicações frontend;
  XSS: Sanitização de entrada de usuário;
  CSP: Content Security Policy - Cabeçalhos;
  CSRF: Uso de tokens gerados pelo servidor;
  IDOR: Insecure Direct Object Reference - Verificação de permissões no servidor;
  Variáveis de ambiente (env): Evitar hardcoding de segredos.
  

07/03/2024:

• 29 de novembro de 2024 - Se Não React, Então O Que? A Regra da Menor Complexidade no Lado do Cliente;
  Conheça seu usuário antes de escolher como renderizar e entregar conteúdo;
  Exemplos de tipos de aplicações e como escolher uma estratégia de renderização;
  Refutando argumentos comuns a favor do React;
  Também fala muito sobre equívocos comuns sobre escolher React.
  

19/06/2025:

• 31 de dezembro de 2024 - Terminando com Tarefas Longas ou: como aprendi a agrupar loops e usar o yield Como quebrar o processamento síncrono de arrays em partes menores para prevenir tarefas longas;
  Comparação entre forEach, map, for..of loops e seu comportamento assíncrono;
  Estratégias de yield usando scheduler.yield() vs setTimeout();
  Técnicas de batching para otimizar performance e responsividade;
  Equilibrando tempo total de processamento vs taxa de quadros para experiência fluida do usuário.
  

Blogs/Docs

• Posts mais recentes do blog do Webkit Útil para acompanhar as atualizações do safari;
  Posts do blog muito bem escritos com muitos detalhes e explicações;
  Recursos do Safari, Anúncios, etc.
  

Acessibilidade

03/02/2024:

• 07 de dezembro de 2020 - aria-label, aria-labelledby e aria-describedby: Qual é a Diferença?

  Como usar atributos de acessibilidade, com exemplos práticos.
  

• 13 de abril de 2017 - Estrutura de Conteúdo

  Estrutura de conteúdo de páginas web: Artigos, Seções, Listas, Citações e Tabelas.
  

• 19 de outubro de 2021 - Texto Alternativo

  Exemplos práticos úteis de como usar textos alternativos.
  

• 21 de dezembro de 2023 - Os Principais Erros de Acessibilidade Encontrados em 2023 Principais erros de acessibilidade encontrados em 2023; Como corrigir esses erros.
  

23/06/2025:

• 7 de janeiro de 2025 - Testes Automatizados de Acessibilidade no Slack

  Como o Slack implementou testes automatizados de acessibilidade usando Axe com Playwright;
  Desafios ao integrar com Jest e React Testing Library;
  Soluções personalizadas para filtrar violações, gerenciar duplicatas e relatórios;
  Configuração de workflow para desenvolvedores incluindo flags de ambiente e integração CI;
  Processo de triagem e colaboração com equipes internas de acessibilidade.
  

24/06/2025:

• 13 de janeiro de 2025 - Testando Acessibilidade com Leitores de Tela

  Como testar aplicações web usando leitores de tela;
  Configuração e uso básico de leitores de tela populares;
  Técnicas práticas para identificar problemas de acessibilidade;
  Estratégias de teste manual complementares aos testes automatizados.
  

Entrevista

05/02/2024:

• 10 de setembro de 2023 - Perguntas para fazer ao seu entrevistador
  Codificação;
  Design de Sistema;
  Comportamental;
  Muitos links e dicas.
  

20/07/2024:

• 18 de janeiro de 2016 - Como passar na entrevista para cargos de engenharia de software em Big Tech
  

12/05/2024:

• 27 de janeiro de 2024 - Como contratar pessoas com pouca experiência e alto potencial Contratando novas pessoas;
  O que fazer em entrevistas.