Curso Online Webpack: trabalhando com módulos na sua webapp

Hoje você tem desconto para estudar na Alura!

trabalhando com módulos na sua webapp

Quero estudar na alura

Para conclusão

2267

Pessoas nesse curso

9.4

Avaliação média

Certificado

De participação

O que você aprenderá_

Aprenda o module bundler mais popular do mercado
Trate CSS como módulos em seu código JavaScript
Diferencie o build de desenvolvimento do build de produção
Aplique técnicas como o Lazy Loading e o Code Splitting
Seja mais produtivo como Webpack Dev Server
Otimize seu build de produção

Público alvo_

Desenvolvedores Single Page Application que desejam se aprofundar no Webpack.

Flavio Henrique de Souza Almeida

Flávio é desenvolvedor e instrutor, focado no desenvolvimento com Angular e procurando conciliar o frontend com o backend. Palestrou em conferências como QCON e MobileConf. É autor do best-seller "Cangaceiro JavaScript". Além da sua graduação e MBA em TI, também é graduado em Psicologia, aplicando os aprendizados desta área no desenvolvimento de software e de aplicações web.

Curso atualizado em 09/03/2022

Já estuda na Alura?

Comece o curso agora

Ementa

Introdução
- Apresentação
- O projeto
- Laténcia e largura de banda
- Instalação do Webpack
- Configuração inicial
- Lidando com caminhos absolutos
Primeiro contato com plugins
- Resolvendo um problema manualmente
- Geração dinâmica de app.html
- Ajustando nossa configuração
- Limpeza da pasta dist antes de cada build
- Invalidando cache
Tratando CSS como módulo
- Resolvendo o problema com CSS
- Usando npm para gerenciar dependências de CSS
- Tratando CSS como módulo
- Configuração do css-loader
- Configuração do style-loader
Build de produção e boas práticas
- Estilo no JS ou no CSS?
- Movendo CSS para eu próprio arquivo
- Build de produção
- Minificação do CSS
- Um problema não esperado
- Melhor otimização
- Lazy loading e code splitting
- Implementando lazy loading
Webpack Dev Server
- Webpack Dev Server
- Build em memória
- Build automático
- Conclusão

Descubra se esse curso é pra você! Leia as primeiras aulas

Comece essa formação agora mesmo e capacite-se para seu próximo projeto!

Conheça os planos

Escola

Front-end

Desenvolva experiências web incríveis com HTML, CSS e JavaScript, além de se aprofundar nos principais frameworks do mercado, como React, Angular e Vue.JS. Domine JavaScript a fundo, para não depender de copiar e colar.

Conheça a escola

Cursos relacionados em Automação e Performance

curso

HTTP

entendendo a web por baixo dos panos

Front-end

curso

Power Automate

criando fluxos de trabalho automatizados e otimizando rotinas

Front-end

Cursos relacionados em Automação e Performance

curso

HTTP

entendendo a web por baixo dos panos

Front-end

curso

Power Automate

criando fluxos de trabalho automatizados e otimizando rotinas

Front-end

Faça parte da nossa comunidade no discord!

Troque conhecimentos com a comunidade da Alura

nossos alunos e alunas

Experiências de quem já mergulhou com a gente.

Faz isso comigo não meu querido professor Flavio! Quando tava ficando bom já acabou o curso :( Parabéns por mais esse curso sensacional com a sua didática inigualável! Você é o cara! tmj

Webpack: trabalhando com módulos na sua webapp

Thiago dos

Excelente! Fiz o curso de webpack (primeira versão) e agora concluí este e pude notar claramente a evolução. Exemplos muitos bacanas, conteúdo abordado de primeira e o professor manja muito heim! Partiu Vue.js!

Webpack: trabalhando com módulos na sua webapp

Ailton Occhi Santana

Gostei muito, pois com o webpack é possível separar os processos de construção e manutenção do front-end sem depender do deploy do servidor back-end. Esta técnica traz mais produtividade e permite ter um front-end robusto em aplicações que utilizam Javascript puro renderizando as páginas ao lado do servidor, então fica viável manter essa stack de forma inteligente com o webpack.

Webpack:

O que você aprenderá_