tag:blog.vojtasvoboda.cz,2013:/posts Vojta Svoboda Blog 2017-11-10T21:32:06Z Vojta Svoboda tag:blog.vojtasvoboda.cz,2013:Post/912862 2015-10-04T19:18:54Z 2015-10-04T19:20:41Z Hacktoberfest 2015

Říjen není jenom měsícem zdravých zubů a starých filmů, ale i měsíc ve kterém se pořádá celosvětový Hacktoberfest 2015, jehož cílem je hlavně podpora open-source softwaru! Pořádá ho poskytovatel cloudového hostingu DigitalOcean ve spolupráci s platformou GitHub, kde je možné open-souce projekty kolaborativně spravovat a verzovat.

]]>
Vojta Svoboda
tag:blog.vojtasvoboda.cz,2013:Post/822112 2015-03-10T14:53:11Z 2017-07-31T10:00:12Z CMS pro PHP v roce 2015

Pojďme se společně podívat na seznam CMS pro platformu PHP, které lze využít v roce 2015.

Jako každý produkt tak i hotové CMS má své výhody i nevýhody. Výhodou je velká komunita lidí budující jeden produkt. Všichni ho používají, testují, rozšiřují, opravují chyby a dále propagují. Z hlediska programátora může být nevýhodou fakt, že se musím naučit systém, který z větší části programoval někdo jiný a může tam být větší bariéra pro určitě specifické úpravy.

]]>
Vojta Svoboda
tag:blog.vojtasvoboda.cz,2013:Post/797869 2015-01-18T14:09:32Z 2015-09-12T09:38:40Z Vykreslení PNG obrázku s víceřádkovým textem v PHP

Vytváření obrázků včetně psaní textu není v PHP žádný problém. Stačí použít funkce začínající prefixem image, konkrétně třeba imagettftext() pro psaní textu pomocí TrueType fontů. Tímto způsobem můžeme vepisovat text do slevových voucherů, na vizitky, samolepky nebo generovat text, který nemá být (jednoduše) strojově čitelný, třeba e-mail. Protože jsme ale líní a nechce se nám moc zkoumat dokumentaci, použijeme nějakou hotovou knihovnu.

]]>
Vojta Svoboda
tag:blog.vojtasvoboda.cz,2013:Post/797307 2015-01-16T20:30:03Z 2015-01-17T20:53:13Z Generátor hesel

Protože mám občas potřebu vygenerovat si heslo, nebo obecně nějaký náhodný řetězec, hledal jsem webovou stránku, kde by to bylo možné. Všechny jsou ale plné reklam, nebo obsahují moc zbytečných informací, které nejsou pro samotný účel potřeba. Vytvořil jsem si tak vlastní generátor hesel.

]]>
Vojta Svoboda
tag:blog.vojtasvoboda.cz,2013:Post/776078 2015-01-10T14:24:59Z 2015-01-10T14:56:07Z PHP knížky

Po článku doporučující HTML knížky a CSS knížky bych rád sepsal literaturu o programovacím jazyku PHP. Bude se jednat opět o publikace spíše pro začátečníky, které by měli podat základní informace a možnosti. Většina zmíněných publikací pokrývá i základy databází, především MySQL, což je fajn, pokud chceme v PHP rovnou ukládat nějaká data a manipulovat s nimi. Všechny publikace jsou v češtině.

]]>
Vojta Svoboda
tag:blog.vojtasvoboda.cz,2013:Post/786794 2014-12-23T22:04:20Z 2014-12-23T22:05:01Z OctoberCMS

OctoberCMS je zajímavé open-source CMS postavené na frameworku Laravel pro PHP 5.4. Toto CMS je jednoduché a pracuje na velice nízké úrovni. V administraci editujete totiž přímo samotné HTML šablony stránek, jejich CSS a JavaScript soubory. Tyto šablony jsou pak uložené jako statické soubory, takže je můžete snadno verzovat. Je to tak zajímavá alternativa, když chceme postavit statický web, ale nechceme psát čisté HTML šablony, kde nám bude určitě chybět základní věci jako třeba URL ve tvaru /moje-stranka/, logování chyb, nebo stránka 404.

]]>
Vojta Svoboda
tag:blog.vojtasvoboda.cz,2013:Post/779639 2014-12-06T17:58:29Z 2016-07-12T19:13:41Z Co je to Composer

