{
  "trx_id": "bc913168be0836714fee5f924afe1854a8c71725",
  "block": 106150536,
  "trx_in_block": 0,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2026-05-18T06:11:09",
  "op": [
    "delegate_vesting_shares",
    {
      "delegator": "steem",
      "delegatee": "sarven",
      "vesting_shares": "4897.407656 VESTS"
    }
  ]
}

{
  "trx_id": "2e930962252e9e8af224afb4156adc8c0f8d0943",
  "block": 106004615,
  "trx_in_block": 0,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2026-05-13T03:59:00",
  "op": [
    "delegate_vesting_shares",
    {
      "delegator": "steem",
      "delegatee": "sarven",
      "vesting_shares": "2185.197251 VESTS"
    }
  ]
}

{
  "trx_id": "e7f0893072823fde9d9008560a3b78c5f79de6b7",
  "block": 105518022,
  "trx_in_block": 0,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2026-04-26T05:23:00",
  "op": [
    "delegate_vesting_shares",
    {
      "delegator": "steem",
      "delegatee": "sarven",
      "vesting_shares": "4909.923412 VESTS"
    }
  ]
}

{
  "trx_id": "10e3cb79fd9baebb2afcd278c234ecb7a4fcd5fc",
  "block": 102870963,
  "trx_in_block": 3,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2026-01-23T23:47:21",
  "op": [
    "delegate_vesting_shares",
    {
      "delegator": "steem",
      "delegatee": "sarven",
      "vesting_shares": "2226.744070 VESTS"
    }
  ]
}

{
  "trx_id": "0fbf290b9a394040b29d63288388802d07723fa4",
  "block": 91317170,
  "trx_in_block": 6,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2024-12-17T18:57:03",
  "op": [
    "delegate_vesting_shares",
    {
      "delegator": "steem",
      "delegatee": "sarven",
      "vesting_shares": "2390.963267 VESTS"
    }
  ]
}

{
  "trx_id": "3523dd222dbd912df450e14e144556073739b94e",
  "block": 79871331,
  "trx_in_block": 2,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2023-11-14T10:38:39",
  "op": [
    "delegate_vesting_shares",
    {
      "delegator": "steem",
      "delegatee": "sarven",
      "vesting_shares": "2560.096799 VESTS"
    }
  ]
}

{
  "trx_id": "a072ceb07d39ab7ce21ff81bab251bb7d06c9f30",
  "block": 78362734,
  "trx_in_block": 2,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2023-09-22T10:16:57",
  "op": [
    "delegate_vesting_shares",
    {
      "delegator": "steem",
      "delegatee": "sarven",
      "vesting_shares": "5497.005585 VESTS"
    }
  ]
}

{
  "trx_id": "2381491b029e9c46737636dbd153377ff9d4125e",
  "block": 69120485,
  "trx_in_block": 0,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2022-11-03T17:45:06",
  "op": [
    "delegate_vesting_shares",
    {
      "delegator": "steem",
      "delegatee": "sarven",
      "vesting_shares": "5719.057023 VESTS"
    }
  ]
}

{
  "trx_id": "59a9496133fbbc06d318b5b4412c6f8856db77fa",
  "block": 60823738,
  "trx_in_block": 32,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2022-01-17T22:57:15",
  "op": [
    "delegate_vesting_shares",
    {
      "delegator": "steem",
      "delegatee": "sarven",
      "vesting_shares": "5939.164624 VESTS"
    }
  ]
}

{
  "trx_id": "e1af5bd4511c74d4514f5ddb0e01ac292f47b611",
  "block": 54614071,
  "trx_in_block": 4,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2021-06-14T06:08:33",
  "op": [
    "delegate_vesting_shares",
    {
      "delegator": "steem",
      "delegatee": "sarven",
      "vesting_shares": "6123.358912 VESTS"
    }
  ]
}

{
  "trx_id": "0208c05d0f2e6b87de720e17dc7db19b3fdea135",
  "block": 49361339,
  "trx_in_block": 3,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2020-12-11T16:20:57",
  "op": [
    "delegate_vesting_shares",
    {
      "delegator": "steem",
      "delegatee": "sarven",
      "vesting_shares": "6310.780886 VESTS"
    }
  ]
}

{
  "trx_id": "a4dbfbdcc9378a3fe4aed40bbb18b8fe61999618",
  "block": 49212862,
  "trx_in_block": 7,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2020-12-06T09:56:39",
  "op": [
    "delegate_vesting_shares",
    {
      "delegator": "steem",
      "delegatee": "sarven",
      "vesting_shares": "1912.543513 VESTS"
    }
  ]
}

{
  "trx_id": "f4eaf06d02fdedabb51de6e977119e6519f3878b",
  "block": 49196420,
  "trx_in_block": 1,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2020-12-05T19:58:39",
  "op": [
    "delegate_vesting_shares",
    {
      "delegator": "steem",
      "delegatee": "sarven",
      "vesting_shares": "6316.988740 VESTS"
    }
  ]
}

{
  "trx_id": "e2a348b60389b713fa62b3eecbc9d5b896290874",
  "block": 48270567,
  "trx_in_block": 0,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2020-11-03T02:28:51",
  "op": [
    "delegate_vesting_shares",
    {
      "delegator": "steem",
      "delegatee": "sarven",
      "vesting_shares": "1920.017158 VESTS"
    }
  ]
}

{
  "trx_id": "81faf95b0c7d8a18b773898780f6480a47b330db",
  "block": 43223185,
  "trx_in_block": 12,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2020-05-09T10:59:33",
  "op": [
    "delegate_vesting_shares",
    {
      "delegator": "steem",
      "delegatee": "sarven",
      "vesting_shares": "6519.794099 VESTS"
    }
  ]
}

{
  "trx_id": "98cc2b9389b7b3ea02284df759eac69bfd78d5eb",
  "block": 43200213,
  "trx_in_block": 12,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2020-05-08T15:22:57",
  "op": [
    "delegate_vesting_shares",
    {
      "delegator": "steem",
      "delegatee": "sarven",
      "vesting_shares": "1953.311140 VESTS"
    }
  ]
}

{
  "trx_id": "9d8bf6a09adcf08cd86c3dffd0c967bf8c0fae34",
  "block": 42569060,
  "trx_in_block": 14,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2020-04-16T03:12:54",
  "op": [
    "delegate_vesting_shares",
    {
      "delegator": "steem",
      "delegatee": "sarven",
      "vesting_shares": "6532.681547 VESTS"
    }
  ]
}

{
  "trx_id": "477a27c3b9f2a5d053f1990bfa5e61b1c2bb2ebc",
  "block": 38886899,
  "trx_in_block": 7,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2019-12-09T13:09:48",
  "op": [
    "comment",
    {
      "parent_author": "sarven",
      "parent_permlink": "tworzenie-tla-z-poruszajacymi-sie-czasteczkami",
      "author": "steemitboard",
      "permlink": "steemitboard-notify-sarven-20191209t130948000z",
      "title": "",
      "body": "Congratulations @sarven! You received a personal award!\n\n<table><tr><td>https://steemitimages.com/70x70/http://steemitboard.com/@sarven/birthday2.png</td><td>Happy Birthday! - You are on the Steem blockchain for 2 years!</td></tr></table>\n\n<sub>_You can view [your badges on your Steem Board](https://steemitboard.com/@sarven) and compare to others on the [Steem Ranking](https://steemitboard.com/ranking/index.php?name=sarven)_</sub>\n\n\n###### [Vote for @Steemitboard as a witness](https://v2.steemconnect.com/sign/account-witness-vote?witness=steemitboard&approve=1) to get one more award and increased upvotes!",
      "json_metadata": "{\"image\":[\"https://steemitboard.com/img/notify.png\"]}"
    }
  ]
}

{
  "trx_id": "81947a592cec6c7c5b5af038f4e3e7c8f6cd9449",
  "block": 32852001,
  "trx_in_block": 20,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2019-05-12T20:20:00",
  "op": [
    "delegate_vesting_shares",
    {
      "delegator": "steem",
      "delegatee": "sarven",
      "vesting_shares": "6728.298360 VESTS"
    }
  ]
}

