Você sabia que ao assinar um plano você terá acesso a TODOS os cursos do portal?
São mais de 4.000 horas de conteúdo, distribuídos em mais de 350 cursos completos!

Curso de Webpack - Empacotando aplicações

Aprenda como sanar as principais necessidades de desenvolvimento com uma única ferramenta

Veja uma aula de exemplo

Plano de acesso Anual

economize R$360
de 12x de R$97
por: 12x de R$67
ou R$ 804,00 à vista
  • 1 ano de acesso completo a todos os cursos e formações da plataforma.
Conheça os nossos planos de acesso total aos cursos
  • Conteúdo + de 4.000 horas de conteúdo
  • Conteúdo + de 200.000 alunos capacitados
  • Conteúdo + de 12 anos de experiência em EAD
  • Conteúdo cursos novos toda quarta-feira
Quero conhecer os planos

Sobre o curso

Os navegadores apenas interpretam HTML, CSS e JavaScript. Conforme nossos projetos vão crescendo, gerenciar todas as dependências e configurações começa a ficar cada vez mais complicado. Para nos auxiliar com isso, automatizadores de tarefas surgiram, como o Grunt e Gulp. Para permitir trabalhar com dependências do JavaScript, também usávamos o Browserify. Com o Webpack essas tarefas ficam bem mais simples. E além de JavaScript, podemos também trabalhar com vários outros tipos de arquivos, como TypeScript, Sass, CSS, HTML, imagens, etc. Esse curso irá mostrar as funcionalidades e possibilidades do Webpack e como podemos gerenciar todas essas configurações de forma simples e organizada.

Conhecimentos adquiridos

Neste curso iremos apresentar o Webpack, veremos como ele funciona e como ele pode nos beneficiar durante o desenvolvimento de nossas aplicações. Alguns itens presentes no curso: - Conhecendo o Webpack; - Carregando vários tipos de arquivos com Loaders; - Usando e Criando Plugins; - SourceMaps; - Webpack Dev Server; - Live Reload e Hot Module Replacement (HMR); - Organizando configurações em arquivos; - Carregamento sob demanda (lazy loading); - Eliminação de JS e CSS não usados (Tree Shaking); - Transpilação (Babel e Sass).

Para quem é esse curso?

Este curso é destinado a desenvolvedores web que queiram melhorar seu fluxo de trabalho com o auxílio de uma das ferramentas mais utilizadas atualmente, o Webpack.

Quais os pré-requisitos para esse curso?

Os pré-requisitos não são obrigatórios, são apenas sugestões. Eles dão uma base de parte do conhecimento que é interessante ter para um bom aproveitamento nesse curso.

  • Curso com 2h47 horas de vídeos
  • Curso com certificado de 24 horas
  • Curso com 18 exercícios de fixação
Ambiente do Curso
Sublime Text - 3.0.0
Google Chrome - 65
Node.js - 9.6.1
Metodologia
Videoaulas
Texto e imagens
Início imediato
Exemplos práticos
Testes de aprendizado

Conteúdo Programático

Baixar esta ementa
1 - Conhecendo o Webpack
O que é? Visualizar
Como funciona? Visualizar
O que podemos fazer com Webpack?
Instalação
Exercícios
2 - Começando com Webpack
Primeiro Comando Visualizar
Arquivo de Configuração Visualizar
Loaders
Plugins
3 - Entries e Outputs
Múltiplas entradas e saídas
Placeholders
Carregando códigos de terceiros
Exercícios
4 - Loaders
Carregando CSS
Exercícios
5 - Plugins
Usando Plugins Visualizar
Criando um Plugin
Exercícios
6 - Webpack no Desenvolvimento
Source Maps
Watch Mode
Webpack Dev Server e Live Reload
Hot Module Replacement (HRM)
Variáveis de Ambiente
Organizando Configurações em Arquivos
Iniciando a configuração do WebPack automaticamente
Exercícios
7 - Webpack na Produção
Extract Text Plugin - Exportando arquivos
CSS Purify - Removendo CSS não utilizado
Tree Shaking - Removendo JavaScript não utilizado
Lazy Loading - Carregando arquivos sob demanda
Exercícios
8 - Pré-Processadores
Pré-Processadores JavaScript
Pré-Processadores CSS
9 - Conclusão
Depoimento