Composer je nástroj pro správu závislostí PHP projektů. Většina projektů má nějakou závislost - framework, šablonovací systém, knihovny. Pokud tedy chci ve svém projektu používat framework Nette už nemusím nic stahovat z oficiálních stránek a rozbalovat. Stačí ve složce s projektem zadat:

composer require nette/nette]]>
Vojta Svoboda
tag:blog.vojtasvoboda.cz,2013:Post/774352 2014-11-24T10:46:20Z 2014-11-25T09:00:21Z Poznámky ze zkoumání frameworku Polymer

V minulém článku jsem sepsal několik postřehů ze zkoumání jazyka Dart. Další webový projekt, který jsem prozkoumal z důvodu budoucí využitelnosti je Polymer. Opět jako u článku o jazyku Dart vypisuji klíčové vlastnosti, které pomůžou získat základní přehled o tom, co to Polymer je.

]]>
Vojta Svoboda
tag:blog.vojtasvoboda.cz,2013:Post/774342 2014-11-24T10:07:20Z 2017-02-17T10:11:15Z Druhý externí monitor k MacBook Air

Jedna z nevýhod MacBook Air oproti MacBook Pro je, že nelze snadno připojit druhý externí monitor. První monitor lze připojit pomocí redukce z Mini DisplayPortu na DVI, nebo HDMI, ale pro druhý monitor již místo není. Redukce DisplayPort na HDMI stojí originál kolem 700,- Kč, nebo lze objednat z Číny za 4$.

]]>
Vojta Svoboda
tag:blog.vojtasvoboda.cz,2013:Post/734966 2014-09-02T11:15:55Z 2014-12-06T18:00:49Z Poznámky ze zkoumání jazyka Dart

Během zkoumání jazyka Dart jsem narazil na pár informací, které se hodí sepsat. Pokud někdo nemá čas na celodenní zkoumání, získá tak rychlý průlet tohoto jazyka.

]]>
Vojta Svoboda
tag:blog.vojtasvoboda.cz,2013:Post/728485 2014-08-17T14:19:01Z 2014-12-06T18:01:24Z Rezervační formulář v Nette

V tomto článku si ukážeme jak jednoduše vytvořit rezervační formulář pomocí komponent Nette frameworku. Vzhledem k jednoduchosti zadání by šel celý formulář včetně aplikační logiky umístit do jednoho souboru, ale stejně tak by šla vytvořit plnohodnotná webová aplikace nad Nette frameworkem. Je těžké na začátku říct, jak se nám aplikace rozroste, takže se vydáme cestou postupného iterativního refaktoringu - začneme implementací do jednoho souboru a postupně budeme aplikaci rozdělovat na jednotlivé části když si to bude situace žádat. Postupně se tak z jednosouborové aplikace dostaneme k něčemu, co by mohlo připomínat plnohodnotnou aplikaci.

]]>
Vojta Svoboda
tag:blog.vojtasvoboda.cz,2013:Post/725597 2014-08-10T19:22:59Z 2014-12-06T17:59:36Z Instalace Satis

Vždy když v Composeru pracujeme s názvem repozitáře, například tracy/tracy, Composer musí vědět, na jaký repozitář tento název odkazuje. Pro tento účel slouží centrální Composer repozitář Packagist.org. Všechny repozitáře zde ale odkazují na veřejné repozitáře a i obsah celého Packagist.org je veřejný. Pokud chceme distribuovat balíky privátně, například v rámci firmy, můžeme si stáhnout Satis.

]]>
Vojta Svoboda
tag:blog.vojtasvoboda.cz,2013:Post/725102 2014-08-09T10:06:28Z 2014-08-09T10:12:12Z Jak vytvořit patch v Gitu