{
  "trx_id": "7a625a01a4cd829b0e98d9aa9dc645214d1dd1af",
  "block": 28411819,
  "trx_in_block": 9,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-12-09T12:12:09",
  "op": [
    "comment",
    {
      "parent_author": "sarven",
      "parent_permlink": "tworzenie-tla-z-poruszajacymi-sie-czasteczkami",
      "author": "steemitboard",
      "permlink": "steemitboard-notify-sarven-20181209t121208000z",
      "title": "",
      "body": "Congratulations @sarven! You received a personal award!\n\n<table><tr><td>https://steemitimages.com/70x70/http://steemitboard.com/@sarven/birthday1.png</td><td>1 Year on Steemit</td></tr></table>\n\n<sub>_[Click here to view your Board of Honor](https://steemitboard.com/@sarven)_</sub>\n\n\n**Do not miss the last post from @steemitboard:**\n<table><tr><td><a href=\"https://steemit.com/steemitboard/@steemitboard/5jrq2c-steemitboard-saint-nicholas-day\"><img src=\"https://steemitimages.com/64x128/http://i.cubeupload.com/mGo2Zd.png\"></a></td><td><a href=\"https://steemit.com/steemitboard/@steemitboard/5jrq2c-steemitboard-saint-nicholas-day\">Saint Nicholas challenge for good boys and girls</a></td></tr></table>\n\n> Support [SteemitBoard's project](https://steemit.com/@steemitboard)! **[Vote for its witness](https://v2.steemconnect.com/sign/account-witness-vote?witness=steemitboard&approve=1)** and **get one more award**!",
      "json_metadata": "{\"image\":[\"https://steemitboard.com/img/notify.png\"]}"
    }
  ]
}

{
  "trx_id": "320b05d1b88e92301ddf0f81b50196282f6bb848",
  "block": 22497475,
  "trx_in_block": 57,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-05-17T02:38:45",
  "op": [
    "delegate_vesting_shares",
    {
      "delegator": "steem",
      "delegatee": "sarven",
      "vesting_shares": "6927.813452 VESTS"
    }
  ]
}

{
  "trx_id": "135d13d225bff49b50bf326468eff16a2db2995d",
  "block": 19591517,
  "trx_in_block": 2,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-02-05T02:28:12",
  "op": [
    "delegate_vesting_shares",
    {
      "delegator": "steem",
      "delegatee": "sarven",
      "vesting_shares": "27437.723836 VESTS"
    }
  ]
}

{
  "trx_id": "9ddde83d5580f30529718315647af2e2cbb56d47",
  "block": 19226546,
  "trx_in_block": 50,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-23T10:00:09",
  "op": [
    "claim_reward_balance",
    {
      "account": "sarven",
      "reward_steem": "0.000 STEEM",
      "reward_sbd": "0.054 SBD",
      "reward_vests": "28.663383 VESTS"
    }
  ]
}

{
  "trx_id": "0000000000000000000000000000000000000000",
  "block": 19096325,
  "trx_in_block": 4294967295,
  "op_in_trx": 0,
  "virtual_op": 9,
  "timestamp": "2018-01-18T21:26:09",
  "op": [
    "author_reward",
    {
      "author": "sarven",
      "permlink": "tworzenie-tla-z-poruszajacymi-sie-czasteczkami",
      "sbd_payout": "0.054 SBD",
      "steem_payout": "0.000 STEEM",
      "vesting_payout": "28.663383 VESTS"
    }
  ]
}

{
  "trx_id": "2f95c5437c6fa13d4dd6cd079a8c0d1e090e1305",
  "block": 19007519,
  "trx_in_block": 21,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-15T19:24:24",
  "op": [
    "claim_reward_balance",
    {
      "account": "sarven",
      "reward_steem": "0.000 STEEM",
      "reward_sbd": "0.220 SBD",
      "reward_vests": "90.110620 VESTS"
    }
  ]
}

{
  "trx_id": "0000000000000000000000000000000000000000",
  "block": 19007440,
  "trx_in_block": 4294967295,
  "op_in_trx": 0,
  "virtual_op": 7,
  "timestamp": "2018-01-15T19:20:30",
  "op": [
    "author_reward",
    {
      "author": "sarven",
      "permlink": "codingame-czyli-rywalizuj-z-innymi-programujac",
      "sbd_payout": "0.017 SBD",
      "steem_payout": "0.000 STEEM",
      "vesting_payout": "8.190790 VESTS"
    }
  ]
}

{
  "trx_id": "bd94c4896355ab4a86233fee8ff17f7391ce3d2f",
  "block": 18981566,
  "trx_in_block": 21,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-14T21:45:06",
  "op": [
    "vote",
    {
      "voter": "lukmarcus",
      "author": "sarven",
      "permlink": "tworzenie-tla-z-poruszajacymi-sie-czasteczkami",
      "weight": 500
    }
  ]
}

{
  "trx_id": "0000000000000000000000000000000000000000",
  "block": 18921788,
  "trx_in_block": 4294967295,
  "op_in_trx": 0,
  "virtual_op": 11,
  "timestamp": "2018-01-12T19:53:00",
  "op": [
    "author_reward",
    {
      "author": "sarven",
      "permlink": "jak-sie-rozwijac-w-kierunku-it-i-nie-zwariowac",
      "sbd_payout": "0.203 SBD",
      "steem_payout": "0.000 STEEM",
      "vesting_payout": "81.919830 VESTS"
    }
  ]
}

{
  "trx_id": "d135a921a7150b30866aecd954aeac91552f1356",
  "block": 18916490,
  "trx_in_block": 32,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-12T15:27:27",
  "op": [
    "comment",
    {
      "parent_author": "sarven",
      "parent_permlink": "tworzenie-tla-z-poruszajacymi-sie-czasteczkami",
      "author": "cheetah",
      "permlink": "cheetah-re-sarventworzenie-tla-z-poruszajacymi-sie-czasteczkami",
      "title": "",
      "body": "Hi! I am a robot. I just upvoted you! I found similar content that readers might be interested in:\nhttps://sarvendev.com/2017/03/tworzenie-tla-z-poruszajacymi-sie-czasteczkami/",
      "json_metadata": ""
    }
  ]
}

{
  "trx_id": "a75b9dda9e83aa954d5c8ea8debc3013743dac21",
  "block": 18906984,
  "trx_in_block": 30,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-12T07:31:09",
  "op": [
    "vote",
    {
      "voter": "jacekw",
      "author": "sarven",
      "permlink": "tworzenie-tla-z-poruszajacymi-sie-czasteczkami",
      "weight": 10000
    }
  ]
}

{
  "trx_id": "5c2c9049fe6766b90be9de2e939fc749bd833761",
  "block": 18895530,
  "trx_in_block": 50,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-11T21:57:57",
  "op": [
    "vote",
    {
      "voter": "polbot",
      "author": "sarven",
      "permlink": "tworzenie-tla-z-poruszajacymi-sie-czasteczkami",
      "weight": 2500
    }
  ]
}

{
  "trx_id": "47eb7742c6740e59434edb585f2b796b9bdad95b",
  "block": 18894925,
  "trx_in_block": 12,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-11T21:27:42",
  "op": [
    "vote",
    {
      "voter": "kamixi",
      "author": "sarven",
      "permlink": "tworzenie-tla-z-poruszajacymi-sie-czasteczkami",
      "weight": 10000
    }
  ]
}

