Aprenda como construir um ambiente de desenvolvimento front-end usando o webpack

Visão geral do curso

Este curso foi projetado para ensinar tudo o que você precisa saber sobre o webpack (v4.43.0), desde o básico até conceitos avançados. Ao construir um ambiente de desenvolvimento front-end prático por meio de exercícios práticos, você poderá aplicar o conhecimento adquirido neste curso em cenários do mundo real. Todo o código usado no curso está disponível publicamente.

Recursos do curso

Neste curso, você aprenderá os fundamentos do webpack e suas aplicações práticas em um curto período de tempo. Ao construir um ambiente de desenvolvimento front-end por meio de exercícios práticos, você poderá aplicar diretamente o conhecimento adquirido neste curso em projetos do mundo real. Cada palestra tem aproximadamente 5-6 minutos de duração (com um máximo de 10 minutos), permitindo uma melhor concentração e revisão mais fácil. O código de exemplo para cada palestra está disponível para download, incluindo código comentado para auxiliar no aprendizado. Além disso, este curso fornece explicações detalhadas sobre os seguintes tópicos: - Instalando pacotes para utilizar várias funcionalidades do webpack - Arquivos de configuração - Adicionando configurações aos arquivos de configuração Ao abordar esses tópicos, você evitará armadilhas comuns, como não entender por que certos pacotes são usados, o objetivo dos arquivos de configuração e o conteúdo das configurações.

Detalhes do curso

Assista ao vídeo de visualização Visão geral do curso, onde explicamos os seguintes pontos sobre este curso: - O ambiente de desenvolvimento que você construirá neste curso (o que ele pode fazer) - Estrutura do curso (o que você aprenderá em cada seção) - Sobre o código de exemplo - Conhecimentos prévios e requisitos para este curso - Notas importantes sobre este curso Também temos vídeos de visualização adicionais disponíveis para você assistir antes de decidir se inscrever.

O que você aprenderá

Neste curso, você aprenderá: - Como construir um ambiente de desenvolvimento front-end usando o webpack - Os conceitos básicos do webpack (o que é o webpack, suas principais características e terminologia) - Como configurar um ambiente de desenvolvimento usando várias funcionalidades e plugins do webpack - Como gerar arquivos otimizados usando o webpack - Como usar o Babel e o webpack juntos para converter código JavaScript em código que funcione em diferentes navegadores - Como validar e formatar código JavaScript usando ESLint, Prettier e webpack para manter a qualidade do código - Como lidar com CSS (Sass, PostCSS, etc.) com o webpack - Como lidar com imagens usando o webpack