Curso de Webpack: Manipulando módulos na sua webapp

9,2

Nota desse curso

5.632

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

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

Veja o primeiro vídeo

Formações com esse curso

Público alvo

Desenvolvedores Single Page Application que desejam se aprofundar no Webpack

Nível de Dificuldade

Intermediário

Instrutores

  • 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

Experiências de quem já estudou com a gente

Everton Quadros Do Couto

em 11/03/2019

Curso muito interessante, mas as transcrições poderiam contar com o código completo para cópia em caso de erro, especialmente nas últimas aulas.

Webpack: Manipulando módulos na sua webapp

jhonatan matheus sousa costa

em 23/03/2019

iria dar nota 10 se o conteudo fosse atualizado pois muitas dependencias usadas estão defasadas

Webpack: Manipulando módulos na sua webapp

Tiago Vidotto

em 21/03/2019

Olá, embora o curso e o instrutor sejam muito bons, eu me perdi com as diversas dependências e a função delas. Do meu ponto de vista, ficou parecendo um Game of Thrones de dependências. hahaTalvez fosse interessante algo como um fluxo de dependências, semelhante ao fluxo de processos do PMBOK.

Webpack: Manipulando módulos na sua webapp

Sabe quando você pode começar? Agora!

  • 839 cursos

    Cursos de programação, design, UX, agilidade, transformação digital, mobile, front-end, infraestrutura e mais.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • Todas as formações

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

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com 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

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

Premium

  • 839 cursos

    Cursos de programação, design, UX, agilidade, transformação digital, mobile, front-end, infraestrutura e mais.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • Todas as formações

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

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com 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

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

12X
R$75
à vista R$900
Matricule-se

Premium Plus

  • 839 cursos

    Cursos de programação, design, UX, agilidade, transformação digital, mobile, front-end, infraestrutura e mais.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • Todas as formações

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

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com 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

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

12X
R$100
à vista R$1.200
Matricule-se

Max

  • 839 cursos

    Cursos de programação, design, UX, agilidade, transformação digital, mobile, front-end, infraestrutura e mais.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • Todas as formações

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

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com 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

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

12X
R$120
à vista R$1.440
Matricule-se
Acesso por 1 ano
Estude 24h/dia onde e quando quiser
Novos cursos toda semana