{"id":5689,"date":"2019-02-07T14:51:59","date_gmt":"2019-02-07T13:51:59","guid":{"rendered":"https:\/\/2019.prague.wordcamp.org\/?p=5689"},"modified":"2019-02-08T11:33:45","modified_gmt":"2019-02-08T10:33:45","slug":"rozhovor-s-janem-bienem","status":"publish","type":"post","link":"https:\/\/prague.wordcamp.org\/2019\/rozhovor-s-janem-bienem\/","title":{"rendered":"Rozhovor s Janem Bienem"},"content":{"rendered":"

V komunit\u011b WordPress nejsi nezn\u00e1m\u00fd, nicm\u00e9n\u011b m\u016f\u017ee\u0161 se p\u0159esto nov\u00e1\u010dk\u016fm p\u0159edstavit – kdo jsi a \u010d\u00edm se pracovn\u011b zab\u00fdv\u00e1\u0161?<\/strong><\/h2>\n

Jsem zak\u00e1zkov\u00fd <\/span>v\u00fdvoj\u00e1\u0159 web\u016f<\/span><\/a> a webov\u00fdch prezentac\u00ed na m\u00edru: Uka\u017ete mi grafick\u00e9 n\u00e1vrhy a j\u00e1 v\u00e1m je p\u0159e\u010daruji ve funk\u010dn\u00ed vycizelovan\u00fd web s WordPress administrac\u00ed, kter\u00fd \u0161lape jako \u0161v\u00fdcarsk\u00e9 hodinky. K tomu lektoruji vlastn\u00ed <\/span>\u0161kolen\u00ed WordPress<\/span><\/a> pro v\u00fdvoj\u00e1\u0159e, kte\u0159\u00ed um\u00ed dob\u0159e k\u00f3dovat a trochu programovat, s WordPressem by r\u00e1di n\u011bco podnikli, ale neradi by si \u201eprvopl\u00e1nov\u011b nab\u011bhli\u201c. A ob\u010das d\u011bl\u00e1m <\/span>mentora<\/span><\/a> jin\u00fdm v\u00fdvoj\u00e1\u0159\u016fm, kte\u0159\u00ed \u0159e\u0161\u00ed sv\u016fj vlastn\u00ed byznys a slu\u017eby, a <\/span>rad\u00edm firm\u00e1m<\/span><\/a>, jak si z WordPressu vz\u00edt to, v \u010dem je siln\u00fd a dobr\u00fd. <\/span><\/p>\n

\u0158ekne\u0161 n\u00e1m n\u011bco o sv\u00fdch nejnov\u011bj\u0161\u00edch \/ nejd\u016fle\u017eit\u011bj\u0161\u00edch projektech?<\/strong><\/h2>\n

Mysl\u00edm, \u017ee m\u00e9 nejd\u016fle\u017eit\u011bj\u0161\u00ed projekty m\u011b teprve \u010dekaj\u00ed, pov\u00edm tedy alespo\u0148 o t\u0159ech projektech z posledn\u00edho roku, ze kter\u00fdch poci\u0165uji st\u00e1le velk\u00e9 profesn\u00ed pot\u011b\u0161en\u00ed.<\/span><\/p>\n

a) Te\u010f pr\u00e1v\u011b dole\u0161\u0165ujeme s <\/span>V\u00ed\u0165ou V\u00e1lkou<\/span><\/a> \u2013 grafikem z karavanu \u2013 jeho nov\u00fd osobn\u00ed web (pracovn\u00ed verzi m\u016f\u017eete omrknout na <\/span>vitavalka.cz<\/span><\/a>). Na webu aplikuji nejnov\u011bj\u0161\u00ed poznatky v optimalizaci rychlosti. Stylopisy a JavaScripty m\u00e1me rozd\u011blen\u00e9 do \u0159ady men\u0161\u00edch soubor\u016f podle jednotliv\u00fdch modul\u016f \u2013 na ka\u017ed\u00e9 str\u00e1nce se tedy na\u010d\u00edtaj\u00ed jen ty assety, kter\u00e9 jsou pot\u0159ebn\u00e9 pro danou str\u00e1nku \u2013 a d\u00edky HTTP2 na\u010d\u00edtaj\u00ed paraleln\u011b. V\u0161echny JavaScripty jsou p\u0159ipojen\u00e9 neblokuj\u00edc\u00edm zp\u016fsobem a napsan\u00e9 jako Vanilla JS, ergo jsme se obe\u0161li bez z\u00e1vislosti na jQuery! Drobn\u00e9 vizu\u00e1ln\u00ed efekty, kter\u00e9 na webu jsou, \u0159e\u0161\u00edme \u010dist\u011b CSS transformacemi. V\u0161echno by tedy m\u011blo b\u00fdt pekeln\u011b svi\u017en\u00e9 a rychl\u00e9. V\u0161echny str\u00e1nky webu jsou poskl\u00e1dan\u00e9 \u010dist\u011b v Gutenbergu \u2013 V\u00ed\u0165a je prvn\u00ed klient, kter\u00e9mu jsem nedal na v\u00fdb\u011br a naserv\u00edroval jsem mu Gutenberg.<\/span><\/p>\n

b) Se Seznamem jsem v l\u00e9t\u011b realizovali Seznam\u00e1ck\u00fd <\/span>Kari\u00e9rn\u00ed web<\/span><\/a>. Ten je v\u00fdrazn\u011b propojen\u00fd s jist\u00fdm specializovan\u00fdm HR syst\u00e9mem, ve kter\u00e9m jsou ale jen n\u011bkter\u00e9 \u010d\u00e1sti obsahu, kter\u00fd na webu vid\u00edte. Na webu jsem si dost zaprogramoval \u2013 napsal jsem importer, kter\u00fd co \u010dtvrt hodiny stahuje a aktualizuje inzer\u00e1ty z HR syst\u00e9mu a p\u00e1ruje je s dal\u0161\u00edm podrobn\u011bj\u0161\u00edm obsahem ve WordPress administraci. A pokud na n\u011bjak\u00fd inzer\u00e1t reagujete, pos\u00edl\u00e1te dotaz, nebo CV\u010dko, tak va\u0161e odpov\u011b\u010f se op\u011bt po\u0161le do \u0159e\u010den\u00e9ho HR syst\u00e9mu. <\/span><\/p>\n

