Matheus Castiglioni

Arquitetura CSS: CSS Funcional

Continuando a série de post’s sobre arquitetura CSS, no post anterior vimos como organizar a estrutura de pastas e arquivos com ITCSS. Nesse post vamos dar uma olhada no CSS Funcional....

Arquitetura CSS: ITCSS

Criar uma boa estrutura para nossos arquivos CSS não é tão simples quanto parece, geralmente vamos encontrar algumas dificuldades ao decorrer do caminho, nos forçando à partir para práticas (não muito aceitas), como por exemplo: O uso do famoso !...

Criando Um EventEmitter

Lidar com eventos é algo comum em aplicações front-end, estamos constantemente criando, emitindo e escutando eventos, seja eventos de click, scroll, hover, focus, etc… A diversidade de eventos são grandes....

Como Funciona a Transpilação De Código Do Babel

Hoje em dia quando estamos trabalhando com a linguagem JavaScript é comum utilizarmos seus recursos, funcionalidades e sintaxes modernas. Porém, esse uso pode acabar trazendo problemas de compatibilidade entre navegadores, vamos imaginar o seguinte cenário:...

Previnindo Multiplas Requisições Com Debounce

Imagine que temos um sistema rodando em produção e resolvemos disponibilizar uma nova funcionalidade, referente lançamentos de vendas. Para exemplo do post vamos imaginar um form bem simples, onde o usuário vai informar o cliente, produto, quantidade e valor, poderíamos ter algo parecido com:...

Desconstruindo a Web: Estilização De Páginas

No post anterior eu expliquei um pouco sobre como é o processo de renderização de páginas dos navegadores (browsers). Dando continuidade na série sobre como a web funciona por debaixo dos panos, nesse post vou explicar como é feito a estilização de páginas....

Desconstruindo a Web: Renderização De Páginas

Continuando a série “Desconstruindo a Web”, onde estamos desvendando, entendendo e tendo ideias de “como” as coisas funcionam por debaixo dos panos (under the hood)....

Desconstruindo a Web: Pilha De Execução Do Javascript

Atualmente nós desenvoldedores (programadores) front-end estamos preocupados em frameworks e bibliotecas, por exemplo: React, Vue, Angular, Webpack, Babel, ESLint, etc… Ficamos preocupados em responder simplesmente uma das perguntas mais famosas: “Qual framework/biblioteca usar?...

Desconstruindo a Web: Arquitetura De Multi Processos Do Chromium

É quase impossível construir um motor de renderização que não falha, trava ou perfeitamente seguro. Em navegadores (browsers) por volta de 2006 havía poucos usuários, então, não existia uma grande preocupação com processamento, consumo de memória e acessos simultâneos....

Configurando Alias No Webpack

Criar aplicações e projetos front-end é fácil, o dificil é como organizar, estruturar e arquitetar. Muitas vezes alguns detalhes acabam passando despercebido e poderiam facilmente serem resolvidos....