vue-axios

Kod za čitanje json-a pomoću axios i vue.js, ovdje treba paziti da na server strani bude omogućeno Access-Control-Allow-Origin pošto se get odvija na client strani 


<!DOCTYPE html>
<html>

<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>

<body>

    <h2>Axios</h2>

    <div id="app">
        <div>{{status}}</div>
        <hr>
        <div></div>
        <table>
            <tr v-for="x in j">
                <td>{{ x.Name }}</td>
                <td>{{ x.Country }}</td>
            </tr>
        </table>
    </div>

    <script>
        myObject = new Vue({
            el: '#app',
            data: {
                status: '',
                j: null
            },
            created: function () {
                this.loaddata()
            },
            computed: {

            },
            methods: {
                loaddata() {
                    this.status = "loading...";

                    axios.get('https://ron-swanson-quotes.herokuapp.com/v2/quotes')
                        .then(response => {
                            this.status = response.data[0]
                        })
                        .catch(error => {
                            console.log(error);
                        })

                    //table data
                    //https://www.w3schools.com/angular/customers.php
                    axios.get('https://www.w3schools.com/angular/customers.php')
                        .then(response => {
                            this.j = response.data.records;
                        })
                        .catch(error => {
                            console.log(error);
                        })

                }

            }
        });
    </script>

</body>

</html>
Sortiranje brojeva

Kod nizova u javascriptu prilikom sortiranja stringova koristimo metodu sort(), kod sortiranja brojeva trebamo dodati dodatnu funkciju

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

Padajući izbornik

Kako u html-u napraviti padajući izbornik koji se generira pomoću javascript-a?

jQuery događaj

Kako povezati više input kontrola u jedan događaj (event) sa jQuery-om

Programiranje

Programiranje je vještina koja omogućava stvaranje računalnih programa i alata za automatizaciju zadataka.

Budućnost programiranja

Općenito, budućnost programiranja vjerojatno će karakterizirati stalne inovacije i brze promjene, budući da programeri nastavljaju pomicati granice onoga što je moguće u svijetu tehnologije.

javascript kviz

JavaScript kviz sastoji se od 10 pitanja koja će testirati vaše znanje o osnovama JavaScript programiranja. Pitanja se odnose na teme poput sintakse, tipova podataka, operatora, nizova i objekata.

Osnove