c) Tak\u00e9 jsem si po p\u011bti letech dop\u0159\u00e1l nov\u00fd web, na kter\u00fd m\u016f\u017eete mrknout na adrese <\/span>webmistr.wtf<\/span><\/a>. Grafiku (a celou mou vizu\u00e1ln\u00ed identitu) navrhl kni\u017en\u00ed grafik a typograf <\/span>Martin Pecina<\/span><\/a>. Tohoto fousat\u00e9ho a interesantn\u00edho p\u00e1na jsem si vybral z\u00e1m\u011brn\u011b \u2013 jednak je mi bl\u00edzk\u00fd styl a zp\u016fsob jeho pr\u00e1ce a druhak jsem v\u011bd\u011bl, \u017ee p\u0159ijde s n\u011b\u010d\u00edm hodn\u011b neot\u0159el\u00fdm a origin\u00e1ln\u00edm. A zvl\u00e1dl to brav\u016frn\u011b \u2013 jako grafick\u00e9ho patrona si p\u0159izval mistra Josefa M\u00fcller-Brockmanna a vznikla tak extr\u00e9mn\u011b minimalistick\u00e1 a p\u0159itom v\u00fdrazn\u00e1 a zapamatovateln\u00e1 grafika ve \u0160v\u00fdcarsk\u00e9m stylu. Mimochodem, je to jedin\u00fd web, na kter\u00e9m jsem pou\u017eil CSS jednotku ch (zase ti \u0160v\u00fdca\u0159i) \u2013 schv\u00e1ln\u011b, kdo ji zn\u00e1? Technicky je cel\u00fd web v \u010dist\u00e9m <\/span>Google AMP<\/span><\/a> a tak\u00e9 to je z\u00e1m\u011br \u2013 nem\u00e1m r\u00e1d, kdy\u017e n\u011bkdo nelib\u011b hovo\u0159\u00ed cosi o tom, \u017ee WordPress generuje \u201eo\u0161kliv\u00fd k\u00f3d\u201c a taky je to elegantn\u00ed zp\u016fsob, jak se dostat na slajdy m\u00fdch v\u00fdvoj\u00e1\u0159\u016f koleg\u016f. Schv\u00e1ln\u011b si zobrazte zdrojov\u00fd k\u00f3d \u2013 najdete v n\u011bm WordPress? <\/span><\/p>\n

Co ti daly p\u0159edchoz\u00ed ro\u010dn\u00edky WordCampu?<\/strong><\/span><\/h2>\n

Loni jsem odch\u00e1zel jako jeden z posledn\u00edch a v \u0161atn\u011b (t\u00edmto srde\u010dn\u011b zdrav\u00edm <\/span>\u0161atn\u00e1\u0159e<\/span><\/a>) na m\u011b zbyl celkem p\u011bkn\u00fd nov\u00fd kab\u00e1t \u2013 rozhodn\u011b lep\u0161\u00ed, ne\u017e ve kter\u00e9m jsem p\u0159i\u0161el. R\u00e1d bych si tedy na WordCampu i letos upgradoval n\u011bkter\u00fd ze sv\u00fdch svrchn\u00edk\u016f. A co mi daly p\u0159edchoz\u00ed ro\u010dn\u00edky? To u\u017e jsem <\/span>odpov\u00eddal loni<\/span><\/a>. \ud83d\ude09<\/span><\/p>\n

