bartek dziamski - kawaskrypty dom marchewki
TRANSCRIPT
![Page 1: Bartek Dziamski - Kawaskrypty dom marchewki](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1cc8d8b42a93258b46e0/html5/thumbnails/1.jpg)
Bartek DziamskiPoznań, 16.01.2014
![Page 2: Bartek Dziamski - Kawaskrypty dom marchewki](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1cc8d8b42a93258b46e0/html5/thumbnails/2.jpg)
KawasKryptyDom
marchewKi
![Page 3: Bartek Dziamski - Kawaskrypty dom marchewki](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1cc8d8b42a93258b46e0/html5/thumbnails/3.jpg)
proDuct Designer
FooDloveWcześniej:
User exPerience LeaDUser exPerience Designer
creative DirectorgraPhic Designer
![Page 4: Bartek Dziamski - Kawaskrypty dom marchewki](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1cc8d8b42a93258b46e0/html5/thumbnails/4.jpg)
BacK-enDFront-enD
![Page 5: Bartek Dziamski - Kawaskrypty dom marchewki](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1cc8d8b42a93258b46e0/html5/thumbnails/5.jpg)
[Poznań]
Poluję na senior frontend deve-lopera do mojego zespołu UI (12K - 16K PLN miesięcznie [update : kwota netto przy kontrakcie])
Wymagania:- znajomość jednego z wiodących frameworków JS (najlepiej Back-bone’a)- doświadczenie w pracy z single page apps w architekturze MV* + REST- praca w zautomatyzowanym śro-dowisku (Grunt + Jasmine + SASS ...)
Bonusy:- praca w zespole UI zorientowa-nym na osiąganie celów, nie na siedzenie w biurze 9-17- wyjazdy do głównej siedziby w Mountain View, sponsorowane kon-ferencje, wsparcie przy projek-tach i inicjatywach związanych z branżą
![Page 6: Bartek Dziamski - Kawaskrypty dom marchewki](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1cc8d8b42a93258b46e0/html5/thumbnails/6.jpg)
mvcvieW
controLLerMoDeL
![Page 7: Bartek Dziamski - Kawaskrypty dom marchewki](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1cc8d8b42a93258b46e0/html5/thumbnails/7.jpg)
ModelReguły przechowywania danych (struktura)
WidokWarstwa interacji z użytkownikiem
KontrolerZmienia stan modeluOdświeża widokPrzełącza sterowanie na inny kontroler
![Page 8: Bartek Dziamski - Kawaskrypty dom marchewki](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1cc8d8b42a93258b46e0/html5/thumbnails/8.jpg)
Bootstrap 3html5 / css3
responsive Design
![Page 9: Bartek Dziamski - Kawaskrypty dom marchewki](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1cc8d8b42a93258b46e0/html5/thumbnails/9.jpg)
<!DOCTYPE html> // Typu dokumentu
<head> // Ładuje się przed body
<link … .css”> <style … .js”>
// inne
</head>
<body>
// zawartość
</body> </html>
![Page 10: Bartek Dziamski - Kawaskrypty dom marchewki](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1cc8d8b42a93258b46e0/html5/thumbnails/10.jpg)
Dom
![Page 11: Bartek Dziamski - Kawaskrypty dom marchewki](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1cc8d8b42a93258b46e0/html5/thumbnails/11.jpg)
WikiMeDia coMMons
![Page 12: Bartek Dziamski - Kawaskrypty dom marchewki](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1cc8d8b42a93258b46e0/html5/thumbnails/12.jpg)
rest api
![Page 13: Bartek Dziamski - Kawaskrypty dom marchewki](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1cc8d8b42a93258b46e0/html5/thumbnails/13.jpg)
<div class=”post-list <% if (article) { %>post-article<% } %>”> <div class=”post-img-holder”> <img class=”post-img lazy” src=”<%= image %>?w=369&h=369)” width=”369” he-ight=”369” onload=”imgLoaded(this)” /> <div class=”post-text”> <div class=”post-title-bg” style=”background-image: url(<%= image %>?w=1&f=3,-20)”></div> <div class=”post-title”><div class=”post-table”><div class=”title-mid-dle”><%= content %><span class=”post-date”><%= created_at %></span></div></div></div> <div class=”actions col-lg-12”> <% } else { %> <a class=”js-like pull-right”> <span class=”js-label-like”><i class=”icon-heart”></i></span> <% if (likes != 0) { %> <span class=”js-amount-likes”><%= likes %></span> <% } %> </a> <% } %> <a class=”comment pull-right”> <i class=”icon-comment”></i> <% if (comments != 0) { %> <span class=”js-amount-comments”><%= comments %></span> <% } %> </a> </div> </div> </div> <% if (badges != 0) { %> <div class=”badges-container”> <% _.each(badges, function(badge) { %> <img src=”<%= badge.image %>” alt=”<%= badge.name %>” class=”badge-img--list js-badge-name” title=”<%= badge.name %>” /> <% }); %> </div> <% } %> <div class=”ps-header”> <div class=”js-avatar-container ps-avatar-container”> <a href=”/profiles/<%= username %>” class=”js-profile ps-avatar”><img src=”<%= avatar %>?w=80&h=80” title=”<%= username %>”></a> </div> </div> </div> </script>
![Page 14: Bartek Dziamski - Kawaskrypty dom marchewki](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1cc8d8b42a93258b46e0/html5/thumbnails/14.jpg)
[ { „id”:2480, „username”:”sandmanowie”, „user_id”:1019, „avatar”:”\/uploads\/avatars\/6a631d469346c03832d5882987f9e-e94f8636fd1.png”, „blog”:”https:\/\/www.facebook.com\/MrMrsSandman”, „created_at”:”2014-01-16 11:45:04”, „visibility”:6, „editors_choice”:”2014-01-16 12:00:20”, „content”:”Dobry dzie\u0144 zaczyna si\u0119 od dobrego \u015bniada-nia...”, „image”:”\/uploads\/posts\/0873bfa8049156d5a41af332aa97cf3cb015d554.JPG”, „article”:null, „url”:null, „hashtags”:”#\u015bniadania #tosty #mi\u00f3d #daktyle”, „mentions”:[
], „liked”:false, „likes”:3, „comments”:0, „reposts”:0, „reposted”:false, „is_repost”:false, „reposter_user_id”:null, „reposter_username”:null, „can_be_reposted”:true, „badges”:[ { „id”:1, „name”:”Foodlove poleca”, „description”:”Post rekomendowany przez Foodlove”, „image”:”\/assets\/img\/badges\/editors.png”, „amount”:null } ] }]
![Page 15: Bartek Dziamski - Kawaskrypty dom marchewki](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1cc8d8b42a93258b46e0/html5/thumbnails/15.jpg)
mv*
![Page 16: Bartek Dziamski - Kawaskrypty dom marchewki](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1cc8d8b42a93258b46e0/html5/thumbnails/16.jpg)
BacKBone.jsmarionette.js
![Page 17: Bartek Dziamski - Kawaskrypty dom marchewki](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1cc8d8b42a93258b46e0/html5/thumbnails/17.jpg)
javascriptsingle page apps
![Page 18: Bartek Dziamski - Kawaskrypty dom marchewki](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1cc8d8b42a93258b46e0/html5/thumbnails/18.jpg)
Xmljson
weBsocKet
![Page 19: Bartek Dziamski - Kawaskrypty dom marchewki](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1cc8d8b42a93258b46e0/html5/thumbnails/19.jpg)
real time weB
![Page 20: Bartek Dziamski - Kawaskrypty dom marchewki](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1cc8d8b42a93258b46e0/html5/thumbnails/20.jpg)
chatsystem Komentarzy
messengerpowiaDomienia
![Page 21: Bartek Dziamski - Kawaskrypty dom marchewki](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1cc8d8b42a93258b46e0/html5/thumbnails/21.jpg)
auDioviDeo
live streaming
![Page 22: Bartek Dziamski - Kawaskrypty dom marchewki](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1cc8d8b42a93258b46e0/html5/thumbnails/22.jpg)
gry i interFejsy 3DWeBgL
canvasthree.jsUnitY3D
![Page 23: Bartek Dziamski - Kawaskrypty dom marchewki](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1cc8d8b42a93258b46e0/html5/thumbnails/23.jpg)
• Chrome
• Firefox
• Safari
• Internet Explorer
• Opera
• ...
• Android
• iOS
• Windows Mobile
• ...
• Rozszeżenia przeglądarki
• Chromebook
• Node.js & spinoffs
![Page 24: Bartek Dziamski - Kawaskrypty dom marchewki](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1cc8d8b42a93258b46e0/html5/thumbnails/24.jpg)
noDe.js
![Page 25: Bartek Dziamski - Kawaskrypty dom marchewki](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1cc8d8b42a93258b46e0/html5/thumbnails/25.jpg)
learn to coDe!
![Page 26: Bartek Dziamski - Kawaskrypty dom marchewki](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1cc8d8b42a93258b46e0/html5/thumbnails/26.jpg)