WebJars: Simplifique o gerenciamento de dependências front-end \| TreinaWeb Promoção no ar Matricule-se agora e garanta **54% de desconto** Termina em Tempo restante da oferta: 05 Horas 36 Min 30 Seg Tempo restante da oferta: 05 36 30 [Assinar →](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26) [ ](https://www.treinaweb.com.br) Explorar [ Quanto custa? ](#assinatura) [ FAQ ](https://www.treinaweb.com.br#faq) [Matricule-se](#assinatura) [ Entrar ](https://www.treinaweb.com.br/login) [ Início ](https://www.treinaweb.com.br) [ Artigos ](https://www.treinaweb.com.br/blog) WebJars: Simplifique o gerenciamento de dependências front-end [ Desenvolvimento Back-end ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-back-end) [ Java ](https://www.treinaweb.com.br/blog/categoria/java) # WebJars: Simplifique o gerenciamento de dependências front-end Otimize seu desenvolvimento Java! Descubra como o WebJars simplifica o gerenciamento de dependências front-end. Integre com facilidade e eficiência. [ Cleyson Lima ](https://www.treinaweb.com.br/blog/autor/cleyson-lima) 3 anos atrás ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2024/01/WEB-JARS.jpg) Ao desenvolver aplicações Java que incorporam tecnologias front-end, gerenciar as dependências pode ser uma tarefa desafiadora. É aí que entra o WebJars, um projeto inovador projetado para simplificar o processo de integração de bibliotecas e recursos front-end em projetos Java. Este artigo explora o conceito fundamental por trás do WebJars e fornece um guia prático sobre como incorporar suas funcionalidades em projetos Java, utilizando o Maven como ferramenta principal. [ ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2023/06/BANNER-BLOG-2-2.jpg) ](https://api.whatsapp.com/send/?phone=5544988609539&text=Olá,+li+o+artigo+no+blog+e+gostaria+de+saber+mais+sobre+a+TreinaWeb.) ## O que é o WebJars? O WebJars é um projeto que visa facilitar o gerenciamento de dependências front-end em aplicações Java. O projeto consiste em um repositório de dependências front-end, onde cada dependência é empacotada em um JAR, que pode ser adicionado como uma dependência Maven em um projeto Java. Por exemplo, para adicionar a dependência do jQuery em um projeto Java, basta adicionar a respectiva dependência no arquivo pom.xml e o Maven irá baixar o JAR do jQuery e adicioná-lo no projeto. [ ![Spring Framework - Fundamentos](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/spring-boot.svg) Curso Spring Framework - Fundamentos Conhecer o curso ](https://www.treinaweb.com.br/curso/spring-framework-fundamentos) ## Como utilizar o WebJars? Para utilizar o WebJars em um projeto Java, basta adicionar a dependência da biblioteca desejada no arquivo pom.xml do projeto. Por exemplo, para adicionar a dependência do jQuery, basta adicionar a seguinte dependência no arquivo pom.xml: ```xml org.webjars jquery 3.3.1 ``` Após adicionar a dependência, basta executar o comando `mvn install` para que o Maven baixe o JAR da dependência e adicione no projeto. Veja que as dependências do WebJars sempre irão possuir como groupId o valor `org.webjars` e o artifactId será o nome da dependência. Para saber qual o artifactId de uma dependência, basta acessar o site do [WebJars](https://www.webjars.org/) e pesquisar pela dependência desejada. ## Como utilizar as dependências do WebJars? Após adicionar a dependência do WebJars no projeto, os arquivos da dependência serão adicionados no classpath do projeto, sendo possível acessá-los através do caminho `META-INF/resources/webjars/`. Por exemplo, para acessar o arquivo `jquery.js` da dependência do jQuery, basta acessar o caminho `META-INF/resources/webjars/jquery/3.3.1/jquery.js`. [ ![Spring Framework - Templates com Thymeleaf](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/spring-boot.svg) Curso Spring Framework - Templates com Thymeleaf Conhecer o curso ](https://www.treinaweb.com.br/curso/spring-framewok-templates-com-thymeleaf) ## Exemplo de uso Para demonstrar o uso do WebJars em uma aplicação Java, vamos criar uma aplicação Spring Boot que irá utilizar o WebJars para adicionar a dependência do Bootstrap no projeto. Para criar a aplicação, basta acessar o [Spring Initializr](https://start.spring.io/) e gerar um projeto com as seguintes dependências: - Web - Thymeleaf - DevTools E vamos passar as seguintes informações: - Group: br.com.treinaweb - Artifact: webjars-example - Name: Webjars Example - Description: Exemplo de uso do WebJars - Package name: br.com.treinaweb.webjarsexample - Packaging: Jar - Java: 21 Agora basta clicar no botão Generate para baixar o projeto. Após gerar o projeto, basta importá-lo na IDE de sua preferência e adicionar a dependência do WebJars do Bootstrap no arquivo pom.xml: ```xml org.webjars bootstrap 5.3.2 ``` Após adicionar a dependência, basta executar o comando `mvn install` para que o Maven baixe o JAR da dependência e adicione no projeto. Após isso, vamos criar uma página HTML para testar o Bootstrap. Para isso, crie um arquivo chamado `home.html` na pasta `src/main/resources/templates` com o seguinte conteúdo: ```html Home Home Olá, mundo! ``` Veja que no arquivo HTML estamos importando o arquivo CSS do Bootstrap através do caminho `/webjars/bootstrap/5.3.2/css/bootstrap.min.css`. Após isso, basta criar um controller para retornar a página HTML. Para isso, crie uma classe chamada `HomeController` na pasta `src/main/java/br/com/treinaweb/webjarsexample/controllers` com o seguinte conteúdo: ```java package br.com.treinaweb.webjarsexample; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.RequestMapping; @Controller @RequestMapping("/") public class HomeController { @GetMapping public String index() { return "home"; } } ``` Agora basta executar a aplicação com o comando `mvn spring-boot:run` e acessar a URL `http://localhost:8080` para visualizar a página HTML com o Bootstrap funcionando. [ ![Spring Framework - Spring Data JPA](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/spring-boot.svg) Curso Spring Framework - Spring Data JPA Conhecer o curso ](https://www.treinaweb.com.br/curso/spring-framewok-spring-data-jpa) ## Conclusão Em síntese, o WebJars se revela como uma solução inteligente para desafios comuns no gerenciamento de dependências front-end em projetos Java. Ao encapsular bibliotecas em JARs e integrar-se harmoniosamente ao Maven, simplifica-se não apenas a configuração, mas também o acesso intuitivo aos recursos. A aplicação prática no contexto do Spring Boot destaca a eficácia dessa abordagem, proporcionando aos desenvolvedores uma maneira elegante de incorporar bibliotecas externas, resultando em um desenvolvimento mais eficiente e agradável. - [ #FullStack ](https://www.treinaweb.com.br/blog/tag/fullstack) - [ #Spring ](https://www.treinaweb.com.br/blog/tag/spring) - [ #webjars ](https://www.treinaweb.com.br/blog/tag/webjars) Autor ![Cleyson Lima](//secure.gravatar.com/avatar/db30efb102ffa5d5204cebe12060b111?d=mm) ## Cleyson Lima Professor, programador, fã de One Piece e finge saber cozinhar. Cleyson é graduando em Licenciatura em Informática pelo IFPI - Campus Teresina Zona Sul, nos anos de 2019 e 2020 esteve envolvido em vários projetos coordenados pela secretaria municipal de educação da cidade de Teresina, onde o foco era introduzir alunos da rede pública no mundo da programação e robótica. Hoje é instrutor dos cursos de Spring na TreinaWeb, mas diz que seu coração sempre pertencerá ao Python. [Todos os artigos](https://www.treinaweb.com.br/blog/autor/cleyson-lima) ## Continue estudando Transforme leitura em prática com os cursos e formações da TreinaWeb. [Ver cursos](https://www.treinaweb.com.br/cursos) Continue lendo ## Artigos relacionados - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2018/12/16065017/front-back-ou-fullstack-400x280.png) [ Carreira ](https://www.treinaweb.com.br/blog/categoria/carreira) 8 anos atrás ## [ Devo começar como Front-End, Back-End ou Full Stack? ](https://www.treinaweb.com.br/blog/devo-comecar-como-front-end-back-end-ou-full-stack) Devo começar minha carreira como desenvolvedor Front-End, Back-End ou FullStack? Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2023/05/NEST-JS-UPLOAD-ARQUIVOS-400x280.png) [ Desenvolvimento Back-end ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-back-end) 3 anos atrás ## [ Guia do framework NestJS ](https://www.treinaweb.com.br/blog/guia-do-framework-nestjs) Neste guia do framework NestJS vamos fazer um compilado de tópicos úteis sobre o framework, desde criar um projeto básico até autenticação. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2023/03/como-escolher-melhor-area-400x280.jpg) [ Carreira ](https://www.treinaweb.com.br/blog/categoria/carreira) 4 anos atrás ## [ Como escolher a área de TI mais adequada para mim? ](https://www.treinaweb.com.br/blog/como-escolher-a-area-de-ti-mais-adequada-para-mim) Se você está iniciando em TI pode ficar muito confuso com a área que você deve escolher, o que é muito comum. Por isso, vamos dar algumas dicas que podem te ajudar a encontrar a área que mais tem a ver com você. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2018/03/29143535/TW-ENTREVISTAS-CAIO-RIBEIRO-400x280.png) [ Entrevistas ](https://www.treinaweb.com.br/blog/categoria/entrevistas) 9 anos atrás ## [ TW Entrevista 04: Caio Ribeiro ](https://www.treinaweb.com.br/blog/tw-entrevista-04-caio-ribeiro) Fizemos uma série de entrevistas com desenvolvedores chamada "TW Entrevista". O entrevistado de hoje é o Caio Ribeiro, empreendedor e autor de livros de Node.js e MongoDB. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/07/29063746/0-400x280.png) [ Carreira ](https://www.treinaweb.com.br/blog/categoria/carreira) 7 anos atrás ## [ Como funciona uma empresa de desenvolvimento de software? ](https://www.treinaweb.com.br/blog/como-funciona-uma-empresa-de-desenvolvimento-de-software) Veja de forma resumida como é trabalhar em uma empresa de desenvolvimento de software. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2018/03/01133925/javascript-400x280.png) [ Javascript ](https://www.treinaweb.com.br/blog/categoria/javascript) 9 anos atrás ## [ O que se pode fazer com JavaScript hoje em dia? ](https://www.treinaweb.com.br/blog/o-que-se-pode-fazer-com-javascript-hoje-em-dia) Conheça as várias áreas onde podemos trabalhar com JavaScript além do navegador. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/05/busca-laravel-scout-algolia-400x280.jpg) [ PHP ](https://www.treinaweb.com.br/blog/categoria/php) 10 anos atrás ## [ Full Text Search com Laravel, Scout e Algolia ](https://www.treinaweb.com.br/blog/full-text-search-com-laravel-scout-e-algolia) Aprenda como realizar buscas textuais rápidas e eficientes independentemente da quantidade de registros, campos ou tamanhos de textos. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2018/08/17172630/desenvolvedor-web-400x280.png) [ Desenvolvimento Back-end ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-back-end) 8 anos atrás ## [ Quatro habilidades para se tornar um desenvolvedor web back-end ](https://www.treinaweb.com.br/blog/quatro-habilidades-para-se-tornar-um-desenvolvedor-web-back-end) Conheça as habilidades necessárias para se tornar um bom desenvolvedor web back-end. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/09/03122310/configurar-ambiente-django-400x280.png) [ Python ](https://www.treinaweb.com.br/blog/categoria/python) 7 anos atrás ## [ Configurando ambiente de desenvolvimento para projetos Django ](https://www.treinaweb.com.br/blog/configurando-ambiente-de-desenvolvimento-para-projetos-django) Você já teve dor de cabeça para configurar seu ambiente de desenvolvimento para projetos Python/Django? Bom, seus problemas acabaram!! Veja neste artigo as principais ferramentas utilizadas e como instalar cada uma delas para deixar seu ambiente pronto para criar suas aplicações. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2022/01/conhecendo-o-spring-data-400x280.png) [ Desenvolvimento Back-end ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-back-end) 5 anos atrás ## [ Conhecendo o projeto Spring Data ](https://www.treinaweb.com.br/blog/conhecendo-o-projeto-spring-data) Nesse artigo vamos conhecer o projeto Spring Data, veremos qual o objetivo desse projeto e entender como o mesmo funciona. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/10/5-dicas-para-conseguir-um-bom-estagio-400x280.png) [ Carreira ](https://www.treinaweb.com.br/blog/categoria/carreira) 5 anos atrás ## [ 5 dicas para conseguir um bom estágio ](https://www.treinaweb.com.br/blog/5-dicas-para-conseguir-um-bom-estagio) Conquistar a primeira experiência profissional para adquirir experiência na área pode parecer difícil - e às vezes é mesmo. Por isso, separamos algumas ações simples, para tentar facilitar essa busca e te ajudar a conseguir as oportunidades da melhor maneira. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/10/configurando-ambiente-de-desenvolvimento-spring-boot-no-macos-400x280.png) [ Java ](https://www.treinaweb.com.br/blog/categoria/java) 5 anos atrás ## [ Configurando ambiente de desenvolvimento Spring Boot no MacOS ](https://www.treinaweb.com.br/blog/configurando-ambiente-de-desenvolvimento-spring-boot-no-macos) Aprenda como instalar e configurar o ambiente de desenvolvimento Spring Boot no MacOS Ler artigo ## Um ano de acesso total para você viver de programação. Todos os cursos e formações da TreinaWeb numa única assinatura, com professores que atuam no mercado, suporte direto e certificados. Do primeiro `console.log` ao mercado de trabalho. - **1 ano** de acesso a **todos os cursos** - Cursos novos **toda semana** - Suporte **direto com professores** - Plano de carreira **personalizado** - **Certificados digitais** inclusos - **Aplicativos** para Android e iOS, com **acesso offline** **Garantia incondicional de satisfação** Teste por 7 dias e, se não fizer sentido para você, devolvemos seu dinheiro. ### Acesso completo a todos os cursos e dezenas de Formações. 12 meses Economize R$ 840,00 54% OFF de 12x R$ 129,00 por apenas 12x R$ 59,00 sem juros no cartão de crédito ou R$ 599,00 à vista Oferta termina em **05h 36min 30s** - Acesso imediato e ilimitado durante 1 ano. - Plano de carreira personalizado. - Suporte direto com professores. - E muito mais! [Matricule-se agora](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26) [ ](https://www.treinaweb.com.br) Escola online de programação, tecnologia e IA. - [ ](https://www.facebook.com/TreinaWeb/) - [ ](https://www.instagram.com/treinaweb/) - [ ](https://www.youtube.com/user/TreinaWeb) - [ ](https://twitter.com/treinaweb) - [ ](https://www.linkedin.com/company/treinaweb) - [ ](https://github.com/treinaweb) ## Inscreva-se em nossa newsletter Receba lançamentos, promoções e novidades. Seu nome Seu WhatsApp Seu melhor e-mail Inscrever-se ## Cursos - [ Base para Devs ](https://www.treinaweb.com.br/categoria/base-para-devs) - [ Front-end ](https://www.treinaweb.com.br/categoria/desenvolvimento-front-end) - [ Back-end ](https://www.treinaweb.com.br/categoria/desenvolvimento-back-end) - [ Mobile ](https://www.treinaweb.com.br/categoria/desenvolvimento-mobile) - [ Bancos de Dados ](https://www.treinaweb.com.br/categoria/bancos-de-dados) - [ Cloud ](https://www.treinaweb.com.br/categoria/cloud-computing) - [ IA ](https://www.treinaweb.com.br/categoria/ia) - [ E mais ](https://www.treinaweb.com.br/categoria/e-mais) - [ Ver todos os cursos ](https://www.treinaweb.com.br/cursos) ## Conteúdo - [ Formações ](https://www.treinaweb.com.br/formacoes) - [ Projetos práticos ](https://www.treinaweb.com.br/projetos-praticos) - [ Direto ao ponto ](https://www.treinaweb.com.br/direto-ao-ponto) - [ Planos ](https://www.treinaweb.com.br#assinatura) - [ Depoimentos ](https://www.treinaweb.com.br#depoimentos) - [ Comunidade ](https://www.treinaweb.com.br#comunidade) - [ Corpo docente ](https://www.treinaweb.com.br#docente) ## A empresa - [ Sobre a TreinaWeb ](https://www.treinaweb.com.br#sobre) - [ Perguntas frequentes ](https://www.treinaweb.com.br#faq) - [ Vantagens de estudar na TreinaWeb ](https://www.treinaweb.com.br/vantagens-de-estudar-na-treinaweb) - [ Cursos para empresas ](https://www.treinaweb.com.br/empresas) - [ Sugira um novo curso ](https://www.treinaweb.com.br/sugerir-curso) - [ Trabalhe conosco ](https://www.treinaweb.com.br/trabalhe-conosco) - [ Artigos ](https://www.treinaweb.com.br/blog) - [ Desenvolvedores e agentes ](https://www.treinaweb.com.br/developers) - [ Contato ](https://www.treinaweb.com.br/contato) - [ Política de privacidade ](https://www.treinaweb.com.br/politica-de-privacidade) - [ Termos de uso ](https://www.treinaweb.com.br/termos-de-uso) ## Baixe nosso aplicativo [ Disponível na **App Store** ](https://apps.apple.com/us/app/treinaweb/id1322729447) [ Disponível no **Google Play** ](https://play.google.com/store/apps/details?id=br.com.treinaweb.mobile) Av. Paulista, 1765, Conj 71 e 72 · Bela Vista · São Paulo · SP · 01311-200 © 2004 – 2026 TreinaWeb Tecnologia LTDA · CNPJ 06.156.637/0001-58