As rodas de carbono Bontrager são fortes, leves e duráveis. Elas estão disponíveis em várias profundidades e níveis de acabamento para bicicletas de estrada, triatlo e mountain bikes, portanto, há um conjunto para cada ciclista e cada orçamento.
Além disso, todas as rodas de carbono Bontrager são garantidas por toda a vida pelo programa Carbon Care. E no improvável caso de danificá-las nos primeiros dois anos de propriedade, a marca as conserta ou substitui gratuitamente.
Este programa aplica-se a todas as rodas de carbono para bikes Bontrager, instaladas como padrão nas bicicletas, bem como a compras de rodas de reposição, sem nenhum custo adicional para o proprietário original. Dessa forma, ao adquirir uma bicicleta Trek com rodas de carbono, você tem a garantia vitalícia do programa Carbon Care.
Quer conhecer alguns modelos de bicicletas Trek com rodas de carbono? Acesse a loja virtual Bike Village ou visite nossa bike shop em Porto Alegre. Será um prazer atendê-lo.
* Confira também aqui no blog o post Quadro de carbono ou alumínio? Entenda as diferenças entre os materiais.

Certamente quando estava desenvolvendo uma aplicação web em algum momento precisou fazer requisições assíncronas, ou seja, sem precisar recarregar (reload) toda a página.
Embora seja possível utilizar os próprios recursos nativos do JavaScript para fazer operações assíncronas (AJAX), existem implementações/libs que facilitam o nosso trabalho, porque tem uma abstração muito mais simples e fácil de aplicar.
Por muitos anos o jQuery reinou nas aplicações web, mas, depois da popularização de poderosos frameworks JavaScript como Angular, React, Vue JS e etc, a lib do jQuery perdeu e vem perdendo muito espaço.
Era muito comum usar os recursos de Ajax que a lib do jQuery oferecia, e sendo bastante sincero, a questão de Ajax do jQuery é muito boa, porque tem uma implementação muito simples. Mas, existem também outras opções mais diretas para resolver isso, e neste termo temos o AXIOS, que é uma biblioteca JS muito simples e fácil de usar, com um único e exclusivo propósito de criar requisições AJAX.
Como mencionado acima, o propósito da biblioteca do axios é simplesmente fazer requisições ajax, isso significa que é uma lib muito pequena e leve. Além de ter uma implementação muito simples e enxuta.
Primeiro passo é instalar a lib do axios no projeto que irá precisar trabalhar com AJAX. E existem algumas formas de fazer isso, uma delas é usar algum gerenciador de dependências para baixar, outra é simplesmente incluir a CDN online da lib no projeto.
Qualquer uma das opções acima é valida. Se tiver trabalhar com algum framework JavaScript, neste caso é recomendado baixar a lib para o projeto, basta usar o seu gerenciador de dependências e baixar, o mais comum é o npm.
Uma vez que incluiu a biblioteca no projeto, agora nos resta desfrutar dos recursos e fazer nossas requisições de forma assíncrona.
O axios tem como característica principal ser muito simples, e por isso está crescendo muito em popularidade. Veja um exemplo simples:
Basicamente usa o recurso “axios”, o verbo http da requisição (get, post, put, patch, delete, options, head), e usa o método then() para recuperar o promise, que é retorno em caso de sucesso, e o método catch() que é o retorno de uma exception.
O método get() espera 2 parâmetros, o primeiro é a URL que será feita a requisição AJAX, e segundo é opcional, que são os dados (parâmetros) que serão enviados.
Acredito que a melhor forma de exemplificar algo é através da prática, para isso vamos criar uma pequena aplicação, que vai buscar dados em uma outra aplicação, neste caso vamos usar o Postmon, que oferece um serviço simples para consulta de CEP.
A API do Postmon é muito simples, basta enviar um requisição GET para a API informando com o cep, ele responde com as informações do endereço:
Nessa aplicação vamos criar algo bem simples, que será uma implementação toda com JavaScript puro mais o axios para fazer requisições ajax.
Vamos ao passo a passo, primeiro, vamos criar o formulário que vai receber a entrada do CEP pelo usuário:
O formulário tem apenas um campo para entrada do CEP, já deixe a opção onsubmit=”searchCep()” para quando submeter o formulário direcionar para a função searchCep().
Agora o próximo passo é criar a função searchCep() para receber o submit do formulário e fazer as demais operações:
Por enquanto deixe apenas um alert() para identificar se entrou na função, e um event.preventDefault() para não deixar o evento padrão (submit) continuar.
Agora o próximo passo é recuperar o valor do campo de cep, note que este campo (input) tem um id=”cep”, vamos recuperar o value a partir do id desta tag e armazenar em uma variável chama cep, assim:
Agora basta usar o axios para consultar a API, passando dinamicamente o CEP informado pelo usuário e tratar os retornos, precisamos passar o cep na URL da API dinamicamente, para isso podemos concatenar:
Agora que já temos a URL pronta basta consultar e analisar os logs do retorno, para ver se o promise retorna no then() com sucesso, ou se dá erro e retorna no catch():
Para analisar o retorno e ver as informações, basta pegar os dados de response.data, veja como debugar:
Próximo passo é exibir os resultados para o usuário, para isso crie uma div oculta para receber o retorno da API:
Podemos também facilmente criar um preloader, com um informativo para o usuário ter ideia que está buscando as informações. Para fazer isso crie uma div com o conteúdo do preloader, ou seja, da mensagem, pode ser um texto, um gif, ou o que quiser: