tutoriais mais recente desenvolvimento web
 

W3Data Tutorial

❮ Anterior Próxima Capítulo ❯

W3Data
Mais rápido e melhores dados HTML

O que é W3Data?

W3Data é uma biblioteca JavaScript moderno para trazer dados para aplicações HTML:

  • Pequeno, rápido, e mobile friendly
  • Fácil de aprender e fácil de utilizar
  • Acelera o desenvolvimento de aplicações
  • Para todos os dispositivos de PC, tablet e celular

W3Data é gratuito

W3Data é livre para usar. Nenhuma licença é necessária.

Fácil de usar

Basta adicionar um link para w3data.js na sua página web:

Exemplo

<link rel="stylesheet" href="http://www.w3ii.com/lib/w3data.js">

Em seguida, adicione os suportes {{}} a qualquer elemento HTML para reservar espaço para os seus dados:

Exemplo

<div id="id01">
{{firstName}} {{lastName}}
</div>

Finalmente chamar w3DisplayData para exibir os dados em seu HTML:

Exemplo

w3DisplayData("id01", {"firstName" : "John", "lastName" : "Doe"});
Tente você mesmo "
Nota O primeiro parâmetro é o ID do elemento HTML usar (ID01)
O segundo parâmetro é o objeto de dados para exibir.

Encher uma lista suspensa

Exemplo

<!DOCTYPE html>
<html>
<script src="http://www.w3ii.com/lib/w3data.js"></script>
<body>

<select id="id01">
<option w3-repeat="x in cars">{{x}}</option>
</select>

<script>
w3DisplayData("id01", {"cars" : ["Volvo", "Ford", "BMW", "Mercedes"]});
</script>

</body>
</html>
Tente você mesmo "
Nota Descarregar w3data.js

❮ Anterior Próxima Capítulo ❯