Vue.js Todo lista

Vue je javascript framework za izgradnju aplikacija koje se izvršavaju na klijentovom pregledniku. Vue je reaktivan to znači da se programer ne mora brinuti oko javascript-a koji će osvježavati html komponente

Ova scripta je jednostavan primjer kako napraviti jednostavnu todo listu. Instalacija se dodaje na početku sa: <script src="https://unpkg.com/vue@next"></script>. Imamo dvije metode (funkcije) addItem() i deleteItem() koje se nalaze pod methods:{}. Nakon svake akcije od starane klijenta i izmijene u nizu tasks tablica <table id="todoTable"> se refresh-a automatski sa novim podacima

 


<html>
<head>
    <script src="https://unpkg.com/vue@next"></script>
    <title>Todo list</title>
</head>
<body>

<div id="app">
    <input type="text" placeholder="naziv zadatka"  v-model="taskInput">
    <button @click="addItem">Dodaj</button><br>
    

        <table id="todoTable">
            <tr v-for="(task,index) in tasks">
              <td><b>{{index + 1}}.</b></td><td>{{task.content}}</td><td><button  @click="deleteItem(index)">Briši</button>
           </td>
           </tr>
           <tr><td colspan="2">Ukupno:</td><td>{{ukupno}}</td></tr>
        </table>

  </div>

    <script>
const app ={data(){
        return{
          taskInput : "",
          tasks : [],
          ukupno : 0,
    }

    },
    methods:{
        addItem(){
            if(this.taskInput!=""){
            newTask = {
                content : this.taskInput,
            }
            this.tasks.push(newTask)
            this.taskInput=""
            this.ukupno++;
            }
        },
        deleteItem(index){
            this.tasks.splice(index, 1);
            this.ukupno--;
        },
    }
}


Vue.createApp(app).mount("#app")

</script>

</body>
</html>
Tailwind CSS

Tailwind CSS je alat za brzo i jednostavno stvaranje modernih i atraktivnih web stranica. Ova biblioteka omogućuje brži i učinkovitiji razvoj web stranica

Asp.net Form dataview

AspNet Forms Dataview kontrola omogućuje brz razvoj aplikacija koje se baziraju na sql server bazi podataka

c++ i java

C++ i Java su jedne od najpopularnijih programskih jezika današnjice, oba su objektno orijentirana i koriste se za različite svrhe.

JavaScript Top Framewok-a za 2022 godinu

Blender

Blender je besplatni open source softvera za 3D računalnu grafiku koji se koristi za stvaranje animiranih filmova, vizualnih efekata, umjetnosti, 3D tiskanih modela

Python

Jedna od glavnih prednosti Pythona je njegova čitljivost i jednostavnost. Sintaksa Pythona je vrlo jednostavna i intuitivna

Formatiranje broja

Formatiranje ispisa broja u javascript-u za različite kulture

Canvas API

Canvas API je jedna od ključnih tehnologija HTML5 koja omogućuje web stranicama da postanu interaktivne i dinamičke.