Baza wiedzy
Wiedza i inspiracje na temat html, css, jQuery, WordPress, php, kodowania i projektowania. Rozwiązania najróżniejszych problemów, ciekawe pomysły.
Firebase – baza danych od google
data base google
Firebase - rozpoczynamy projekt zarządzanie - panel Authentication metody kolekcji: db.collection('name-of-collection').onSnapshot() db.collection('name-of-collection').add()...
Różne stany inputa
form
/* Show red borders when filled, but invalid */ input:not(:placeholder-shown) { border-color: hsl(0, 76%, 50%); } /* Show green borders when valid */ input:valid { border-color:...
Przydatne packages
data base npm
slugify - npm install slugify - do tworzenia sluga z zwykłego tekstuuse: this.slug = slugify(this.title, { replacement: '-', remove: //g, //globaly...
Vue Router
vue
Vue Router pozwala na wyświetlanie poszczególnych podstron aplikacji osobny, dodatkowy package do Vue - vue-router w pliku router/index.js zamieszczamy: impor Vue from 'vue' import...
Ciekawe tootki
Lista fajnych, rozwijających tootków w różnych technologiach: css animacja lśniącego przycisku - przez...
Vue axios
vue
instalacja: npm install axios --save -dev użycie w template: <div class="" v-for="post in posts" :key="post.id"> <h3>{{ post.title...
Vue life-cycle hooks
vue
hooks: mounted - manipulacja DOM Najczęściej wykorzystywane: created mounted update przykłady: beforeCreate() { alert('before create hook');...
vue-cli
vue
interfejs wiersza poleceń. Inicjalizacja aplikacji Vue z dowolną konfiguracją, szablon Webpack, Browserify lub html. instalacja npm install -g vue-cli npm install -g @vue/cli sposoby...
Vuex
vue
magazyn Vuex zarządza aktualizacjami stanu aplikacji. Wszystkie komponenty wiedzą o istnieniu magazynu, mają dostęp do jego danych i mogą wykonywać na nim operacje w dowolnej fazie...
Object.defineProperty
Metoda Object.defineProperty umożliwia tworzenie getterów i setterów, dzięki którym można określić, co ma się zdarzyć przy zmianie lub próbie dostępu do...
vue podstawy
vue
Stan aplikacji globalny stan aplikacji. Każdy komponent posiada swoje własne dane, stan aplikacji to dane dostępne z poziomu wszystkich komponentów. Dane stanu aplikacji są inicjalizowane...
Atrybut rel
rel
rel=”nofollow” rel=”follow” rel=noreferrer” - nie przesyła informacji na temat odsyłającej witryny po kliknięciu w link rel="noopener" - zabezpiecza linki z atrybutem...
nice website
inspiration
piękne, ciekawe strony i nie tuzinkowe rozwiązania, realy nice: archi graphi sterling.it builtbybuffalo.com oohology.com swiwi.me hugeinc.com...