Git je nástroj pro správu verzí a hromadné sledování změn souborů v rámci jednoho projektu. Rozdíl dvou verzí souboru se označuje jako diff z anglického slova difference a popisuje nám jak se soubory navzájem liší.

Změnu jednoho souboru můžeme popsat textovým souborem s koncovkou .diff, který nám popisuje, jaké změny musíme provést, abychom se dostali z jedné verze na druhou. Tomuto vygenerovanému souboru se pak říká patch (záplata).

]]>
Vojta Svoboda
tag:blog.vojtasvoboda.cz,2013:Post/720115 2014-07-29T12:15:44Z 2014-07-29T12:16:11Z Tvorba záložky na Facebook stránce

Stejně jako máme na naší Facebook stránce záložky Tímeline, Informace a Fotky, můžeme si vytvořit svojí vlastní záložku s unikátním obsahem, kde můžeme propagovat produkty, služby, nebo vytvořit nějakou interaktivní soutěž. Pojďme se podívat, jak na to.

]]>
Vojta Svoboda
tag:blog.vojtasvoboda.cz,2013:Post/718537 2014-07-25T10:30:27Z 2014-07-29T12:16:56Z Instalace SASS a Compass na MacOS

SASS je CSS preprocesor, který rozšiřuje CSS3 o další možnosti jako třeba proměnné, matematické operace a znovupoužitelné části kódu tzv. Mixins. SASS má vlastní syntaxi nad CSS, zapisuje se do souborů *.scss ze kterých nám umožňuje vygenerovat CSS soubory pro použití v našem projektu. Tyto soubory mohou být automaticky minifikované a sjednocené do jednoho například pomocí nástroje Grunt. Viz článek Kompilace Sass a Compass souborů přes Grunt JS.

]]>
Vojta Svoboda
tag:blog.vojtasvoboda.cz,2013:Post/707576 2014-06-25T20:40:36Z 2014-12-06T18:10:15Z Stahujeme data z Foursquare přes API

Foursquare je skvělá geolokační služba, která nám dokáže vyhledat zajímavé místa po celém světě nebo pouze v našem okolí. Může se jednat například o restaurace, když máme hlad, nebo o významné památky, pokud zrovna cestujeme. Uživatelé k těmto místům doplňují různé fotky, komentáře a hodnocení, takže se jedná o velmi cenný zdroj dat. Podívejme se tedy, jak bychom mohli tato data stahovat pro vlastní použití.

]]>
Vojta Svoboda
tag:blog.vojtasvoboda.cz,2013:Post/706152 2014-06-22T01:02:40Z 2014-06-23T11:01:55Z Devel 2014

Dnes jsem se zůčastnil konference Devel.cz 2014 a stejně jako u minulých ročníků to bylo super. Nejvíc oceňuji hlavně formát akce - jeden den, jedna místnost, jeden line-up přednášejících, jeden hash-tag. Žádné přebíhání mezi místnostmi, vybírání přednášek které vidět a litování toho které jsem neviděl. Akce byla na VŠE což je skoro v centru Prahy. Cena mi přišla přijatelná (early bird za nějakých 1200,- Kč) a letos byl v ceně i super oběd (výběr ze tří jídel, polévka, dezert), kafe, voda a dokonce i svačinky. Organizace byla naprosto bez problému, WiFi fungovala rychle, při vstupu jsme dostali nové tričko na spaní a šlo se na věc.

]]>
Vojta Svoboda
tag:blog.vojtasvoboda.cz,2013:Post/704156 2014-06-16T09:18:15Z 2014-06-16T11:28:00Z Doplňky a rozšíření do prohlížeče Chrome

Seznam užitečných doplňků do prohlížeče Chrome, jak obecných, tak i speciálně pro vývojáře.

]]>
Vojta Svoboda
tag:blog.vojtasvoboda.cz,2013:Post/701533 2014-06-08T13:09:39Z 2014-06-08T13:34:37Z Kompilace Sass a Compass souborů přes Grunt JS

