Curso de Webpack: Manipulando módulos na sua webapp

9,1

Nota desse curso

8.585

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

Um pouco mais do conteúdo

Descubra se esse curso é pra você lendo as primeiras aulas de Webpack: Manipulando módulos na sua webapp

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.

Conteúdo relacionado

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

Leia nossos artigos de Front-end

Formações com esse curso

Público alvo

Desenvolvedores Single Page Application que desejam se aprofundar no Webpack

Nível de Dificuldade

Intermediário

Última atualização

03/03/2020

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

Tarsio Teixeira

em 18/11/2019

Eu gostei muito deste curso, notei como fica bacana a organização do projeto, o meu projeto rodou. "Flávio Almeida é sensacional" tb. Top.

Webpack: Manipulando módulos na sua webapp

Aprenda Automação e Performance com esse e outros cursos, comece agora!

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

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

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

  • 1059 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
Procurando planos para empresas?
Acesso por 1 ano
Estude 24h/dia onde e quando quiser
Novos cursos toda semana