{
  "trx_id": "23a122255e4613918a5c2638e7f96b3b1e2b34a8",
  "block": 18894894,
  "trx_in_block": 55,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-11T21:26:09",
  "op": [
    "comment",
    {
      "parent_author": "",
      "parent_permlink": "polish",
      "author": "sarven",
      "permlink": "tworzenie-tla-z-poruszajacymi-sie-czasteczkami",
      "title": "Tworzenie tła z poruszającymi się cząsteczkami",
      "body": "https://sarvendev.com/wp-content/uploads/2017/03/particles-953x536.png\n\nW tym wpisie przedstawię w jaki sposób stworzyć tło z poruszającymi się cząsteczkami. Całość oparta będzie o element canvas oraz ES6. Wykorzystam tutaj kod, który już kiedyś stworzyłem jako część gry [Paper Soccer](https://paper--soccer.herokuapp.com/).\n\n# Cel\nCelem jest stworzenie tła wykorzystanego tutaj Paper Soccer. Oczywiście mam już ten kod gotowy, jednak chciałbym stworzyć coś na kształt biblioteki, która pozwoli w łatwy sposób podpiąć się pod dany element canvas i utworzyć w nim takie tło oraz umożliwić konfigurację parametrów takich jak:\n\n* kolor\n* wielkość cząsteczek\n* ilość cząsteczek\n* grubość linii\n* etc.\n\n# Lecimy z tematem\nBiblioteka nie będzie wymagała żadnych zależności, jedynie do stworzenia produkcyjnej wersji wykorzystany zostanie webpack oraz  babel do kompiliacji ES6 do ES5. Struktura katalogów prezentuje się następująco:\n\n* /demo – przykład wykorzystania\n* /dist – skompilowana  do ES5 biblioteka oraz zminifikowana\n* /src – pliki zawierające poszczególne klasy\n* /test – testy\n\nNajbardziej interesuje nas tutaj katalog /src, w którym zawarty będzie kod podzielony na poszczególne moduły(klasy):\n\n* Particle – klasa reprezentująca pojedynczą cząsteczkę\n* ParticleCreator – klasa mająca za zadanie tworzenie cząsteczek o określonych parametrach\n* Drawer – klasa odpowiedzialna za rysowanie linii oraz cząsteczek\n* Background – klasa odpowiedzialna za całe sterowanie, tworząca obiekty klas ParticleCreator oraz Drawer\n\nStandard ES6 według mnie usprawnił tworzenie klas, przynajmniej teraz to wygląda bardziej ludzko oraz w podobnej do innych języków składni.\n\n## Reprezentacja pojedynczej cząsteczki\n\n```\nclass Particle {\n  /**\n   * Particle constructor\n   *\n   * @param int x\n   * @param int y\n   * @param array vel\n   * @param int radius\n   */\n  constructor(x, y, vel, radius) {\n    this.x = x;\n    this.y = y;\n    this.vel = vel;\n    this.radius = radius;\n  }\n  /**\n   * Move particle with set velocity\n   *\n   * @param int maxX\n   * @param int maxY\n   */\n  move(maxX, maxY) {\n    this.x += this.vel.x;\n    this.y += this.vel.y;\n    if (this.isOffXEdge(maxX)) {\n      this.vel.x = -this.vel.x;\n    }\n    if (this.isOffYEdge(maxY)) {\n      this.vel.y = -this.vel.y;\n    }\n  }\n  /**\n   * Check that particle is off the X edge.\n   *\n   * @param int maxX\n   * @return bool\n   */\n  isOffXEdge(maxX) {\n    return this.x > maxX || this.x < 0;\n  }\n  /**\n   * Check that particle is off the Y edge.\n   *\n   * @param maxY\n   * @return bool\n   */\n  isOffYEdge(maxY) {\n    return this.y > maxY || this.y < 0\n  }\n}\nexport default Particle;\n```\n\nPowyższy kod przedstawia klasę reprezentującą pojedynczą cząsteczkę. Mamy tutaj konstruktor, który ustawia kilka wartości: współrzędne, prędkość oraz promień. Metoda move() odpowiedzialna jest za wykonanie ruchu cząsteczki, czyli zwiększenie współrzędnych o odpowiednie wartości określone przez atrybut vel. Wywoływana ona będzie w klasie Background, podczas odświeżania animacji, co w efekcie powodowało będzie ruch cząsteczki. Prędkość jest tutaj przedstawiana za pomocą obiektu z dwiema wartościami x oraz y, o które podczas wywołania metody move() zwiększane są odpowiednio współrzędne cząsteczki. W przypadku, gdy cząsteczka wyjdzie poza daną krawędź ekranu zmienia zwrot na przeciwny i porusza się  w drugą stronę, co tworzy wrażenie odbijania się cząsteczki od krawędzi. Warunki tego wyjścia poza ekran sprawdzane są w dwóch instrukcjach warunkowych dla każdej z osi.\n\n## Tworzenie cząsteczek\n\n```\nimport Particle from './Particle';\nclass ParticleCreator {\n  /**\n   * ParticleCreator constructor.\n   *\n   * @param object settings\n   * @param object canvas\n   */\n  constructor(settings, canvas) {\n    this.settings = settings;\n    this.canvas = canvas;\n  }\n  /**\n   * Create many particles with specified count.\n   *\n   * @param int count\n   * @return Particle[]\n   */\n  createMany(count) {\n    let particles = [];\n    for (let i = 0; i < count; i++) {\n      particles.push(this.create());\n    }\n    return particles;\n  }\n  /**\n   * Create single particle.\n   *\n   * @return Particle\n   */\n  create() {\n    return new Particle(\n      Math.random() * this.canvas.width,\n      Math.random() * this.canvas.height, {\n        x: (Math.random() - 0.5) * 5, // [-2.5, 2.5)\n        y: (Math.random() - 0.5) * 5 // [-2.5, 2.5)\n      },\n      this.settings.particleRadius\n    );\n  }\n}\nexport default ParticleCreator;\n```\n\nPowyższa klasa odpowiedzialna jest za utworzenie cząsteczek o określonych parametrach, wykorzystywana jest tutaj klasa omówiona wcześniej – Particle. Konstruktor przyjmuje tutaj dwa parametry: settings oraz canvas. Pierwszy z nich to tablica z ustawieniami biblioteki, która zawiera dane określające ile cząsteczek stworzyć oraz o jakim promieniu. Drugi parametr(canvas) to po prostu element canvas, który tutaj wykorzystywany jest do pobrania maksymalnej szerokości oraz wysokości. Jak już wcześniej napisałem promień pobierany jest z ustawień biblioteki, natomiast współrzędne oraz prędkość losowane są z odpowiednich przedziałów. Math.random() zwraca losową wartość z przedziału [0, 1), więc przedziały dla współrzędnych będą następujące:\n\n* x – [0, szerokość okna)\n* y  – [0, wysokość okna)\n\nPrzedziały dla prędkości zostały zapisane w komentarzu obok.\n\n## Rysowanie\n\n```\nclass Drawer {\n  /**\n   * Drawer constructor\n   *\n   * @param object settings\n   * @param object ctx\n   */\n  constructor(settings, ctx) {\n    this.settings = settings;\n    this.ctx = ctx;\n  }\n  /**\n   * Draw lines from this particle to other particles where distance between them is lower than specified distance\n   *\n   * @param Particle[] particles\n   * @param Particle particle\n   */\n  drawLines(particles, particle) {\n    this.ctx.beginPath();\n    particles.forEach(secondParticle => {\n      const dist = Math.hypot(particle.x - secondParticle.x, particle.y - secondParticle.y);\n      if (dist < this.settings.particleDistance) {\n        this.drawLine(particle, secondParticle);\n      }\n    });\n    this.ctx.stroke();\n  }\n  /**\n   * Draw line between two particles\n   *\n   * @param firstParticle\n   * @param secondParticle\n   */\n  drawLine(firstParticle, secondParticle) {\n    this.ctx.strokeStyle = this.settings.lineColor;\n    this.ctx.lineWidth = this.settings.lineWidth;\n    this.ctx.moveTo(firstParticle.x, firstParticle.y);\n    this.ctx.lineTo(secondParticle.x, secondParticle.y);\n  }\n  /**\n   * Draw Particle\n   *\n   * @param Particle particle\n   */\n  drawParticle(particle) {\n    this.ctx.beginPath();\n    this.ctx.arc(particle.x, particle.y, particle.radius, 0, Math.PI * 2);\n    this.ctx.fillStyle = this.settings.particleColor;\n    this.ctx.fill();\n  }\n}\nexport default Drawer;\n```\n\nW powyższym kodzie zawarta została klasa odpowiedzialna za rysowanie cząsteczek oraz linii między nimi. Konstruktor przyjmuje tutaj również dwa parametry. Settings zostało już wspomniane, są to po prostu ustawienia biblioteki. Natomiast ctx to:\n\n```\nthis.ctx = this.canvas.getContext('2d');\n```\n\nczyli kontekst umożliwiający rysowanie.\n\n> The HTMLCanvasElement.getContext() method returns a drawing context on the canvas\n> https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/getContext\n\nMetody drawLine() oraz drawParticle() odpowiedzialne są po prostu za rysowanie odpowiednio linii oraz koła. Po wyjaśnienie instrukcji tam zawartych odsyłam do dokumentacji, jest to po prostu zwykłe API służące do rysowania tych elementów.\n\nLinie pomiędzy cząsteczkami rysowane są w taki sposób, że przy każdym odświeżeniu animacji dla każdej cząsteczki sprawdzana jest odległość jej samej z pozostałymi cząsteczkami, jeśli jest ona mniejsza niż wartość określona przez właściwość particleDistance obiektu settings to rysowana jest linia pomiędzy tymi punktami. Metoda Math.hypot() służy do obliczenia pierwiastka kwadratowego sumy kwadratów argumentów. Dzięki niej łatwo oblicza się odległość między punktami.\n\nMetoda drawLines() odpowiada za wysokie zużycie procesora, gdyż jeśli animacja odświeżana jest 60 razy na sekundę, a ta metoda jest wywoływana przy każdym odświeżeniu, to przy założeniu, że mamy 100 cząsteczek na sekundę wykonywane jest wtedy 60*100*100 = 600 000 obliczeń.\n\n## Sterowanie\n\n```\nimport ParticleCreator from './ParticleCreator';\nimport Drawer from './Drawer';\nclass Background {\n  /**\n   * Background constructor, get canvas element, set options\n   *\n   * @param string canvasID\n   * @param object settings\n   */\n  constructor(canvasID, settings) {\n    this.setSettings(settings);\n    this.canvas = document.getElementById(canvasID);\n    this.ctx = this.canvas.getContext('2d');\n    this.particleCreator = new ParticleCreator(this.settings, this.canvas);\n    this.drawer = new Drawer(this.settings, this.ctx);\n    this.canvas.width = window.innerWidth;\n    this.canvas.height = window.innerHeight;\n    this.particles = [];\n    this.init();\n  }\n  /**\n   * Set settings\n   *\n   * @param object settings\n   */\n  setSettings(settings) {\n    this.settings = {\n      particleColor: this.getOption(settings, 'particleColor', '#000000'),\n      particleRadius: this.getOption(settings, 'particleRadius', 3),\n      particleDistance: this.getOption(settings, 'particleDistance', 100),\n      particlesCount: this.getOption(settings, 'particlesCount', 300),\n      lineColor: this.getOption(settings, 'lineColor', '#000000'),\n      lineWidth: this.getOption(settings, 'lineWidth', 1)\n    };\n  }\n  /**\n   * Get option\n   *\n   * @param object settings\n   * @param string name\n   * @param mixed default\n   */\n  getOption(settings, name, defaultValue) {\n    return settings.hasOwnProperty(name) ? settings[name] : defaultValue;\n  }\n  /**\n   * Create particles and start loop\n   */\n  init() {\n    this.particles = this.particleCreator.createMany(this.settings.particlesCount);\n    this.loop();\n  }\n  /**\n   * Loop, clear and drawParticles\n   */\n  loop() {\n    this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);\n    this.particles.forEach(particle => {\n      particle.move(this.canvas.width, this.canvas.height);\n      this.drawer.drawLines(this.particles, particle);\n      this.drawer.drawParticle(particle);\n    });\n    window.requestAnimationFrame(this.loop.bind(this));\n  }\n}\nexport default Background;\n```\n\nPowyżej przedstawiona została ostatnia klasa, która jest klasą główną. Konstruktor przyjmuje tutaj dwa parametry: ID elementu canvas oraz tablicę z ustawieniami. Klasa zawiera w sobie ustawienie właściwości, jeśli nie są one przekazywane z zewnątrz to w metodzie setSettings() ustawiane są wartości domyślne. Kolejno w konstruktorze mamy:\n\n* pobranie elementu canvas na podstawie ID\n* pobranie kontekstu\n* utworzenie obiektu klasy ParticleCreator do tworzenia cząsteczek\n* utworzenie obiektu klasy Drawer do rysowanie linii oraz cząsteczek\n* ustawienie wymiarów elementu canvas – fullscreen\n* inicjalizacja tablicy przechwowującej cząsteczki\n* wywołanie metody init\n\nMetoda init() za pomocą obiektu particleCreator tworzy cząsteczki, następnie wywołuje metodę loop(), w której to:\n\n* czyszczony jest cały ekran\n* rysowane są cząsteczki, linie oraz wykonywany jest ruch (zmiana współrzędnych o określoną wartość)\n\nNastępnie metoda loop() przekazywana jest jako argument do Window.requestAnimationFrame(), która wykonuje metodę loop() przed odświeżeniem animacji.\n\nDodatkowo w katalogu /src jest jeszcze plik:\n```\nimport Background from './modules/Background';\nexport function create(canvasID, settings) {\n  return new Background(canvasID, settings);\n};\n```\n\nEksportowana jest tutaj funkcja, która ma za zadanie przyjąć parametry oraz utworzyć obiekt klasy Background. Dzięki temu w poniższy prosty sposób możemy skorzystać z tej biblioteki:\n\n```\nEasyParticlesBackground.create('background', {\n particleColor: 'rgba(236, 208, 120, 1)',\n particleRadius: 3,\n particleDistance: 100,\n particlesCount: 200,\n lineColor: 'rgba(236, 208, 120, 1)',\n lineWidth: 1\n});\n```\n\nDokładniejszy przykład użycia można znaleźć w linkach poniżej.\n\n## Finalny efekt\n[Github](https://github.com/sarven/easy-particles-background)\n[Demo](http://projects.sarvendev.com/particles/index.html)",
      "json_metadata": "{\"tags\":[\"polish\",\"programming\",\"javascript\",\"es6\"],\"image\":[\"https://sarvendev.com/wp-content/uploads/2017/03/particles-953x536.png\"],\"links\":[\"https://paper--soccer.herokuapp.com/\",\"https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/getContext\",\"https://github.com/sarven/easy-particles-background\",\"http://projects.sarvendev.com/particles/index.html\"],\"app\":\"steemit/0.1\",\"format\":\"markdown\"}"
    }
  ]
}

