Guia de Conceitos Fundamentais de Front-end: CSS, JavaScript e Ferramentas Modernas
Box Model do CSS
Os modelos de caixa principais são o modelo padrão (W3C) e o modelo de caixa peculiar (IE). O modelo padrão define a largura total de um elemento como a soma da largura do conteúdo, borda, padding e margem. O modelo de caixa peculiar considera a largura do conteúdo como incluindo a borda e o padding, resultando em uma largura t ...
Publicado em 6-12 17:52 por Thomas
Guia de Configuração do Webpack para Aplicações JavaScript
O webpack é um empacotador de módulos estáticos moderno para projetos JavaScript. Ele analisa a aplicação para cnostruir um grafo de dependências, incluindo todos os módulos necessários, e os empacota em um ou mais bundles.
Instalação e Configuração Básica
Antes de começar, certifique-se de ter o Node.js instalado na versão mais recente.
Insta ...
Publicado em 6-11 16:59 por Thomas
Webpack 4.0: Configurações Avançadas e Otimizações
Variáveis de Ambiente
Ao executar o webpack, é possível definir variáveis de ambiente através da linha de comando para personalizar a compilação. Por exemplo, para configurar um ambiente local de produção com barra de progresso:
npx webpack --env.ambiente=local --env.producao --progresso
Tree Shaking
O Tree Shaking remove código JavaScript não ...
Publicado em 6-10 04:37 por Thomas
Migração e Modernização de Projetos Vue 2.x para a Versão 2.7
A atualização para o Vue 2.7 representa um marco importante para aplicações legadas. Esta versão traz nativamente recursos do Vue 3, como a Composition API e o suporte a <script setup>, sem a necessiadde de migrar toda a arquitetura para o ecossistema Vue 3 imediatamente. Além disso, facilita a introdução progressiva de TypeScript no códi ...
Publicado em 6-7 02:21 por Thomas