YSakhno/vuejs-workshop

Result of VueJS workshop

vuejs-workshop

Task for vuejs-workshop

See a live demo.

Preparation:

npm install

Start:

npm start

Helpful data:

The HTTP client for Vue.js (Doc)

https://cdnjs.cloudflare.com/ajax/libs/vue-resource/1.5.1/vue-resource.min.js

Open Data API

https://api.teleport.org/api/cities/?search=

API	Description	Auth	HTTPS	CORS
Teleport	Quality of Life Data	No	Yes	Unknown

Public APIs

Google Map URL

https://www.google.com.ua/maps/place/

Highlighted Value Method

highlightedVal: function (value) {
    if (value) {
        var regEx = new RegExp(this.query, 'i'),
            foundValue = value.match(regEx);
        return value.replace(foundValue, '<strong class="highlight">' + foundValue + '</strong>');
    } else {
        return value;
    }
}

Vue.js devtools for Chrome - Link

Vue.js quick doc access:

Template Syntax

• Arguments

Options/Data

• data
• computed
• methods

Directives

• v-model
• v-cloak
• v-show
• v-for
• v-if
• v-html

Events

• input
• focus

Custom Directives

License

Tthe MIT License. See the bundled LICENSE file for details.