{
  "trx_id": "9abd3db2c66090e41b9b79a564e49d66266d2737",
  "block": 18894381,
  "trx_in_block": 48,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-11T21:00:30",
  "op": [
    "claim_reward_balance",
    {
      "account": "sarven",
      "reward_steem": "0.000 STEEM",
      "reward_sbd": "0.130 SBD",
      "reward_vests": "45.062970 VESTS"
    }
  ]
}

{
  "trx_id": "0000000000000000000000000000000000000000",
  "block": 18848668,
  "trx_in_block": 4294967295,
  "op_in_trx": 0,
  "virtual_op": 19,
  "timestamp": "2018-01-10T06:54:21",
  "op": [
    "curation_reward",
    {
      "curator": "sarven",
      "reward": "2.048251 VESTS",
      "comment_author": "unknow",
      "comment_permlink": "unknownews-zestawienie-ciekawych-linkow-technologicznych-po-dlugiej-przerwie"
    }
  ]
}

{
  "trx_id": "0000000000000000000000000000000000000000",
  "block": 18828966,
  "trx_in_block": 4294967295,
  "op_in_trx": 0,
  "virtual_op": 4,
  "timestamp": "2018-01-09T14:28:48",
  "op": [
    "author_reward",
    {
      "author": "sarven",
      "permlink": "kompozycja-ponad-dziedziczenie",
      "sbd_payout": "0.130 SBD",
      "steem_payout": "0.000 STEEM",
      "vesting_payout": "43.014719 VESTS"
    }
  ]
}

{
  "trx_id": "3881cacda39ce5f536c79534bea3c55803b24fb7",
  "block": 18828713,
  "trx_in_block": 0,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-09T14:16:06",
  "op": [
    "comment",
    {
      "parent_author": "themarhio",
      "parent_permlink": "re-sarven-codingame-czyli-rywalizuj-z-innymi-programujac-20180108t192622629z",
      "author": "sarven",
      "permlink": "re-themarhio-re-sarven-codingame-czyli-rywalizuj-z-innymi-programujac-20180109t141602020z",
      "title": "",
      "body": "Nie jest płatne.",
      "json_metadata": "{\"tags\":[\"polish\"],\"app\":\"steemit/0.1\"}"
    }
  ]
}

{
  "trx_id": "a6a77831bc5ae9805d005586aae4f0aa9e210041",
  "block": 18810879,
  "trx_in_block": 14,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-08T23:23:15",
  "op": [
    "comment",
    {
      "parent_author": "sarven",
      "parent_permlink": "codingame-czyli-rywalizuj-z-innymi-programujac",
      "author": "cheetah",
      "permlink": "cheetah-re-sarvencodingame-czyli-rywalizuj-z-innymi-programujac",
      "title": "",
      "body": "Hi! I am a robot. I just upvoted you! I found similar content that readers might be interested in:\nhttps://sarvendev.com/2017/04/codingame-czyli-rywalizuj-innymi-programujac/",
      "json_metadata": ""
    }
  ]
}

{
  "trx_id": "b74dcbcbe8a4f78228d8d18d9f6047ec61247297",
  "block": 18810877,
  "trx_in_block": 38,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-08T23:23:09",
  "op": [
    "vote",
    {
      "voter": "cheetah",
      "author": "sarven",
      "permlink": "codingame-czyli-rywalizuj-z-innymi-programujac",
      "weight": 8
    }
  ]
}

{
  "trx_id": "45c919b110c05b7cdd3470a536250e0b11964034",
  "block": 18808204,
  "trx_in_block": 1,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-08T21:09:18",
  "op": [
    "vote",
    {
      "voter": "dotsconnecting",
      "author": "sarven",
      "permlink": "codingame-czyli-rywalizuj-z-innymi-programujac",
      "weight": 10000
    }
  ]
}

{
  "trx_id": "09d49a598e7c185cb70610938c9122114594512d",
  "block": 18806652,
  "trx_in_block": 13,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-08T19:51:33",
  "op": [
    "vote",
    {
      "voter": "polbot",
      "author": "sarven",
      "permlink": "codingame-czyli-rywalizuj-z-innymi-programujac",
      "weight": 5000
    }
  ]
}

{
  "trx_id": "ee1d64411723d2a09f6a09f500856dbb8587894a",
  "block": 18806344,
  "trx_in_block": 29,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-08T19:36:09",
  "op": [
    "delegate_vesting_shares",
    {
      "delegator": "steem",
      "delegatee": "sarven",
      "vesting_shares": "27642.584823 VESTS"
    }
  ]
}