Jak vn\u00edm\u00e1\u0161 p\u0159\u00edchod nov\u00e9ho obsahov\u00e9ho editoru Gutenberg?<\/strong><\/span><\/h2>\n

J\u00e1 Gutenbergu fand\u00edm a jsem moc r\u00e1d, \u017ee se <\/span>Matt Mullenweg<\/span><\/a> rozhodl nam\u00ed\u0159it energii v\u00fdvoj\u00e1\u0159\u016f pr\u00e1v\u011b sm\u011brem k v\u011bt\u0161\u00edmu edita\u010dn\u00edmu z\u00e1\u017eitku u\u017eivatel\u016f a z\u00e1rove\u0148 k solidn\u00edm v\u00fdvoj\u00e1\u0159sk\u00fdm zp\u016fsob\u016fm. P\u016fvodn\u00ed editor TinyMCE je mor\u00e1ln\u011b zastaral\u00fd, samotn\u00fd koncept \u201cRich Textarea\u201d je ji\u017e pro dne\u0161n\u00ed weby nevyhovuj\u00edc\u00ed \u2013 inovace zde je nezbytn\u00e1.<\/span><\/p>\n

Pro m\u011b Gutenberg ale nen\u00ed jen blokov\u00fd modern\u00ed editor, nebo n\u011bjak\u00fd kus k\u00f3du, n\u00fdbr\u017e tak\u00e9 \u2013 a vlastn\u011b p\u0159edev\u0161\u00edm \u2013 nekompromisn\u00ed inovace ve v\u00fdvoji WordPressu. Zastaral\u00fdch koncept\u016f a zatuchl\u00fdch m\u00edst bychom ve WordPressu na\u0161li v\u00edce (architektura datab\u00e1ze, spaghetti k\u00f3d, glob\u00e1ln\u00ed PHP prom\u011bnn\u00e9, \u2026). Gutenberg do WordPress v\u00fdvoje skrze nejmodern\u011bj\u0161\u00ed JavaScript p\u0159inesl nov\u00fd sv\u011b\u017e\u00ed v\u00edtr \u2013 a to je jen prvn\u00ed kr\u016f\u010dek, Gutenberg samotn\u00fd i JavaScript a React bude st\u00e1le v\u00edce pror\u016fstat cel\u00fd WordPress.<\/span><\/p>\n

A je\u0161t\u011b bych r\u00e1d zm\u00ednil jednu v\u011bc. Nov\u00e9mu editoru prop\u016fj\u010dil sv\u00e9 jm\u00e9no sta\u0159i\u010dk\u00fd n\u011bmec Johannes Gutenberg \u2013 vyn\u00e1lezce knihtisku. Knihtisk jak zn\u00e1mo sehr\u00e1l z\u00e1sadn\u00ed roli u vzniku reforma\u010dn\u00edho hnut\u00ed, kter\u00e9 osvobodilo religiozitu lid\u00ed od v\u00fdlu\u010dn\u00e9 z\u00e1vislosti na jedn\u00e9 c\u00edrkvi. Jist\u011b sami c\u00edt\u00edte, \u017ee se zde pohybujeme na toto\u017en\u00e9 my\u0161lenkov\u00e9 p\u016fd\u011b, ze kter\u00e9 vyr\u016fst\u00e1 hlavn\u00ed mise WordPressu: \u201eDemokratize Publishing\u201c. Gutenberg tuto misi kr\u00e1sn\u011b zv\u00fdraz\u0148uje.<\/span><\/p>\n

Pro v\u00fdvoj\u00e1\u0159e sis nachystal p\u0159\u00edpadovku. M\u016f\u017ee\u0161 n\u00e1m pros\u00edm p\u0159ibl\u00ed\u017eit, na co se mohou \u00fa\u010dastn\u00edci t\u011b\u0161it?<\/strong><\/h2>\n

P\u0159ed rokem jsem pro spole\u010dnost Seznam a.s. dod\u00e1val technickou realizaci korpor\u00e1tn\u00edho Blogu: <\/span>blog.seznam.cz<\/span><\/a>. Na prvn\u00ed pohled vypad\u00e1 jako jednoduch\u00fd blog, ale byla to n\u00e1ro\u010dn\u011bj\u0161\u00ed zak\u00e1zka, kterou bych r\u00e1d zrekapituloval z technick\u00e9, projektov\u00e9 i kontraktov\u00e9 str\u00e1nky. Tedy, jak jsem postupoval od prvotn\u00edho kontaktu, p\u0159es domluven\u00ed zak\u00e1zky, technickou realizaci, migraci dat z jin\u00e9ho syst\u00e9mu, \u0161kolen\u00ed \u0161\u00e9fredaktor\u016f, spu\u0161t\u011bn\u00ed do provozu a\u017e po spr\u00e1vu b\u011b\u017e\u00edc\u00edho webu.<\/span><\/p>\n