Cursos Relacionados

Últimos lançamentos

Plano de acesso total!

Tenha um ano de acesso completo a todos os cursos da platarforma, incluindo novos lançamentos, mentoria de carreira e suporte direto com os professores!

Plano de acesso Anual

economize R$360
de 12x de R$97
por: 12x de R$67
ou R$ 804,00 à vista
  • 1 ano de acesso a todos os cursos
  • Plano de carreira personalizado
  • Cursos novos toda semana
  • Certificados digitais inclusos
  • Suporte direto com professores
  • Suporte com SLA de 4 horas úteis
  • Aplicativos para Android e iOS
  • Acesso offline através dos apps

Utilizada e amada por milhares!

Confira os depoimentos de quem já estudou com a gente

  • Um excelente curso. E como sempre, a TreinaWeb recheada de conteúdo e com um ótimo método de aprendizado! =D
    Leonardo de (Itaquaquecetuba - SP) Webpack - Empacotando aplicações Leonardo de
  • Muito bom. Projeto completo com integração contínua de forma detalhada e uma didática excepcional! Parabéns!!! Att, Carlos A Santos
    Carlos Alberto (Rio de Janeiro - RJ) Webpack - Empacotando aplicações Carlos Alberto
  • Como já venho dizendo, a TreinaWeb está de parabéns com seus cursos e todas sua equipe. Estou muito satisfeito e sinto que estou aprendendo. Tenho minhas dificuldades, mais sempre que preciso, sou respondido. A TreinaWeb sempre dá um super apoio para nós, seus alunos. Estou no meu terceiro curso e estou indo para mais um.
    Lucas Pereira (Santa Fé do Sul - SP) HTML5 e CSS3 - Desenvolvimento web Básico Lucas Pereira
  • O curso de Adobe Premiere é fantástico. As aulas são bem interessantes e te cativam para continuar assistindo cada aula com exemplos que você pode fazer do seu próprio jeito utilizando de sua criatividade. Consegui em pouco tempo aprender toda a base de utilização do software, como criar um projeto, importar arquivos, analisar, cortar, criar gráficos, trabalhar na montagem, cuidados com o áudio e por fim exportar o arquivo.
    Guilherme Wallace (Teresina - PI) Adobe Premiere Pro CC - Edição de vídeos - Parte 1 Guilherme Wallace
  • Esse curso foi show. Vale a pena fazer, exemplos excelentes, e bastante detalhado. Me ajudou muito!
    Andre Luis (Maceió - AL) HTML5 e CSS3 - Desenvolvimento web Básico Andre Luis
  • Adorei as soluções das aulas e dos materiais apresentados. Era o que eu tava esperando mesmo sobre a linguagem javascript, parabéns a equipe TreinaWeb, estou muito satisfeito.
    Donovan Muniz (Queimados - RJ) JavaScript Avançado Donovan Muniz
  • Muito legal o curso, já tinha um conhecimento sobre Game Design Document, mas aprendi várias informações novas para mim. Obrigado!
    Victor Domingos (São Paulo - SP) GDD - Game Design Document Victor Domingos
  • Obrigado a toda equipe TreinaWeb por disponibilizar este curso que, eu achava um "bicho de sete cabeças (c++)" e, na verdade é uma linguagem tão fantástica quanto C# (que já fiz do básico ao avançado aqui também). Um obrigado especial ao instrutor deste curso básico. A linguagem simples e objetiva dele foi essencial para meu desenvolvimento. Farei o intermediário e o avançado sem dúvidas. Forte abraço Equipe e, parabéns pelo ótimo trabalho!
    Raphael Silva (Vila Velha - ES) C++ Básico Raphael Silva
  • Muito bom o curso. Muito bem detalhado e bem didático. Recomendo para todos que desejam criar sites.
    Lucas Mares (São Paulo - SP) HTML5 e CSS3 - Desenvolvimento web Básico Lucas Mares
Veja mais opiniões reais

Garantia incondicional
de satisfação

Satisfação Garantida - 7 dias ou seu dinheiro de volta!

Confiamos tanto nos resultados dos nossos cursos, que criamos uma garantia incondicional de satisfação para você, que são 7 dias de teste!

Se, após 7 dias, você decidir que a TreinaWeb não é para você, devolvemos o seu dinheiro sem fazer perguntas. Basta enviar um email na área de contato aqui no site.