{
  "trx_id": "690153a9180c7c436199c0557a11ee43fabd1891",
  "block": 18806152,
  "trx_in_block": 24,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-08T19:26:30",
  "op": [
    "vote",
    {
      "voter": "themarhio",
      "author": "sarven",
      "permlink": "codingame-czyli-rywalizuj-z-innymi-programujac",
      "weight": 10000
    }
  ]
}

{
  "trx_id": "9576e75b2cfa8a56c2a6ef5407d8d1f30d4e82f0",
  "block": 18806150,
  "trx_in_block": 10,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-08T19:26:24",
  "op": [
    "comment",
    {
      "parent_author": "sarven",
      "parent_permlink": "codingame-czyli-rywalizuj-z-innymi-programujac",
      "author": "themarhio",
      "permlink": "re-sarven-codingame-czyli-rywalizuj-z-innymi-programujac-20180108t192622629z",
      "title": "",
      "body": "A czy jest płatne gdy przechodzi się do dalszych etapów? Bo korzystałem kiedyś z czegoś podobnego i później trzeba było już subskrypcje wykupić.",
      "json_metadata": "{\"tags\":[\"polish\"],\"app\":\"steemit/0.1\"}"
    }
  ]
}

{
  "trx_id": "89278aaa9ce5e0896a17e5e0a83765d4c2664a50",
  "block": 18806033,
  "trx_in_block": 41,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-08T19:20:30",
  "op": [
    "comment",
    {
      "parent_author": "",
      "parent_permlink": "polish",
      "author": "sarven",
      "permlink": "codingame-czyli-rywalizuj-z-innymi-programujac",
      "title": "CodinGame – czyli rywalizuj z innymi programując",
      "body": "https://sarvendev.com/wp-content/uploads/2017/04/codingame.png\n\nRozwiązywanie ciekawych problemów jest dla programistów dobrą zabawą jak i również świetną nauką. W czasach kiedy zaczynałem swoją przygodę z tą branżą, popularnym portalem zawierającym zadania do rozwiązania w różnych językach programowania był [SPOJ](http://pl.spoj.com/). Jednak według mnie nie wciągał on na dłużej, a samo rozwiązywanie coraz większej liczby zadań było mało ciekawe. Brakowało tutaj elementu bezpośredniej rywalizacji z innymi, co czyni „grę” oraz zajmowanie coraz wyższych pozycji w rankingu niesamowitym wyzwaniem. Chęć bycia lepszym od innych i wygrywaniem jest tym co przyciąga nas do gry na dłużej.  Jakiś czas temu trafiłem na portal [CodinGame](https://www.codingame.com/) i na prawdę żałuję, że gdy zaczynałem i miałem mnóstwo czasu na rozwijanie się, nie było takiego serwisu.\n\n# Czym jest CodinGame?\nCodinGame jest platformą dla programistów o różnym poziomie zaawansowania (każdy znajdzie coś dla siebie) umożliwiającą rozgrywkę, która polega na rozwiązywaniu różnych zadań. Do wyboru jest kilka trybów:\n\n* „Practice” – łamigłówki do samodzielnego rozwiązania\n* „Clash of Code” – szybka rozgrywka polegająca na rozwiązaniu prostego problemu\n* „Contest” – dłuższa rozgrywka trwająca kilka dni, polegająca na zaprogramowaniu bota, który rywalizuje z botami stworzonymi przez innych graczy\n\nRozwiązania nadsyłać można w różnych językach. Wybór jest naprawdę ogromny. Za wykonywane zadania dostajemy punkty doświadczenia co pozwala wbijać kolejne poziomy. Do odblokowania są rozmaite osiągnięcia np.:\n\nhttps://sarvendev.com/wp-content/uploads/2017/04/javascript-lover.png\n\n# Practice\nTen tryb rozgrywki jest w zasadzie identyczny jak na [SPOJ](http://pl.spoj.com/) i służy raczej jako trening do gry przeciwko innym graczom. Mamy tutaj do wykonania zadania o różnym poziomie trudności. W zależności od złożoności problemu danego zadania dostajemy odpowiednią ilość punktów doświadczenia.\n\n# Clash of Code\nW tym trybie rozgrywki mamy do rozwiązania prosty problem w określonym czasie. Każdy z graczy może utworzyć taką rozgrywkę, do której następnie dołączają gracze. Maksymalnie dołączyć może ich ośmiu, jednak aby grę rozpocząć potrzebnych jest minimalnie dwóch graczy. Czas na rozwiązanie zadania zawiera się w przedziale od 5 do 15 minut. Zadania są podzielone na trzy typy:\n\n* Fastest – najszybsze przesłanie gotowego rozwiązania\n* Shortest – najkrótszy kod\n* Reverse – dostajemy wejście oraz wyjście i na ich podstawie musimy się domyślić jaki kod napisać\n\nWarto tutaj dodać, że przy typie zadań na najkrótszy napisany kod niektóre języki programowania mają przewagę nad pozostałymi. Przykładowo kod napisany w pythonie lub rubym będzie dużo bardziej zwięzły niż java czy c++. Należy więc wybierać odpowiednie narzędzia do danego problemu, a nie ograniczać się tylko do jednego języka.\n\n# Contest\nRozgrywka w tym trybie organizowana jest co jakiś czas i trwa kilka dni (najbliższa  zaplanowana jest na 10 dni). Tutaj do wygrania są już nagrody, jak i również możliwość aplikowania po konkursie na stanowiska dodane przez firmy.\n\nhttps://sarvendev.com/wp-content/uploads/2017/04/prizes.png\n\nRozgrywka polega na napisaniu bota, który będzie rywalizował z botami stworzonymi przez innych graczy.\n\n# Jak przebiega rozwiązywanie zadań?\nPoniżej przedstawiony został ekran rozwiązywania zadania w trybie Practice. Po lewej stronie jest opis problemu, w środku znajduje się edytor, gdzie możemy wybrać dany język programowania oraz automatycznie wstawiany jest szkielet programu, czyli obsługa wejścia/wyjścia, co ułatwia start. Pod edytorem znajdują się testy, które możemy odpalać w dowolnej kolejności, jak i zbiorowo wszystkie naraz. Gdy nasze rozwiązanie jest gotowe, przesyłamy je.\n\nhttps://sarvendev.com/wp-content/uploads/2017/04/codingame-screen.png\n\n# Podsumowanie\nWedług mnie CodinGame jest świetną platformą do nauki jak i rozrywki. Rozwiązywanie problemów i rywalizacja z innymi wciąga bardzo. Zachęcam więc do spróbowania swoich sił!",
      "json_metadata": "{\"tags\":[\"polish\",\"programming\",\"programowanie\",\"codingame\"],\"image\":[\"https://sarvendev.com/wp-content/uploads/2017/04/codingame.png\",\"https://sarvendev.com/wp-content/uploads/2017/04/javascript-lover.png\",\"https://sarvendev.com/wp-content/uploads/2017/04/prizes.png\",\"https://sarvendev.com/wp-content/uploads/2017/04/codingame-screen.png\"],\"links\":[\"http://pl.spoj.com/\",\"https://www.codingame.com/\"],\"app\":\"steemit/0.1\",\"format\":\"markdown\"}"
    }
  ]
}

{
  "trx_id": "c77a1b9cf52149db75f716f709cb2d11d1b18866",
  "block": 18782298,
  "trx_in_block": 19,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-07T23:31:45",
  "op": [
    "vote",
    {
      "voter": "lukmarcus",
      "author": "sarven",
      "permlink": "jak-sie-rozwijac-w-kierunku-it-i-nie-zwariowac",
      "weight": 1000
    }
  ]
}

{
  "trx_id": "c841eff590cafc3bd9efb80422f9f397089635c2",
  "block": 18777783,
  "trx_in_block": 18,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-07T19:45:57",
  "op": [
    "custom_json",
    {
      "required_auths": [],
      "required_posting_auths": [
        "sarven"
      ],
      "id": "follow",
      "json": "[\"follow\",{\"follower\":\"sarven\",\"following\":\"jamzed\",\"what\":[\"blog\"]}]"
    }
  ]
}

{
  "trx_id": "124443de656f90f49342da1c948cbbdac6c6c8d4",
  "block": 18777779,
  "trx_in_block": 50,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-07T19:45:45",
  "op": [
    "vote",
    {
      "voter": "sarven",
      "author": "jamzed",
      "permlink": "re-sarven-jak-sie-rozwijac-w-kierunku-it-i-nie-zwariowac-20180105t223413977z",
      "weight": 10000
    }
  ]
}

{
  "trx_id": "0bb477ed855637b9b2e438061422f7a935f04191",
  "block": 18725945,
  "trx_in_block": 32,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-06T00:31:30",
  "op": [
    "vote",
    {
      "voter": "wub.sporttips",
      "author": "sarven",
      "permlink": "eksperyment-steemit",
      "weight": 10000
    }
  ]
}

