Agenda e recursos do Curso de Webpack
Programa do curso de Curso de Webpack
Preparar o terreno para o Webpack
- O que é e como funciona?
- Instalação do Webpack
- Babel-loader
- O que é webpack config?
- Incorporando projeto base na Platzi Pizzaria
- Instalação, configuração e adequação da aplicação
Tratar arquivos CSS como módulos
- O que é um bundle?
- Gerenciando dependências front-end com npm
- Loaders: importando um CSS qualquer
- extract-css: resolvendo o FOUC (Flash of Unstyled Content)
- Platzidoro
Build de produção
- Usando e criando plugins
- File-Loader
- CSS Purify: removendo CSS não utilizado
- Entries e Outputs
- Importando scripts
- Lidando com dependências globais
Para este curso você vai precisar
1 Hora de conteúdo
10 Horas de treino
Conhecimentos prévios
- Desarrollo web con HTML, CSS y JavaScript
- Conocimiento de características de JavaScript: asincronismo, closures, scope, etc.
Software para este curso
- NPM
- Navegador web.
- Editor de código
Projeto do curso
Webpack no website Platzi PizzariaVocê já aprendeu a fazer um website estático da Platzi Pizzaria, agora vamos aplicar novos conhecimentos de Webpack para otimizar ainda mais o desenvolvimento da aplicação e evitar códigos repetidos.
Para este curso você vai precisar
1 Hora de conteúdo
10 Horas de treino
Conhecimentos prévios
- Desarrollo web con HTML, CSS y JavaScript
- Conocimiento de características de JavaScript: asincronismo, closures, scope, etc.
Software para este curso
- NPM
- Navegador web.
- Editor de código
Projeto do curso
Webpack no website Platzi PizzariaVocê já aprendeu a fazer um website estático da Platzi Pizzaria, agora vamos aplicar novos conhecimentos de Webpack para otimizar ainda mais o desenvolvimento da aplicação e evitar códigos repetidos.
Preparar o terreno para o Webpack
- O que é e como funciona?
- Instalação do Webpack
- Babel-loader
- O que é webpack config?
- Incorporando projeto base na Platzi Pizzaria
- Instalação, configuração e adequação da aplicação
Tratar arquivos CSS como módulos
- O que é um bundle?
- Gerenciando dependências front-end com npm
- Loaders: importando um CSS qualquer
- extract-css: resolvendo o FOUC (Flash of Unstyled Content)
- Platzidoro
Build de produção
- Usando e criando plugins
- File-Loader
- CSS Purify: removendo CSS não utilizado
- Entries e Outputs
- Importando scripts
- Lidando com dependências globais