V\u00fdvoj\u00e1\u0159i se z m\u00e9 p\u0159\u00edpadovky mohou ud\u011blat lep\u0161\u00ed p\u0159edstavu o tom, jak vypad\u00e1 celkov\u00fd pr\u016fb\u011bh v\u00fdvoj\u00e1\u0159sk\u00e9 zak\u00e1zky pro korporaci. A projektov\u00ed a produktov\u00ed mana\u017ee\u0159i zase mohou nahl\u00e9dnout v\u00edce do r\u016fzn\u00fdch souvislost\u00ed v\u00fdvoje webu.<\/span><\/p>\n

Chyst\u00e1\u0161 se nav\u0161t\u00edvit n\u011bkterou z p\u0159edn\u00e1\u0161ek na chystan\u00e9m ro\u010dn\u00edku?<\/strong><\/h2>\n

Tak ur\u010dit\u011b v duchu \u201ebez Tebe se to neobejde, Fry\u0161tensk\u00fd\u201c doraz\u00edm na svou p\u0159edn\u00e1\u0161ku. Rozhodn\u011b se ale t\u011b\u0161\u00edm na Gatsby.js v pod\u00e1n\u00ed <\/span>Borka Bernarda<\/span><\/a> a z\u0159ejm\u011b budu v\u011bt\u0161inu \u010dasu ve v\u00fdvoj\u00e1\u0159sk\u00e9 sekci.<\/span><\/p>\n

Kupte si vstupenku a p\u0159ij\u010fte na WordCamp<\/span><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

V komunit\u011b WordPress nejsi nezn\u00e1m\u00fd, nicm\u00e9n\u011b m\u016f\u017ee\u0161 se p\u0159esto nov\u00e1\u010dk\u016fm p\u0159edstavit – kdo jsi a \u010d\u00edm se pracovn\u011b zab\u00fdv\u00e1\u0161? Jsem zak\u00e1zkov\u00fd v\u00fdvoj\u00e1\u0159 web\u016f a webov\u00fdch prezentac\u00ed na m\u00edru: Uka\u017ete mi grafick\u00e9 n\u00e1vrhy a j\u00e1 v\u00e1m je p\u0159e\u010daruji ve funk\u010dn\u00ed vycizelovan\u00fd web s WordPress administrac\u00ed, kter\u00fd \u0161lape jako \u0161v\u00fdcarsk\u00e9 hodinky. K tomu lektoruji vlastn\u00ed \u0161kolen\u00ed WordPress … Pokra\u010dov\u00e1n\u00ed textu Rozhovor s Janem Bienem<\/span><\/a><\/p>\n","protected":false},"author":9292185,"featured_media":5699,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_crdt_document":"","jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[750975],"tags":[],"class_list":["post-5689","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-rozhovory"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/prague.wordcamp.org\/2019\/files\/2019\/02\/jan-bien.png?fit=1200%2C764&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pab3ys-1tL","_links":{"self":[{"href":"https:\/\/prague.wordcamp.org\/2019\/wp-json\/wp\/v2\/posts\/5689","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prague.wordcamp.org\/2019\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prague.wordcamp.org\/2019\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prague.wordcamp.org\/2019\/wp-json\/wp\/v2\/users\/9292185"}],"replies":[{"embeddable":true,"href":"https:\/\/prague.wordcamp.org\/2019\/wp-json\/wp\/v2\/comments?post=5689"}],"version-history":[{"count":3,"href":"https:\/\/prague.wordcamp.org\/2019\/wp-json\/wp\/v2\/posts\/5689\/revisions"}],"predecessor-version":[{"id":5739,"href":"https:\/\/prague.wordcamp.org\/2019\/wp-json\/wp\/v2\/posts\/5689\/revisions\/5739"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prague.wordcamp.org\/2019\/wp-json\/wp\/v2\/media\/5699"}],"wp:attachment":[{"href":"https:\/\/prague.wordcamp.org\/2019\/wp-json\/wp\/v2\/media?parent=5689"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prague.wordcamp.org\/2019\/wp-json\/wp\/v2\/categories?post=5689"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prague.wordcamp.org\/2019\/wp-json\/wp\/v2\/tags?post=5689"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}