{
  "trx_id": "ff8c08ede61b7f84cb5685eadddd8181911b3b0e",
  "block": 18725936,
  "trx_in_block": 34,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-06T00:31:03",
  "op": [
    "vote",
    {
      "voter": "wub.sporttips",
      "author": "sarven",
      "permlink": "jak-sie-rozwijac-w-kierunku-it-i-nie-zwariowac",
      "weight": 10000
    }
  ]
}

{
  "trx_id": "f442291db4a0c0064b2323a3652c411cae9d2f1f",
  "block": 18725247,
  "trx_in_block": 12,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-05T23:56:36",
  "op": [
    "vote",
    {
      "voter": "fervi",
      "author": "sarven",
      "permlink": "jak-sie-rozwijac-w-kierunku-it-i-nie-zwariowac",
      "weight": 1500
    }
  ]
}

{
  "trx_id": "3e4a0f779f7b6cda6061a9d2d551228db2be2519",
  "block": 18724782,
  "trx_in_block": 32,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-05T23:33:21",
  "op": [
    "vote",
    {
      "voter": "kaysh",
      "author": "sarven",
      "permlink": "jak-sie-rozwijac-w-kierunku-it-i-nie-zwariowac",
      "weight": 10000
    }
  ]
}

{
  "trx_id": "6ce0a0f5ea4fb767ca2b50339cb007610b0024c4",
  "block": 18724733,
  "trx_in_block": 40,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-05T23:30:54",
  "op": [
    "vote",
    {
      "voter": "jacekw",
      "author": "sarven",
      "permlink": "jak-sie-rozwijac-w-kierunku-it-i-nie-zwariowac",
      "weight": 10000
    }
  ]
}

{
  "trx_id": "eae9c82976314d429f56cdf824ecaaf3ecade7cf",
  "block": 18723602,
  "trx_in_block": 25,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-05T22:34:18",
  "op": [
    "comment",
    {
      "parent_author": "sarven",
      "parent_permlink": "jak-sie-rozwijac-w-kierunku-it-i-nie-zwariowac",
      "author": "jamzed",
      "permlink": "re-sarven-jak-sie-rozwijac-w-kierunku-it-i-nie-zwariowac-20180105t223413977z",
      "title": "",
      "body": "Hej, fajnie opisany problem szerokiej branzy IT :-) ja mam podobne odczucia, branza rozwija sie tak dynamicznie, ze nie da sie uczyc \"na zapas\". Chyba jedyne co nam zostaje to nauczyc sie szybkiego przyswajania nowej wiedzy. W moim przypadku pomaga mi solidna znajomosc podstaw i pozniej w razie potrzeby doczytanie szczegolow. Powodzenia ;-)",
      "json_metadata": "{\"tags\":[\"polish\"],\"app\":\"steemit/0.1\"}"
    }
  ]
}

{
  "trx_id": "51a9b08f8c7d863239e0fe1f5c73688add439d7f",
  "block": 18723403,
  "trx_in_block": 23,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-05T22:24:21",
  "op": [
    "vote",
    {
      "voter": "jamzed",
      "author": "sarven",
      "permlink": "jak-sie-rozwijac-w-kierunku-it-i-nie-zwariowac",
      "weight": 10000
    }
  ]
}

{
  "trx_id": "0e4cb4fe00a192bde8694142aad5c33c7cdbba83",
  "block": 18721539,
  "trx_in_block": 23,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-05T20:51:06",
  "op": [
    "vote",
    {
      "voter": "spooks",
      "author": "sarven",
      "permlink": "jak-sie-rozwijac-w-kierunku-it-i-nie-zwariowac",
      "weight": 10000
    }
  ]
}

{
  "trx_id": "83cd548e2bce47af05870b0237972743aee0d6fd",
  "block": 18720378,
  "trx_in_block": 11,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-05T19:53:00",
  "op": [
    "comment",
    {
      "parent_author": "",
      "parent_permlink": "polish",
      "author": "sarven",
      "permlink": "jak-sie-rozwijac-w-kierunku-it-i-nie-zwariowac",
      "title": "Jak się rozwijać w kierunku IT i nie zwariować?",
      "body": "https://sarvendev.com/wp-content/uploads/2017/06/oprogramowanie.png\n\nIT rozwija się niesamowicie szybko, w związku z tym pracując w branży należy śledzić zmiany, aby po prostu z niej nie wypaść. Jednak czyhają tutaj na nas pewne pułapki, w  które samemu niestety udało mi się wpaść. W tym wpisie chciałbym przedstawić swoje przemyślenia na ten temat.\n\n\n# Szerokie zainteresowania\nZawsze interesowałem się wieloma rzeczami, nie tylko IT, bo lubię również poczytać coś na temat biologii, fizyki czy tam chemii, czyli takie naukowe rzeczy. Jednak w tym wpisie chciałbym skupić się tylko i wyłącznie na branży, w której się poruszam.\n\nMoim problemem do pewnego czasu było niesprecyzowanie priorytetów tj. co jest dla mnie ważne, wydawało mi się, że jestem w stanie ogarnąć wszystko. I tak znajdując ciekawy artykuł, nagrania z konferencji zapisywałem te materiały do sprawdzenia w późniejszym czasie. Masowo dodawałem kanały RSS do obserwowanych, zapisywałem się do różnych newsletterów (weekly etc.), kupowałem książki z różnej tematyki, tworzyłem plany projektów, które chciałbym zrealizować oraz plany rzeczy do nauki. Problemem jest tutaj czas, nie sposób wszystkiego ogarnąć. Należy sprecyzować w jakiej poddziedzinie IT chcemy się poruszać i skupiać się głównie na tych tematach. Podkreślam tutaj słowo głównie, bo oczywiście przesadzanie w drugą stronę również jest niewskazane i od nadmiernego zawężenia również można zwariować, poza tym dobrze jest czasem poszerzyć horyzonty i przyswoić sobie coś nowego, niekoniecznie związanego z naszą codzienną pracą.\n\n# Prokrastynacja\nJeśli zaczynamy gromadzić rzeczy do wykonania tak jak opisałem to w poprzednim punkcie, czyli wydaje nam się, że możemy wszystko to często okazuje się, że nie wykonujemy nic, wszystko odkładamy na później. Miałem tak również przez jakiś okres czasu. Planów do zrealizowania, rzeczy do przeczytania było tak dużo, że nie wiedziałem co ruszyć najpierw, przez co oprócz pracy czy tam studiów, czyli rzeczy, które musiałem wykonać, nie robiłem nic. Ta ilość po prostu była przytłaczająca.\n\nObecnie również mam zaplanowane projekty czy zapisane artykuły do przeczytania, których pewnie nigdy nie ruszę, jednak ilość nie jest gigantyczna, nie przytłacza mnie. Wybieram po prostu projekt, który w danym momencie realizuje i nie przejmuję się resztą. To samo z przeglądaniem RSS, subskrypcji na Youtube etc., patrzę co mnie interesuje i to czytam, ewentualnie dodaje do aplikacji Pocket (Jeśli ktoś nie kojarzy to polecam, bardzo użyteczne narzędzie do odkładania materiałów na później), resztą się kompletnie nie przejmuję.\n\n# Perfekcja\nSwego czasu miewałem również problem z zaczęciem projektu z obawy, że nie będzie on perfekcyjny, czyli przyczyną prokrastynacji była w tym wypadku obawa, że to co stworzę nie będzie idealne, co powodowało odkładanie tego na później. Obecnie zdarza mi się nad jakimś problemem w kodzie tak siedzieć, bo nie chcę tego rozwiązać w sposób, który wydaje mi się zbyt mało idealny. Trzeba jednak z tym walczyć. Lepiej przecież, aby coś było nie do końca idealne, ale jednak działało.\n\n# Just in time learning\nWażne jest, aby nie uczyć się rzeczy na zapas, też już przez to przechodziłem. Wygląda to tak, że uczymy się przykładowo jakiegoś nowego frameworka Javascript, które jak wiemy wychodzą codziennie nowe 😀 , a nigdy nie mamy okazji go użyć. Następnie może okazać się, że dany fw nie jest już rozwijany, albo wyszła nowa wersja i nasza wiedza jest nieaktualna. Oczywiście powinniśmy posiadać jakiś własny stack technologiczny, w którym się poruszamy. Przykładowo u mnie jest to głównie PHP – Symfony i JS – Vue. Jeśli niestety dostanę w pracy projekt w Laravelu to wtedy na podstawie dokumentacji ogarnę co i jak.\n\n# Podsumowanie\nPodsumowując – priorytety, priorytety i jeszcze raz priorytety. Jak to wygląda w moim przypadku? Obecnie biorąc pod uwagę te rzeczy, które opisałem staram, się przyswajać informacje głównie z tematów ogólnego programowania, czyli wzorce, czysty kod itp., dopiero w następnej kolejności jest PHP, JS oraz inne powiązane rzeczy, następnie reszta tematów, które mnie interesują.",
      "json_metadata": "{\"tags\":[\"polish\",\"it\",\"programming\",\"learning\"],\"image\":[\"https://sarvendev.com/wp-content/uploads/2017/06/oprogramowanie.png\"],\"app\":\"steemit/0.1\",\"format\":\"markdown\"}"
    }
  ]
}

