Front-end

Webpack: Manipulando módulos na sua webapp

Curso online de Webpack: Manipulando módulos na sua webapp

895 9.0

9,0

é a nota desse curso

3.213

alunos neste curso

Faça esse curso e...

  • Aprenda o module bundler mais popular do mercado
  • Diferencie o build de desenvolvimento do build de produção
  • Aprenda a aplicar técnicas como o lazy loading e o code splitting
  • Seja mais produtivo como Webpack Dev Server
  • Separe sua aplicação em diferentes bundles
  • Aplique na prática as boas práticas seguidas pela comunidade

Carreiras com esse curso

Veja o primeiro vídeo

Público alvo

Desenvolvedores Single Page Application que desejam se aprofundar no Webpack

Nível de Dificuldade

Intermediário

Instrutores

  • 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.

Já é aluno?

Começar o Curso

Conteúdo Detalhado

  1. Introdução

    • Webpack, agrupador de módulos
    • Preparando o terreno para o Webpack
    • O temível webpack.config.js
    • Babel-loader, a ponte entre o Webpack e o Babel
  2. Preparando o build de produção

    • Build de produção
    • Mudando variáveis de ambiente com cross-env
  3. Webpack Dev Server e configuração

    • Adequando a aplicação
    • Instalação e configuração
  4. Tratando arquivos CSS como módulos

    • Gerenciando dependências front-end com npm
    • Importando Bootstrap como um módulo
    • Importando um CSS qualquer
    • Resolvendo o FOUC (Flash of Unstyled Content)
    • Resolvemos um problema e criamos outro, mas tem solução!
  5. Importando scripts

    • Importação de scripts
    • Lidando com dependências globais
  6. Boas práticas

    • Otimizando o build com Scope Hoisting
    • Separando o nosso código das bibliotecas
    • Gerando a página principal automaticamente
    • Code splitting e Lazy loading
    • System.import vs import
    • Quais são os arquivos para distribuição?
    • Alterando o endereço da API no build de produção
    • Considerações finais

Escolha o seu plano e vamos começar

  • Cursos
  • Certificado de participação
  • Todas as formações

    Guias de estudo completo para você iniciar em uma nova área de tecnologia

  • Projeto avaliado pelos instrutores

    Projeto de conclusão das Formações com avaliação dos professores da Alura e certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Curso online de inglês técnico para aprimorar seu conhecimento

Premium
  • 644
12X
R$75

à vista R$900

Matricule-se
Premium Plus
  • 644
12X
R$100

à vista R$1.200

Matricule-se
Max
  • 644
12X
R$120

à vista R$1.440

Matricule-se
Acesso por 1 ano
Estude 24h/dia onde e quando quiser
Novos cursos toda semana