{"id":1569,"date":"2015-05-09T17:52:29","date_gmt":"2015-05-09T17:52:29","guid":{"rendered":"http:\/\/www.nikola-breznjak.com\/blog\/?p=1569"},"modified":"2015-08-03T06:09:23","modified_gmt":"2015-08-03T06:09:23","slug":"weblica-2015","status":"publish","type":"post","link":"https:\/\/nikola-breznjak.com\/blog\/miscellaneou\/weblica-2015\/","title":{"rendered":"Weblica 2015"},"content":{"rendered":"<p>I just came home from <a href=\"http:\/\/weblica.hr\/\">Weblica<\/a>, the very first ever developers conference in <em>my<\/em>\u00a0<a href=\"https:\/\/www.google.hr\/search?sourceid=chrome-psyapi2&amp;ion=1&amp;espv=2&amp;es_th=1&amp;ie=UTF-8&amp;q=Me%C4%91imurje%20county%20google%20maps&amp;oq=Me%C4%91imurje%20county%20google%20maps&amp;aqs=chrome..69i57.6389j0j7\">Me\u0111imurje county<\/a>. All in all, a very good conference and I hope this is just the first one in the years to come! The entrance was free and every attendee got a T-Shirt. Since I was active with questions I got a nice <a href=\"https:\/\/www.google.hr\/search?q=tiblica+me%C4%91imurje&amp;num=50&amp;es_sm=119&amp;biw=1920&amp;bih=882&amp;nfpr=1&amp;source=lnms&amp;tbm=isch&amp;sa=X&amp;ei=CUhOVeC8H8LQygPSmIGgCg&amp;ved=0CAkQ_AUoAw#imgrc=j8waMmM9xYgySM%253A%3B2LhIKnwm5FEJ5M%3Bhttp%253A%252F%252Fupload.wikimedia.org%252Fwikipedia%252Fcommons%252Fthumb%252F4%252F49%252FMeso_i_slanine_z_tiblice_(Croatia).jpg%252F90px-Meso_i_slanine_z_tiblice_(Croatia).jpg%3Bhttp%253A%252F%252Fhr.wikipedia.org%252Fwiki%252FMeso_z_tiblice%3B90%3B120\">tiblica<\/a>\u00a0with an USB instead of meat inside \ud83d\ude42 as you can see on the featured image above.\u00a0Below are my notes and some pictures, and a friend of mine uploaded few videos (including me using Oculus Rift) on <a href=\"https:\/\/www.youtube.com\/watch?v=3S4nX1zNa6c&amp;list=PLRq19tbs4NfZ0zUK1HtvOfAP1NWKziY17\">youtube playlist<\/a>.<\/p>\n<p><strong>ECMA Script 6 &#8211; the future is JavaScript<\/strong><\/p>\n<ul>\n<li>Presenter Ratko \u0106osi\u0107, MCSD, MCSE, MCITP, &#8230;<\/li>\n<li>JavaScript was the language of 2014<\/li>\n<li>ES6 (Harmony) features:\n<ul>\n<li>array functions (var sq = x =&gt; x*x)<\/li>\n<li>block level scope (by using keyword <em>let<\/em>)<\/li>\n<li>classes\n<pre class=\"lang:default decode:true\">class Shape {\r\n    id; x; y;\r\n\r\n    constructor (id, x, y){\r\n        this.id = id;\r\n        this.name (x,y);\r\n    }\r\n}<\/pre>\n<\/li>\n<li>inheritance (extends keyword)<\/li>\n<li>modules (kind of a merge between CommonJS and AMD, support for import, export)<\/li>\n<li>promisses &#8211; similar to jQuery Deffered object<\/li>\n<li>constants<\/li>\n<li>new regular expression functions<\/li>\n<li>new Math functions<\/li>\n<li>symbols<\/li>\n<li>typed arrays<\/li>\n<li>default parameters<\/li>\n<li>generators<\/li>\n<li>map objects<\/li>\n<li>collections (let s = new Set();)<\/li>\n<li>better support for strings with for example backticks (`), includes(), startsWith(), endsWith() functions<\/li>\n<\/ul>\n<\/li>\n<li>Transpilers =&gt; conversion of JS from one version to another (Traceur, 6to5, Babel, TypeScript?<\/li>\n<li>TypeScript &#8211; superset of JS, compiles to JS (ES5)\n<ul>\n<li><strong>Angular2 uses TypeScript!<\/strong><\/li>\n<li>short types, interfaces, generics<\/li>\n<\/ul>\n<\/li>\n<li><strong>Open question: will SPA frameworks (Angular, Ember, Aurelia) be needed when we&#8217;ll have ES7???<\/strong><\/li>\n<li>Browsers will be the new OS-es!<\/li>\n<li>picture time!:<br \/>\n<a href=\"http:\/\/www.nikola-breznjak.com\/blog\/wp-content\/uploads\/2015\/05\/ratko.jpg\" rel=\"lightbox[1569]\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1570\" src=\"http:\/\/www.nikola-breznjak.com\/blog\/wp-content\/uploads\/2015\/05\/ratko-1024x768.jpg\" alt=\"ratko\" width=\"604\" height=\"453\" srcset=\"https:\/\/nikola-breznjak.com\/blog\/wp-content\/uploads\/2015\/05\/ratko-1024x768.jpg 1024w, https:\/\/nikola-breznjak.com\/blog\/wp-content\/uploads\/2015\/05\/ratko-300x225.jpg 300w\" sizes=\"auto, (max-width: 604px) 100vw, 604px\" \/><\/a><\/li>\n<\/ul>\n<p><strong>node.js (sa sirom i vrhnjem)<\/strong><\/p>\n<ul>\n<li>Presenter Davor Tarandek, Tria d.o.o.<\/li>\n<li>io.js uses the newer V8 engine than does node.js<\/li>\n<li>asynchronity is hard to grasp<\/li>\n<li>pm2 is awesome and it overpassed forever module<\/li>\n<li>I actually wrote <a href=\"http:\/\/www.nikola-breznjak.com\/blog\/mean\/mean-t-shirt-graphic-presentation-and-video\/\">three rather extensive posts<\/a> on the topic of the MEAN stack, that&#8217;s why I have so little notes from this lecture<\/li>\n<li>picture time!:<br \/>\n<a href=\"http:\/\/www.nikola-breznjak.com\/blog\/wp-content\/uploads\/2015\/05\/nodeTriaDavor.jpg\" rel=\"lightbox[1569]\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1571\" src=\"http:\/\/www.nikola-breznjak.com\/blog\/wp-content\/uploads\/2015\/05\/nodeTriaDavor-1024x768.jpg\" alt=\"nodeTriaDavor\" width=\"604\" height=\"453\" srcset=\"https:\/\/nikola-breznjak.com\/blog\/wp-content\/uploads\/2015\/05\/nodeTriaDavor-1024x768.jpg 1024w, https:\/\/nikola-breznjak.com\/blog\/wp-content\/uploads\/2015\/05\/nodeTriaDavor-300x225.jpg 300w\" sizes=\"auto, (max-width: 604px) 100vw, 604px\" \/><\/a><\/li>\n<\/ul>\n<p><strong>Ember.js in practice<\/strong><\/p>\n<ul>\n<li>Presenter Nikola Begedin, Coder.ly<\/li>\n<li>convention over configuration<\/li>\n<li>ember-cli is the thing<\/li>\n<li>allows ES6 syntax (Babel transpiler mentioned earlier)<\/li>\n<li>uses npm and bower<\/li>\n<li>ember is not ember-cli (is what the Ember team recommends)<\/li>\n<li>Some cool tools they use\n<ul>\n<li>Error reporting &#8211; Sentry<\/li>\n<li>Task tracking &#8211; Asana<\/li>\n<li>For chat &#8211; Slack<\/li>\n<li>Heroku, Mandrill, Stripe, Amazon S3, Cloudfront, KissMetrics, Segment, NewRelic, CodeClimate, &#8230;<\/li>\n<\/ul>\n<\/li>\n<li>Recommended books to start Ember &#8211; Ember CLI 101 (google for it, it&#8217;s suppose to be free ;), if not, don&#8217;t mind spending\u00a0a buck or two)<\/li>\n<li>Talking Code podcast on iTunes<\/li>\n<li>picture time!:<br \/>\n<a href=\"http:\/\/www.nikola-breznjak.com\/blog\/wp-content\/uploads\/2015\/05\/emberNikola.jpg\" rel=\"lightbox[1569]\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1572\" src=\"http:\/\/www.nikola-breznjak.com\/blog\/wp-content\/uploads\/2015\/05\/emberNikola-1024x768.jpg\" alt=\"emberNikola\" width=\"604\" height=\"453\" srcset=\"https:\/\/nikola-breznjak.com\/blog\/wp-content\/uploads\/2015\/05\/emberNikola-1024x768.jpg 1024w, https:\/\/nikola-breznjak.com\/blog\/wp-content\/uploads\/2015\/05\/emberNikola-300x225.jpg 300w\" sizes=\"auto, (max-width: 604px) 100vw, 604px\" \/><\/a><\/li>\n<\/ul>\n<p><strong>Modern web using Microsoft tools<\/strong><\/p>\n<ul>\n<li>Presenter Miroslav Popovi\u0107<\/li>\n<li>Microsoft Studio vOld = .NET, 2003, 2005, 2008, 2010<\/li>\n<li>Change started with ASP.NET MVC<\/li>\n<li>2012\/2013 &#8211; Interface design, new web editor, GIT<\/li>\n<li>HTML support &#8211; full HTML5 IntelliSense, code snippets, data-* attributes<\/li>\n<li>JS &#8211; ECMA Script 5 support, strict mode support<\/li>\n<li>CSS &#8211; IntelliSense CSS3 validation, color selection, vendor prefixes, CSS drag\/rop<\/li>\n<li>Browser Link<\/li>\n<li>Other stuff: CoffeeScript coloring, Mustache, Handlebars, Knockout bindings, Angular Directives, LESS and SASS preprocessors, TypeScript<\/li>\n<li><strong>Community Edition FREE for up to 5 devs?!<\/strong><\/li>\n<li>WebEssentials\n<ul>\n<li>open source extension for VS<\/li>\n<\/ul>\n<\/li>\n<li>2012\/13 VS added Node.js based tools\n<ul>\n<li>static bundling &amp; minification, image optimization &amp; sprite generating, JS Hint, Source maps, LESS\/SASS and CSS preview, CoffeScript preview<\/li>\n<\/ul>\n<\/li>\n<li>Visual Studio 2015\n<ul>\n<li>new web structure<\/li>\n<li>package managers &#8211; NuGet, npm, bower, jspm<\/li>\n<li>client side build tools &#8211; MSBuild, Grunt, Gulp, TaskRunner Explorer<\/li>\n<\/ul>\n<\/li>\n<li><a href=\"http:\/\/www.nikola-breznjak.com\/blog\/quick-tips\/free-visual-studio-code\/\">Visual Studio Code<\/a>\u00a0&#8211; doesn&#8217;t (yet) support plugins like Sublime Text for example, but that&#8217;s a TODO<\/li>\n<li>Other cool tools: Resharper, SideWaffle, Github for VS, Chutzpah (Jasmine, Qunit, Mocha)<\/li>\n<li>picture time!:<br \/>\n<a href=\"http:\/\/www.nikola-breznjak.com\/blog\/wp-content\/uploads\/2015\/05\/modernWeb.jpg\" rel=\"lightbox[1569]\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1573\" src=\"http:\/\/www.nikola-breznjak.com\/blog\/wp-content\/uploads\/2015\/05\/modernWeb-1024x768.jpg\" alt=\"modernWeb\" width=\"604\" height=\"453\" srcset=\"https:\/\/nikola-breznjak.com\/blog\/wp-content\/uploads\/2015\/05\/modernWeb-1024x768.jpg 1024w, https:\/\/nikola-breznjak.com\/blog\/wp-content\/uploads\/2015\/05\/modernWeb-300x225.jpg 300w\" sizes=\"auto, (max-width: 604px) 100vw, 604px\" \/><\/a><\/li>\n<\/ul>\n<p><strong>Effective software team collaboration<\/strong><\/p>\n<ul>\n<li>Presenter Zvonimir Juranko, Colombio<\/li>\n<li>Colombio app<\/li>\n<li>dare to disagree<\/li>\n<li>85% of people fear the conflict with their boss<\/li>\n<li>The Marshmallow Challenge<\/li>\n<li>LEAN canvas<\/li>\n<li><strong>be prepared to fail!<\/strong><\/li>\n<li>genchi genbutsu &#8211; try it out yourself!<\/li>\n<li>make a MVP (minimum viable product) and build upon that<\/li>\n<li>picture time:<br \/>\n<a href=\"http:\/\/www.nikola-breznjak.com\/blog\/wp-content\/uploads\/2015\/05\/iDisagree.jpg\" rel=\"lightbox[1569]\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1574\" src=\"http:\/\/www.nikola-breznjak.com\/blog\/wp-content\/uploads\/2015\/05\/iDisagree-1024x768.jpg\" alt=\"iDisagree\" width=\"604\" height=\"453\" srcset=\"https:\/\/nikola-breznjak.com\/blog\/wp-content\/uploads\/2015\/05\/iDisagree-1024x768.jpg 1024w, https:\/\/nikola-breznjak.com\/blog\/wp-content\/uploads\/2015\/05\/iDisagree-300x225.jpg 300w\" sizes=\"auto, (max-width: 604px) 100vw, 604px\" \/><\/a><\/li>\n<\/ul>\n<p><strong>Oculus Rift \u2013\u00a0virtual reality for everyone<\/strong><\/p>\n<ul>\n<li>Presenter Tibor Kozjak, Infenso d.o.o.<\/li>\n<li>there are some issues to be solved still<\/li>\n<li>price around 500$ with shipping to Croatia<\/li>\n<li>I tested the device after the talk and I guess in my case the verdict is &#8220;it&#8217;s really not for everyone, since I&#8217;m probably feeling sick and dizzy still :O&#8221;<\/li>\n<li>picture time!:<br \/>\n<a href=\"http:\/\/www.nikola-breznjak.com\/blog\/wp-content\/uploads\/2015\/05\/oculus.jpg\" rel=\"lightbox[1569]\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1575\" src=\"http:\/\/www.nikola-breznjak.com\/blog\/wp-content\/uploads\/2015\/05\/oculus-1024x768.jpg\" alt=\"oculus\" width=\"604\" height=\"453\" srcset=\"https:\/\/nikola-breznjak.com\/blog\/wp-content\/uploads\/2015\/05\/oculus-1024x768.jpg 1024w, https:\/\/nikola-breznjak.com\/blog\/wp-content\/uploads\/2015\/05\/oculus-300x225.jpg 300w\" sizes=\"auto, (max-width: 604px) 100vw, 604px\" \/><\/a><\/li>\n<\/ul>\n<p>Hope to see you next year!<\/p>\n<p><strong>edit:<\/strong> A cool video made by the organisers after the conference:<\/p>\n<p><iframe loading=\"lazy\" width=\"500\" height=\"281\" src=\"https:\/\/player.vimeo.com\/video\/128227128\" frameborder=\"0\" webkitallowfullscreen=\"webkitallowfullscreen\" mozallowfullscreen=\"mozallowfullscreen\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p><a href=\"https:\/\/vimeo.com\/128227128\">Weblica 2015<\/a> from <a href=\"https:\/\/vimeo.com\/user14934565\">TICM<\/a> on <a href=\"https:\/\/vimeo.com\">Vimeo<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I just came home from Weblica, the very first ever developers conference in my\u00a0Me\u0111imurje county. All in all, a very good conference and I hope this is just&hellip;<\/p>\n","protected":false},"author":1,"featured_media":1577,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[32],"tags":[47],"class_list":["post-1569","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-miscellaneou","tag-conferences"],"_links":{"self":[{"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/posts\/1569","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/comments?post=1569"}],"version-history":[{"count":7,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/posts\/1569\/revisions"}],"predecessor-version":[{"id":1999,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/posts\/1569\/revisions\/1999"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/media\/1577"}],"wp:attachment":[{"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/media?parent=1569"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/categories?post=1569"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nikola-breznjak.com\/blog\/wp-json\/wp\/v2\/tags?post=1569"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}