Ou seja, a partir do momento em que você fizer sua inscrição, você terá acesso às mais 4.000 horas de curso, com os melhores profissionais do mercado, com uma metodologia inovadora... e se mesmo assim você não gostar, você pode pedir o seu dinheiro de volta em até 7 dias.

Imagine se tudo na vida viesse com uma garantia como essa.

Matricule-se Agora!

FAQ - Perguntas Frequentes

Confira as principais dúvidas de quem
procura a TreinaWeb para se capacitar.

  • A TreinaWeb é a única escola online de tecnologia com mais de 12 anos de história. É a maior do segmento, com mais de 4.000 horas de conteúdo em cursos online. Além disso, cerca de 200.000 alunos já estudaram e estudam por aqui. Entre muitas outras coisas, a TreinaWeb oferece:
    • Formações completas e com foco no mercado de trabalho.
    • Formação personalizada e individual, criada por um professor orientador.
    • Cursos novos e atualizações pontuais toda semana.
    • Opção de estudar no seu tempo, a qualquer hora e lugar.
    • Suporte incluso com professores especialistas.
    • Certificados dos cursos com hora/aula.
    • Satisfação garantida ou seu dinheiro de volta!

  • SIM! Com toda a certeza! Pois oferecemos cursos partindo exatamente do zero. Inclusive temos cursos de Lógica de Programação, que é onde você vai ver todo o fundamento por trás das linguagens. Na contratação de qualquer plano você ainda tem direito às formações personalizadas, onde nossos professores especialistas irão te acompanhar. E você está atrás dos cursos de edição de vídeo, design e marketing digital, claro que você também não precisa saber nada sobre programação.

  • Nossa metodologia une o que há de melhor no ensino de tecnologia à distância: videoaulas, apostilas, exercícios de fixação, testes de conhecimento e passo a passo de projetos completos. Aprenda de verdade com cursos completos de programação, edição de vídeo, design e marketing digital.

  • No instante que sua compra for aprovada, automaticamente você ganhará o acesso a nossa área do aluno, onde poderá escolher os cursos que irá fazer. Caso, por qualquer motivo, você não consiga acessar de imediato, basta entrar em contato que nós te ajudaremos! Você poderá assistir de qualquer lugar: Do computador, notebook, tablet, smartv ou smartphone.

  • Confiamos tanto nos resultados dos nossos cursos, que criamos uma garantia incondicional de satisfação para você, que são 7 dias de teste! Se, após 7 dias, você decidir que a TreinaWeb não é para você, devolvemos o seu dinheiro sem fazer perguntas. Basta enviar um email na área de contato aqui no site.

  • A TreinaWeb é para quem:
    • Quer entrar no ramo digital com o pé direito;
    • É programador e quer ir para um outro nível;
    • Já programa e quer ampliar o nível e estudar outras linguagens;
    • É um programador avançado e tem TreinaWeb um aliado para novas tecnologias e tendências;
    • Busca profissionalizar-se em uma área em pleno crescimento;
    • Ama design e sabe que aqui estão os melhores cursos da área;
    • Quer aprender a fazer e editar os seus próprios vídeos;
    • Sonha em ser um Videomaker profissional.

  • 100% Segura. Todo o processo de compra possui certificado SSL. Nenhuma informação do seu cartão de crédito é mantida em nosso banco de dados. E assim que aprovada a sua compra/matrícula, você receberá imediatamente todos os dados de acesso à sua área de aluno e as aulas.

  • Sim e esse é um dos diferenciais da TreinaWeb. Oferecemos total suporte com professores especialistas. Nossa equipe de instrutores está sempre pronta para te ajudar e tirar todas as suas dúvidas. Além disso, Na contratação de qualquer plano você ainda tem direito às formações personalizadas, onde nossos professores irão te acompanhar e te orientar.

  • Todos os nossos cursos online de programação, design e edição de vídeo contam com certificados. Um certificado novo será disponibilizado na área de aluno, sempre que você concluir um novo curso. Com o seu nome e horas/curso. Lembrando, que estes certificados podem ser utilizados para cumprir cargas horárias de cursos extras em faculdades.

Tenho outra(s) dúvida(s)

Últimos Lançamentos

Outros Cursos