Grunt je nástroj napsaný v Node.js a distribuovaný přes npm. Grunt slouží ke spouštění jedné, nebo více úloh na straně front-endu, počínaje minifikace, kompilace CSS preprocesorů (Less, Sass) až po spojování více souborů v jeden. Zároveň dokáže sledovat změny v upravovaných souborech a při každé změně spustit připravené úlohy, což se výborně hodí když potřebujeme průběžně překládat Sass soubory na CSS.

]]>
Vojta Svoboda
tag:blog.vojtasvoboda.cz,2013:Post/701378 2014-06-07T17:02:38Z 2014-06-08T13:36:58Z Nastavení serveru Apache na MacOS

Apache je open-source webový/HTTP server, který je distribuovaný zdarma a pomocí kterého můžeme spouštět naše webové stránky a aplikace. Základní instalaci Apache, PHP a MySQL jsem popsal v článku: Instalace PHP na Mac OS X (Mountain Lion).

Tento článek se bude věnovat pokročilé konfiguraci serveru Apache, konkrétně umístení konfiguračních souborů, ovládání serveru přes terminál a nastavení VirtualHosts.

]]>
Vojta Svoboda
tag:blog.vojtasvoboda.cz,2013:Post/580246 2013-05-21T12:40:15Z 2014-06-08T13:35:38Z CSS a CSS3 knížky

Stejně jako ve článku HTML5 knížky, i nyní bych rád shrnul dojem z několika dalších knížek. Bude jich pět a zabývají se technologií kaskádových stylů, známých spíše pod zkratkou CSS (Cascade Style Sheets). Na knížky se budu dívat hlavně z pohledu začátečníka, který by se rád o CSS dozvěděl co nejvíce a naučil se je aplikovat v praxi.

]]>
Vojta Svoboda
tag:blog.vojtasvoboda.cz,2013:Post/524018 2012-10-20T19:43:00Z 2015-02-28T14:39:44Z Facebook přihlašování v PHP

U webových aplikací, kde potřebujeme od uživatele jeho přihlášení, můžeme místo klasické zdlouhavé registrace využít přihlášení pomocí jiné autority, kde je uživatel již zaregistrovaný. Jednou z možností je přihlášení pomocí sociální sítě Facebook, kde je registrovaná většina uživatelů Internetu. Vždy bychom měli ale poskytnou i klasickou možnost registrace.

]]>
Vojta Svoboda
tag:blog.vojtasvoboda.cz,2013:Post/524019 2012-09-30T16:50:00Z 2014-06-07T17:04:38Z Jak na data v cloudu, multiplatformně

Už při čtení prvních článků o cloudu se mi líbila představa, že některá data nebudu mít přímo na svém počítači, ale budou uložena vzdáleně. Přístupná by tak byla odkudkoli, nezávisle na konkrétním zařízení, ať již je to notebook, stolní počítač, nebo chytrý telefon. Pokud by se mi podařilo ztratit notebook, o data bych nepřišel. Stejně tak bych se mohl ušetřit celodenního zálohování a obnovy dat při reinstalaci operačního systému, jak bylo nedávno zvykem.

Rozhodl jsem se tuto představu dotáhnout až do takové fáze, že nemám na počítači skoro žádná data a vše se ukládá vzdáleně, nebo se synchronizuje, když jsem zrovna on-line. Nástroje jsem zvolil tak, aby byli pokud možno zdarma a byli multiplatformní, protože mám notebook s Mac OS, stolní počítač s Windows 7 a telefon s Androidem.

]]>
Vojta Svoboda
tag:blog.vojtasvoboda.cz,2013:Post/524020 2012-09-29T22:57:00Z 2017-11-10T21:32:06Z Instalace PHP na Mac OS X (Mountain Lion)

Pokud chcete vyvíjet PHP aplikace na Mac OS X, s využitím serveru Apache a databáze MySQL, nejjednodušším způsobem je stažení balíku Xampp, pomocí kterého vše nainstalujete a nemusíte se o nic starat. V tomto článku ale popíšu instalaci jednotlivých částí samostatně, protože je pak jednodušší jednotlivé programy a nástroje spravovat a aktualizovat.

]]>
Vojta Svoboda
tag:blog.vojtasvoboda.cz,2013:Post/524021 2012-09-23T13:00:00Z 2014-06-08T13:38:12Z WebExpo 2012

