Curso de Webpack: Manipulando módulos na sua webapp

9,2

Nota desse curso

6.439

Alunos neste curso

Faça esse curso de Automação e Performance 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

Primeira aula de Webpack: Manipulando módulos na sua webapp

Formações com esse curso

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.

Cursos relacionados

Cursos de Automação e Performance em Front-end

Público alvo

Desenvolvedores Single Page Application que desejam se aprofundar no Webpack

Nível de Dificuldade

Intermediário

Já é aluno?

Começar o Curso

Experiências de quem já estudou com a gente

Henrique Ramalho Antunes

em 16/09/2019

Mais uma vez. A didática do professor Flávio foi sensacional. Consegui realizar os exemplos e entender o que estava se passando. Parabéns!

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!

  • 876 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • 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

  • 876 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • 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

  • 876 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • 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

  • 876 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • 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