B logbook : PHP | Javascript | Laravel | CodeIgniter | VueJs | ReactJs

BRUTALIZMUS ÉS ANTIDESIGN: MIKOR ÉRDEMES HASZNÁLNOD?

January 6, 2020

A brutalizmus és az antidesign olyan webdesign-trendek, melyek reakcióként jelentek meg a weboldalak unformizálódására. A brutalizmus elvei felhasználhatók bármely webdesignnál, ugyanakkor az antidesignnal már óvatosnak kell lenni, és csak ritkán érdemes alkalmazni.

http://blog.webshark.hu/2017/11/09/brutalizmus-antidesign-hasznalat/

https://brutalistwebsites.com/

A brutalista designerek tehát azt akarják, hogy a web ne hazudjon, ne legyen kiagyalt, hanem becsületesen azt mutassa, amilyen valójában. A cél tehát hasonló ahhoz, mint ami a flat designnál megjelent, viszont eltérő módon kívánja azt elérni.

MI AZ A FLAT DESIGN, MATERIAL DESIGN, FLAT 2.0? ÉS MÁS WEBDESIGN TRENDEK
http://blog.webshark.hu/2017/06/06/flat-design-material-design-webdesign-trendek/

You might not need jQuery no more jquery

At the very least, make sure you know what jQuery is doing for you, and what it’s not. Some developers believe that jQuery is protecting us from a great demon of browser incompatibility when, in truth, post-IE8, browsers are pretty easy to deal with on their own.

http://youmightnotneedjquery.com/

How to Create Your Own Marketplace With WordPress Install WordPress and WooCommerce

You may get tired of working for others. So, have you ever thought about starting your own business?

An increasing number of online consumers broadens the opportunity of the online E-commerce business. You can expand the profit scale by building a marketplace for a wide range of buyers.

It will increase your total revenue and lessen the stress.

Today I shall show how you can make money from your own marketplace with multiple sellers and buyers. Isn’t it amazing to be the proud owner of a giant marketplace like eBay or Amazon without having an inventory?

https://www.codester.com/blog/how-to-create-your-own-marketplace-with-wordpress/

Build a Responsive Navigation Menu with VueJs

January 4, 2020 VueJs

Accessing dom element outside VueJS Component – querySelector or Jquery

  

Outside component: 
  <input id="mytest" type="text" value="test"  >


In the Vuejs component querySelector or Jquery 
console.log("mytest: "+ document.querySelector("#mytest").value);
console.log("mytest 2: "+ $("#mytest").val());

querySelector Browser compatibility
https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector

VueJS and REF

Accessing the DOM in Vue.js with $refs
https://codingexplained.com/coding/front-end/vue-js/accessing-dom-refs

How to Target the DOM in Vue
https://www.telerik.com/blogs/how-to-target-the-dom-in-vue

How to access the dom nodes in VueJS using refs
https://reactgo.com/vuejs-refs-example/

Refs & Ref Attribute – Referencing in vuejs using ref – Vuejs tutorials – Tutorial

Introduction https://vuejs.org/v2/guide/

VueJS for Dummies — From Vanilla JS to ES6 https://medium.com/1950labs/vuejs-for-dummies-99f57250452b

Vue Axios Post Request Example https://www.itsolutionstuff.com/post/vue-axios-post-request-exampleexample.html

Using Axios to Consume APIs https://vuejs.org/v2/cookbook/using-axios-to-consume-apis.html

Cracking Vue.js, using Axios inline html code https://joshua1988.github.io/vue-camp/vue/axios.html#%EC%95%A1%EC%8B%9C%EC%98%A4%EC%8A%A4-%EC%84%A4%EC%B9%98

How to create tabs in Vue.js https://renatello.com/vue-js-tabs/

Vuejs and Axios injecting in the html site

You know the better way using CLI and Component…

  


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




<div id="app">
  {{ info }}
</div>





<script>
   
new Vue({

  el: '#app',
  data () {
    return {
      info: null
    }
  },
  mounted () {
    axios
      .get('https://api.coindesk.com/v1/bpi/currentprice.json')
      .then(response => (this.info = response))
  }
})
 </script>