{
  "trx_id": "a28b2bfc5c59ac9b808e9f4ce0f5c35277952688",
  "block": 18665499,
  "trx_in_block": 36,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-03T22:08:09",
  "op": [
    "vote",
    {
      "voter": "lukmarcus",
      "author": "sarven",
      "permlink": "kompozycja-ponad-dziedziczenie",
      "weight": 1000
    }
  ]
}

{
  "trx_id": "dcbf2c3aaafda0193637c1f681639b0d03115b6e",
  "block": 18649863,
  "trx_in_block": 23,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-03T09:06:06",
  "op": [
    "vote",
    {
      "voter": "sarven",
      "author": "unknow",
      "permlink": "unknownews-zestawienie-ciekawych-linkow-technologicznych-po-dlugiej-przerwie",
      "weight": 10000
    }
  ]
}

{
  "trx_id": "3d7b1661a9d561adce092ee8966c158b2aa369b6",
  "block": 18649808,
  "trx_in_block": 11,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-03T09:03:21",
  "op": [
    "claim_reward_balance",
    {
      "account": "sarven",
      "reward_steem": "0.000 STEEM",
      "reward_sbd": "2.171 SBD",
      "reward_vests": "2056.674395 VESTS"
    }
  ]
}

{
  "trx_id": "2c524cbd14797e23307d95713f1f15e3993485bb",
  "block": 18634114,
  "trx_in_block": 79,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-02T19:58:18",
  "op": [
    "vote",
    {
      "voter": "mumshinv",
      "author": "sarven",
      "permlink": "kompozycja-ponad-dziedziczenie",
      "weight": 10000
    }
  ]
}

{
  "trx_id": "4a17d8fe3771f59cbae33b3e60fe608952cfe826",
  "block": 18634114,
  "trx_in_block": 48,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-02T19:58:18",
  "op": [
    "vote",
    {
      "voter": "vedabeshina",
      "author": "sarven",
      "permlink": "kompozycja-ponad-dziedziczenie",
      "weight": 10000
    }
  ]
}

{
  "trx_id": "48c38b09fd24d3e0fc607e29550612c39d2ccfdf",
  "block": 18634114,
  "trx_in_block": 13,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-02T19:58:18",
  "op": [
    "vote",
    {
      "voter": "legioner135",
      "author": "sarven",
      "permlink": "kompozycja-ponad-dziedziczenie",
      "weight": 10000
    }
  ]
}

{
  "trx_id": "aebd51c22ed14d8647c747d208cbf9becf7fe52d",
  "block": 18633861,
  "trx_in_block": 12,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-02T19:45:39",
  "op": [
    "vote",
    {
      "voter": "jacekw",
      "author": "sarven",
      "permlink": "kompozycja-ponad-dziedziczenie",
      "weight": 6000
    }
  ]
}

{
  "trx_id": "9c2d78b08530d0033f176d641b4afc1b5c4ef687",
  "block": 18632794,
  "trx_in_block": 10,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-02T18:52:18",
  "op": [
    "vote",
    {
      "voter": "zilinckijviktor",
      "author": "sarven",
      "permlink": "kompozycja-ponad-dziedziczenie",
      "weight": 10000
    }
  ]
}

{
  "trx_id": "d27611d5db36ff719f5c704c67397eb86020b8be",
  "block": 18632794,
  "trx_in_block": 0,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-02T18:52:18",
  "op": [
    "vote",
    {
      "voter": "bashmak",
      "author": "sarven",
      "permlink": "kompozycja-ponad-dziedziczenie",
      "weight": 10000
    }
  ]
}

{
  "trx_id": "eb26fe065b39adf957f091dc0c745b20271638ac",
  "block": 18632793,
  "trx_in_block": 45,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-02T18:52:15",
  "op": [
    "vote",
    {
      "voter": "dverka",
      "author": "sarven",
      "permlink": "kompozycja-ponad-dziedziczenie",
      "weight": 10000
    }
  ]
}

{
  "trx_id": "b5ff9080f0a40204473e5cfeb74b12a983aa39e1",
  "block": 18632793,
  "trx_in_block": 33,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-02T18:52:15",
  "op": [
    "vote",
    {
      "voter": "samitoev",
      "author": "sarven",
      "permlink": "kompozycja-ponad-dziedziczenie",
      "weight": 10000
    }
  ]
}

{
  "trx_id": "1d578cb7a0170e99800f99046e905e603b543041",
  "block": 18632229,
  "trx_in_block": 12,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-02T18:24:03",
  "op": [
    "vote",
    {
      "voter": "babinovsvetka",
      "author": "sarven",
      "permlink": "kompozycja-ponad-dziedziczenie",
      "weight": 10000
    }
  ]
}

{
  "trx_id": "17c9f09f4a6c9d8c113e30db66a00c1aa426b918",
  "block": 18627646,
  "trx_in_block": 9,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-02T14:34:48",
  "op": [
    "comment",
    {
      "parent_author": "sarven",
      "parent_permlink": "kompozycja-ponad-dziedziczenie",
      "author": "cheetah",
      "permlink": "cheetah-re-sarvenkompozycja-ponad-dziedziczenie",
      "title": "",
      "body": "Hi! I am a robot. I just upvoted you! I found similar content that readers might be interested in:\nhttps://sarvendev.com/2017/10/kompozycja-ponad-dziedziczenie/",
      "json_metadata": ""
    }
  ]
}

{
  "trx_id": "f21cf1780ea810f971aa9d33b9f035b98219d01b",
  "block": 18627644,
  "trx_in_block": 27,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-02T14:34:42",
  "op": [
    "vote",
    {
      "voter": "cheetah",
      "author": "sarven",
      "permlink": "kompozycja-ponad-dziedziczenie",
      "weight": 8
    }
  ]
}