Tak jako každý rok, i letos jsem se zúčastnil dvoudenní konference WebExpo, které se pořádala na Vysoké škole ekonomické v Praze. Pro mě osobně konference začínala již o den dříve, protože jsem se rozhodl absolvovat ještě workshop o Test driven development (TDD). V tomto článku bych se chtěl podělit o svoje pocity, zážitky a konstruktivní připomínky k vlastní organizaci. Třeba to pomůže v tom, aby další ročník byl zase o kousek lepší. Mini-recenze jednotlivých přednášek pak shrnuji na firemním blogu, ve článcích Webexpo 2012 z pohledu businessu a Webexpo 2012 z pohledu development/design.

]]>
Vojta Svoboda
tag:blog.vojtasvoboda.cz,2013:Post/524022 2012-08-21T12:57:00Z 2014-06-08T13:37:44Z HTML5 knížky

Dnes bych chtěl představit tři knížky o HTML5. Všechny knížky jsou z let 2010-2011, neměli by tak být informačně zastaralé. Knížky se liší především počtem stránek a z toho plynoucí detailností. Každý si tak může vybrat, jestli mu stačí rychlý průlet novinkami, nebo by se rád dozvěděl konkrétní detaily a technické podrobnosti implementace.

]]>
Vojta Svoboda
tag:blog.vojtasvoboda.cz,2013:Post/524023 2011-12-23T23:25:00Z 2014-06-07T17:06:41Z Vyhledávání obrázků přes Flickr API v PHP

V tomto článku bych rád popsal napojení na Flickr API pomocí jazyka PHP. Nad obrázky, které pak získáme lze dělat jakákoliv magie, použité aplikační rozhraní nám však poskytne i filtrování, které využijeme. V této konkrétní implementaci budu provádět akorát načítání obrázků, jejich filtrování a třídění dle barvy (což není součástí API).

]]>
Vojta Svoboda
tag:blog.vojtasvoboda.cz,2013:Post/524024 2011-12-04T20:58:47Z 2014-06-08T13:35:57Z Vize sémantického webu

Stávající lidstvo, nacházející se v době informačního věku, si nejspíš ani neuvědomuje, že uplynulo již deset let od okamžiku, co se autor stávajícího webu – Tim Barners-Lee poprvé podělil o svojí ideji sémantického webu, která se snaží dnešní neuspořádanou množinu webových stránek proměnit, do propojeného systému zdrojů, neboli Linked Data. Cílem by bylo nejenom poskytovat dokumenty, které budou čitelné pro člověka, ale také data ve strojově snadno zpracovatelném formátu, obohaceném o příslušné vztahy mezi těmito daty.

]]>
Vojta Svoboda
tag:blog.vojtasvoboda.cz,2013:Post/524025 2011-12-03T18:42:54Z 2014-06-07T17:07:27Z Nielsen’s Heuristic Evaluation

Při návrhu uživatelského rozhraní aplikace, ať již webové, nebo desktopové, je vždy vhodné nejdříve vytvořit prototyp uživatelského rozhraní (UI). Výhoda prototypování spočívá hlavně v rychlejším zpracování, které je jednodušší a levnější, než provádění změn přímo v grafickém návrhu. Prototyp (neboli wireframe/mockup) lze zpracovat buď elektronicky pomocí některého z prototypovacích nástrojů (Balsamiq Mockup), nebo i pomocí tužky a papíru.

]]>
Vojta Svoboda
tag:blog.vojtasvoboda.cz,2013:Post/524026 2011-11-20T19:16:00Z 2014-06-08T13:35:21Z Základní šablona webu

Pokud vytváříte webové stránky, jistě víte, že základem každých stránek je HTML šablona webu, ve které je výsledný web zobrazen. Tato šablona vychází strukturou z analýzy webu a vzhledově z grafického návrhu.

]]>
Vojta Svoboda