{
  "trx_id": "96d38f051ebcc6e1f86ca49c932307335a90424a",
  "block": 18627526,
  "trx_in_block": 1,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-02T14:28:48",
  "op": [
    "comment",
    {
      "parent_author": "",
      "parent_permlink": "polish",
      "author": "sarven",
      "permlink": "kompozycja-ponad-dziedziczenie",
      "title": "Kompozycja ponad dziedziczenie",
      "body": "Jedną z możliwości programowania obiektowego jest dziedziczenie. Daje nam ono możliwość powtórnego wykorzystania kodu poprzez tworzenie podklas. Warto mieć na uwadze, że nie jest ono złotym środkiem, a jednak bywa ono często nadużywane.\n\n# Definicje\n\n**Dziedziczenie** – mechanizm programowania obiektowego, służący do współdzielenia metod oraz składowych pomiędzy klasami. Klasa podrzędna dziedziczy po klasie bazowej, co oznacza, że oprócz własnych właściwości oraz zachowań, zawiera również te z klasy bazowej.\n\n**Kompozycja** – tak jak dziedziczenie jest metodą pozwalającą na powtórne wykorzystanie danego rozwiązania. Z tym, że w przypadku kompozycji mamy do czynienia ze składaniem obiektów. Klasa zbudowana jest z innych klas, co znaczy, że obiekt takiej klasy agreguje obiekty innych klas i deleguje odpowiednie działania do nich.\n\n# Co jest nie tak z dziedziczeniem?\n\nDziedziczenie klas definiowane jest statycznie, co znaczy, że nie mamy możliwości zmiany implementacji w czasie wykonywania aplikacji. Implementacja podklas zależna jest od implementacji klasy bazowej, więc zmiany w klasie bazowej często wymuszają również zmiany w podklasach. Rozbudowane hierarchie dziedziczenia wpływają również negatywnie na testowanie kodu oraz analizę danego rozwiązania.\n\n# Dlaczego kompozycja jest lepsza niż dziedziczenie?\nPoprzez zastosowanie kompozycji zyskujemy pewną elastyczność.  W razie potrzeby możemy dynamicznie w czasie wykonywania aplikacji zmienić implementację jakiej używamy. Kolejnym plusem jest rozbicie klas na mniejsze, co pozwala nam na dostarczanie rozwiązań zgodnych z zasadami programowania obiektowego SOLID.\n\nZałóżmy, że musimy zaprojektować system, w którym do czynienia będziemy mieli z pracownikami podzielonymi na poszczególne stanowiska np. Developer, Project Manager itp.  Każdy pracownik będzie miał imię, nazwisko, jednak różnica będzie taka, że do developera będziemy mogli przypisać jego główny język programowania, natomiast do Project Managera będzie możliwość dodania projektów jakimi zarządza. Do tego momentu oczywiście myślimy o dziedziczeniu.\n\nJednak dodatkowo każdy pracownik może rozliczać swoje wynagrodzenie na różne sposoby np. umowa o pracę lub własna działalność(b2b). Czy widzisz tutaj jakiś dobry sposób dziedziczenia? Z racji, że zarówno Developer jak i Project Manager może wybrać dowolny sposób rozliczania, to najwygodniej jest tutaj zastosować kompozycję. Chcąc załatwić sprawę za pomocą dziedziczenia, nie jesteśmy w stanie dostarczyć rozwiązania łatwego w późniejszym utrzymaniu.\n\nPrzejdźmy zatem do implementacji. Zaczniemy najpierw od abstrakcyjnej klasy bazowej pracownika oraz odpowiednich interfejsów. Abstrakcyjnej dlatego, że zakładamy iż nie będzie „zwykłego” pracownika, a jedynie pracownicy z odpowiednimi tytułami: Developer etc., mającymi własne cechy charakterystyczne.\n\n```php\n<?php\n\nnamespace App\\Employee;\n\nuse App\\Salary\\SalaryCalculatorInterface;\n\nabstract class Employee implements SalaryCalculable\n{\n    /**\n     * @var string\n     */\n    protected $firstName;\n\n    /**\n     * @var string\n     */\n    protected $lastName;\n\n    /**\n     * @var float\n     */\n    protected $netSalaryPerHour;\n\n    /**\n     * @var SalaryCalculatorInterface\n     */\n    protected $salaryCalculator;\n\n    public function __construct(SalaryCalculatorInterface $salaryCalculator)\n    {\n        $this->salaryCalculator = $salaryCalculator;\n        $this->netSalaryPerHour = 0;\n    }\n\n    public function getFirstName(): string\n    {\n        return $this->firstName;\n    }\n\n    public function setFirstName(string $firstName): Employee\n    {\n        $this->firstName = $firstName;\n        return $this;\n    }\n\n    public function getLastName(): string\n    {\n        return $this->lastName;\n    }\n\n    public function setLastName(string $lastName): Employee\n    {\n        $this->lastName = $lastName;\n        return $this;\n    }\n\n    public function getNetSalaryPerHour(): float\n    {\n        return $this->netSalaryPerHour;\n    }\n\n    public function setNetSalaryPerHour(float $netSalaryPerHour): Employee\n    {\n        $this->netSalaryPerHour = $netSalaryPerHour;\n        return $this;\n    }\n\n    public function getSalary(): float\n    {\n        $this->salaryCalculator->calcSalary($this->netSalaryPerHour);\n    }\n}\n```    \n```php\n<?php\n\nnamespace App\\Employee;\n\ninterface SalaryCalculable\n{\n    public function getSalary(): float;\n}\n\n```   \n\n```php\n<?php\n\nnamespace App\\Salary;\n\ninterface SalaryCalculatorInterface\n{\n    public function calcSalary(float $netPerHour): float;\n}\n```   \n\nInterfejs **SalaryCalculatorInterface** implementowany będzie przez klasy odpowiedzialne za różne sposoby rozliczania wynagrodzenia. Następnie implementujemy klasy reprezentujące konkretnych pracowników według założeń opisanych wyżej.\n\n```php\n<?php\n\nnamespace App\\Employee;\n\nclass Developer extends Employee\n{\n    /**\n     * @var string\n     */\n    protected $programmingLanguage;\n\n    /**\n     * @return string\n     */\n    public function getProgrammingLanguage(): string\n    {\n        return $this->programmingLanguage;\n    }\n\n    /**\n     * @param string $programmingLanguage\n     * @return Developer\n     */\n    public function setProgrammingLanguage($programmingLanguage): Developer\n    {\n        $this->programmingLanguage = $programmingLanguage;\n        return $this;\n    }\n}\n```    \n\n```php\n<?php\n\nnamespace App\\Employee;\n\nclass ProjectManager extends Employee\n{\n    /**\n     * @var string[]\n     */\n    protected $projects;\n\n    /**\n     * @return string[]\n     */\n    public function getProjects(): array\n    {\n        return $this->projects;\n    }\n\n    public function addProject(string $project): ProjectManager\n    {\n        if (!in_array($project, $this->projects)) {\n            $this->projects[] = $project;\n        }\n        return $this;\n    }\n\n    public function removeProject(string $project): ProjectManager\n    {\n        if ($index = array_search($project, $this->projects)) {\n            unset($this->projects[$index]);\n        }\n        return $this;\n    }\n}\n```    \nPozostała nam jedynie szczegółowa implementacja klas odpowiedzialnych za metody rozliczania.\n\n```php\n<?php\n\nnamespace App\\Salary;\n\nfinal class EmploymentContractSalaryCalculator implements SalaryCalculatorInterface\n{\n    public function calcSalary(float $netPerHour): float\n    {\n        return 15000;\n    }\n}\n```   \n\n```php\n<?php\n\nnamespace App\\Salary;\n\nfinal class B2bSalaryCalculator implements SalaryCalculatorInterface\n{\n    public function calcSalary(float $netPerHour): float\n    {\n        return 30000;\n    }\n}\n```\n\nDla uproszczenia przykłady nie zagłębiamy się w szczegóły, tylko podajemy stałe kwoty. W prawdziwym projekcie warto byłoby jednak nazwać dokładniej czy zwracana kwota to brutto czy netto. Przedstawione klasy użyć możemy w następujący sposób:\n```php\n<?php\n\nuse App\\Employee\\Developer;\nuse App\\Employee\\ProjectManager;\nuse App\\Salary\\B2bSalaryCalculator;\nuse App\\Salary\\EmploymentContractSalaryCalculator;\n\n$firstDeveloper = new Developer(new B2bSalaryCalculator());\n$secondDeveloper = new Developer(new EmploymentContractSalaryCalculator());\n\n$projectManager = new ProjectManager(new EmploymentContractSalaryCalculator());\n```\n\n# Podsumowanie\nStosując kompozycję aplikacja przez większą liczbę klas będzie sprawiała wrażenie bardziej złożonej. Po głębszej analizie powinno okazać się jednak, że łatwiej jest przewidzieć zachowanie danego kodu niż ma to miejsce przy rozbudowanym dziedziczeniu.\n\nOczywiście kompozycja oraz dziedziczenie powinny ze sobą współgrać, a dostarczone rozwiązanie powinno zostać przemyślane pod kątem przyszłych zmian. Warto jednak pamiętać, że idealnych rozwiązań nie ma i często jest tak, że nie jesteśmy w stanie przewidzieć, że coś się zmieni. Ciężko jest również napisać kod przygotowany na wszystkie zmiany. Dążenie do perfekcji nie jest niczym dobrym, należy po prostu w razie wystąpienia zmian, których nie przewidzieliśmy dostosować odpowiednio kod i zostawić go lepszym niż zastaliśmy.",
      "json_metadata": "{\"tags\":[\"polish\",\"programming\",\"programowanie\",\"php\"],\"app\":\"steemit/0.1\",\"format\":\"markdown\"}"
    }
  ]
}

{
  "trx_id": "0000000000000000000000000000000000000000",
  "block": 18231552,
  "trx_in_block": 4294967295,
  "op_in_trx": 0,
  "virtual_op": 9,
  "timestamp": "2017-12-19T20:10:51",
  "op": [
    "author_reward",
    {
      "author": "sarven",
      "permlink": "prywatnosc-a-komu-to-potrzebne",
      "sbd_payout": "0.235 SBD",
      "steem_payout": "0.000 STEEM",
      "vesting_payout": "209.143319 VESTS"
    }
  ]
}

{
  "trx_id": "0000000000000000000000000000000000000000",
  "block": 18200885,
  "trx_in_block": 4294967295,
  "op_in_trx": 0,
  "virtual_op": 11,
  "timestamp": "2017-12-18T18:37:15",
  "op": [
    "author_reward",
    {
      "author": "sarven",
      "permlink": "eksperyment-steemit",
      "sbd_payout": "1.936 SBD",
      "steem_payout": "0.000 STEEM",
      "vesting_payout": "1847.531076 VESTS"
    }
  ]
}

{
  "trx_id": "9d608e4824e5da56b1eb20a2b204b1168ef1bde8",
  "block": 18196388,
  "trx_in_block": 7,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2017-12-18T14:52:21",
  "op": [
    "vote",
    {
      "voter": "sarven",
      "author": "blockchain-wroc",
      "permlink": "blockchain-wroclaw-meetup-noisy-mowi-o-tym-czym-jest-blockchain-i-jak-dziala",
      "weight": 10000
    }
  ]
}