Heading

Webdevelopeři a designéři mají rádi aplikace a nástroje, které jim usnadňují vývoj webů a aplikací. Jedná se o malé aplikace nebo knihovny, které většinou řeší jeden konkrétní problém. V následujícím postu přinášíme přehled těchto šikovných nástrojů, které usnadňují práci. 1. Sublime Text[Image]Moderní a přehledný textový editor pro programátory. Mezi výhody patří přizpůsobitelnost a zvýrazňování syntaxe velkého množství souborů. Současná beta verze  Sublime Text 3  je dostupná pro OS X, Linux i Windows. Sublime Text lze bezplatně využívat ve zkušební verzi, která však oproti placené nemá žádné omezení. Nebereme-li v úvahu občasné odklikávání okna, které upozorňuje na koupi licence (ta stojí 70 USD). 2. Trello[Image] V současnosti existuje obrovské množství nástrojů pro projektový management a tím zvyšování produktivity. Trello  je bezplatný online nástroj pomocí kterého lze řídit projekt, zadávat úkoly a kontrolovat jejich plnění, spolupracovat, tvořit a dělat všechny potřebné projektové činnosti. Trello nabízí webovou a samozřejmě také mobilní aplikaci.   3. Firebug[Image] Firebug  je rozšíření prohlížeče Mozilla Firefox a nabízí velké množství webdeveloperských nástrojů a funkcí. Firebug má vestavěný JavaScript debugger, který umožňuje projít celý váš skript a také zjistit, proč je pomalý. Můžete snadno nalézt HTML, CSS, JavaScript a XML chyby a dokonce umožňuje filtrování a vyhledávání specifických chyb. Další velmi užitečnou funkcí je DOM Inspector panel, který popisuje strukturu webové stránky. Tato funkce je užitečná pokud pracujete na velkém webu nebo s aplikací, na které jste začali nedávno pracovat. 4. 960 grid system[Image] Snahou  960 grid systému  je zjednodušit workflow vývoje webových aplikací poskytnutím běžně používaných rozměrů. Základ systému tedy tvoří sloupce o celkové šíři 960 pixelů, které jsou rozděleny na 12 a 16 sloupců. 12 sloupcový systém obsahuje sloupce šířky 60px a 16 sloupcový šířku 40px, každý sloupec navíc obsahuje 10pixelový margin vlevo a vpravo. 960 grid systém je vhodný pro rychlé prototypování, ale funguje dobře i v produkčním prostředí. Použitím tohoto systému je možno si jednotlivé části web rozdělit tak, aby vždy působily vyváženým dojmem. Podrobněji se o tomto systému dočtete v  blogu od Six Revisions . 5. JSFiddle, CodePen, JS Bin[Image] V posledních letech vzniklo několik služeb pro rychlé testování HTML+CSS+JavaScript. Jedním z vůbec prvních takových služeb byl  JSFiddle , který následovaly další podobné služby. jsfiddle nabízí testování jakékoli kombinace HTML, CSS a JS. Vzhled je jednoduchý, ale nabízí mnoho pokročilých funkcí. Ajax simulaci. Super frontend své služby nabízí  CodePen , který upozorňuje na populární dema (tzv. pens). Kromě toho tato služba nabízí pokročilou funkcionalitu jako například. shareování nebo embedování. Pro verze (od  9 USD měsíčně ) mimo jiné poskytuje pair-programming nebo cross-browser testování. Jednou z mála služeb, která nabízí také javascript konzoli, je  JS Bin . 6. Mou[Image]Mou  je markdown editor pro web developerů. Jedná se o jednoduchý, ale efektivní nástroj, který analyzuje markdown syntaxi. Poskytuje funkce jako zvýrazňování syntaxe, automatické dokončování slov, různé úpravy textu, live preview, fullscreen mode, vlastní témata a HTML, CSS a PDF export a mnoho jiného. Momentálně je dostupný pouze pro OS X, v případě, že nemáte Mac, můžete využít alternativy jako například. Dillinger  nebo  Markable . 7. Fontello[Image] Vynikající služba pro webdevelopery a designéry. Jednoduše si jen vyklikáte symboly, které potřebujete a poté je stáhněte. Používání web fontů se symboly je populární, umíte si je upravovat pomocí CSS a výhodou je i nízký objem dat a rychlé načítání. Je možné stáhnout i celý set ikon z  repozitáře  na GitHube. 8. Modernizr[Image]Pro detekci mnoha vlastností HTML5 a CSS3 je vhodná javascriptová knihovna  Modernizr  (open-source MIT licence). Pokud ji chcete použít, vložte na začátek vaší webstránky do head-u script  <script src="modernizr.min.js"></script> .  Do tohoto blogpostu jsme vybrali jen několik aplikací a nástrojů, existuje jich samozřejmě mnohem víc a každý měsíc vznikají nové. Určitě máte tipy na další užitečné nástroje, podělte se o ně v komentářích. Na našem profilu na  Twitteru  denně sdílíme tipy na chytré novinky, aplikace a tooly pro developery a designéry, tak nás followněte ;)

Juraj tvoří webové aplikace více než 8 let. Za tu dobu měl možnost dělat pro více společností a na množství projektů. Dělá to, co ho baví a co umí nejlépe. Na nedostatek pracovní vytíženosti si stěžovat nemůže a to je dobře. I když volného času poslední dobou nemá moc, Juro umí i odpočívat a to při kvalitní hudbě, dobrém blogu, případně samostudiem nových věcí.[Image] Jaké byly tvé začátky s programováním? Co bylo pro tebe v začátcích nejtěžší? Programovat jsem začal ve třetím ročníku na gymnáziu. Chodil jsem na předmět s názvem informatika, kde jsme se po přejetí základních úkonů se soubory ve "Windows command line" a základů office balíčku začali s programováním v želvě :) Pak přišlo základní skriptování a procedurální programování v Pascalu. Největší překážkou u mě bylo, že jsem letos doma neměl počítač, takže jsem si dovednosti osvojoval jen na hodinách ve škole. Po třetím ročníku jsem si z našetřených peněz z letní brigády koupil od kamaráda sice používaný, ale na tu dobu ještě docela slušný počítač Pentium I, který jsem mnou přežil ještě první ročník vysoké školy. Vždy se pousměju, když si na ten stroj vzpomenu a představím si jeho výkon. Měl 512 megovou RAMku, což je v porovnání s dnešním 2 a více gigami ve smartphonech opravdový skok: ) To jsem ale trochu odskočil od otázky. S mým prvním počítačem přišlo programování po nocích. Matně si vzpomínám, jak jsem v pascalovské grafice rozpohyboval paličkového panáčka. Jaké technologie jsi zvolil a co nejraději děláš? Frontend nebo backend? S dynamickým webem jsem začal až na vysoké škole, kde mi kamarád po večerech na intráku ukazoval co a jak se dá udělat v PHPéčku. Vedle toho jsem od něj nachytával dovednosti v HTML, CSS a javascriptu. Začal jsem tedy s backendem i frontendem současně. Po skončení bakaláře to už chtělo nějaký „opravdový“ IT job, tak jsme se spolužákem šli na pohovor do Monogramu, který v té době měl svou mini pobočku v Žilině. Po nástupu jsme absolvovali měsíční školení v Bratislavě, na kterém jsem poznal spoustu šikovných lidí a hodně jsem se naučil. Z těch chytrých lidí mi nedá nevzpomenout dva, zvané Tomaj a musHo. Vidět je při práci bylo pro mě v té době neskutečnou motivací na cestě zdokonalování se. Nemohu tedy na rovinu říci, že jsem čistý backenďák nebo frontenďák. Všechno co člověk ví je dobré a každá zkušenost a vědomost je cenná. [Image] Budeš učit kurz Web Designer, co máš nejraději na tvorbě webstránek? Pro mě je na webovém projektu pozitivní a motivující, když se mi konkrétní výsledek práce stále líbí i po úplném dokončení. To mě umí nakopnout do nových projektů a neustále se zdokonalovat. Chce to ale pevnou vůli a snahu dělat věci lépe, než je nutné, nebo definované. Můžeš nám říci něco blíže o obsahu kurzu? Jaké klíčové znalosti si studenti odnesou? Kromě toho, co mohou zájemci o kurz vyčíst z jeho popisu na webu, se budu snažit při každém z témat přinést i mé, doufám, cenné zkušenosti z projektů, které jsem nabýval lety. Po absolvování kurzu bude každý účastník připraven tvořit moderní frontend se vším všudy. Samozřejmostí dneška je přizpůsobitelnost na různá zařízení a správné zobrazování v různých prohlížečích. Patřím k javascriptovým nadšencům, takže se je na co těšit iz pohledu dynamiky a efektů. Všechno ostatní už bude záležet na konkrétních lidech a jejich chuti zdokonalovat se a rozvíjet naučené. Jaká je tvá rada pro každého, kdo se snaží naučit programovat? Neexistuje žádná přesná definice ani rada. Nenechte se odradit, když něco nefunguje jak by mělo nebo jak byste chtěli. Vždy je několik možností, jak problém vyřešit elegantně. Chce to někdy jen říci o problému někomu druhému a řešení je na světě ;) Pokud se chcete Jura něco zeptat, klidně tak učiňte třeba zde v komentářích. Zaujal vás rozhovor a chcete si vyzkoušet, jaké je to tvořit webové stránky? Přihlaste se na náš kurz  Web Designer , který spouštíme iv Žilině.

Úspěšní absolventi kurzu Web Designer v Bratislavě mají možnost po skončení kurzu absolvovat 2-měsíční stáž ve Wezeo . Jedná se o technologickou firmu zaměřenou převážně na vývoj webů a mobilních aplikací, jejich klienty jsou největší slovenské firmy a reklamní agentury, ale i státní instituce a malé firmy. Pokud budeš opravdu dobrý/á, dostaneš pracovní nabídku a možnost posunout se ve své kariéře o velký krok vpřed. Yablko  tě za 3 měsíce naučí vše z HTML, CSS a jQuery, co budeš potřebovat k tomu, abys uměl/a samostatně vytvořit namakané weby. Od Wezea dostaneš zadání, které vypracuješ a oni si vyberou nejlepší. Potom si tě za 2 měsíce oťukají na reálných projektech a když se osvědčíš a ukážeš, že na to máš, pracovní nabídka je tvoje :) Pokud tě to zaujalo, není co řešit. Přihlas se na  kurz , dej do toho všechno a po 3 měsících můžeš začít makat na super webových projektech.[Image]

Chceš pracovat na zajímavých webových projektech, které mají minimálně celoslovenský potenciál? Pro úspěšné absolventy našeho kurzu Web Designer v Košicích jsme připravili nabídku 1-měsíční stáže a možnost pracovat na webech, které má ve svém portfoliu lektor kurzu Matúš Marcin. Nepůjde o žádné uměle vytvořené úkoly, ale o reálnou práci přímo s Matoušem, který tě bude coachovat a získáš tak skvělou příležitost, jak vedle něj profesionálně vyrůst. Po skončení stáže budeš moci pokračovat v práci na těchto projektech, nebo minimálně získáš super referenci do svého životopisu. Z potenciálních projektů, na kterých můžeš během stáže pracovat, můžeme zmínit například velký slovenský portál Akciomat , redesign eshopu Behnaboso.sk  a ještě 1 další startup projekt. Všechno jsou to reálně zaběhnuté nebo aspirující projekty. Místo práce bychom domluvili po ukončení kurzu, můžeš však sedět v kanceláři přímo s Matoušem, v coworkingu Eastcubator, nebo dělat z domova. Pokud máš full-time zaměstnání, vymyslíme způsob, jak se časově sladit, abys všechno stíhal(a). Zaujalo tě to? Přihlas se na kurz , odmakej si ho po dobu 3 měsíců a začni svou novou kariéru.

Matouš vystudoval informatiku a je freelancer, který se zajímá o webový frontend i backend. Ve volném čase velmi rád běhá, bloguje a venčí psy. Přečtěte si rozhovor s ním, ve kterém prozradil něco o svých začátcích, o kurzu a o tom, jak začít s programováním. Jaké byly tvé začátky s programováním? Co bylo pro tebe v začátcích nejtěžší?S programováním jsem začínal už na střední škole, tedy více než 10 let dozadu. Vlastně, programoval jsem ještě dříve, nejprve na Didaktiku M a poté na Texas Instruments kalkulačce, která měla jazyk podobný Basicu. Mojí oblíbenou literatura byla tak známá knížka o tomto jazyce bohatá na ilustrace s roboty. Ale to si do životopisu nedávám. Začátky tedy nebyly moc těžké, protože to byla hra, zábava. Během střední přišel i jazyk C (na gymnáziích se učil tuším Pascal, ale já jsem byl na elektro průmyslovce, takže jsme se učili pořádný jazyk), a ten nebyl moc zábavný. Ale aspoň jsem hravě zvládl semestr či dva jazyky C na výšce a to byl snad naposledy kdy jsem ho viděl.  Jaké technologie jsi zvolil a co nejraději děláš? Frontend nebo backend?Začínal jsem tak jako mnozí programátoři tím, co bylo dostupné a snadné – PHP. Tento jazyk není zrovna nejkrásnější, nejrychlejší ani nejspolehlivější, ale byl a stále je dost rozšířený. Frontend se kdysi nevolal frontend, ale HTML a jako programátoři jsme vším opravovali, že to není programovací jazyk. To je stále pravdou, ale HTML od té doby také pořádně vyrostlo, přidalo se k němu spoustu dalších zajímavých technologií jako CSS, Javascript frameworky. Dělat frontend je dnes již tedy také makačka, která vyžaduje množství znalostí a zkušeností. Odměnou však je viditelný výstup, se kterým přicházejí do styku uživatelé stránky. A to je zřejmě hlavní aspekt, proč mě nejvíc baví frontend. Budeš učit kurz Web Designer, co máš nejraději na tvorbě webstránek?Nejraději mám, když je stránka hotová a všechno funguje. To je ale asi utopický stav, kterého dosáhnou jen cizí stránky. Ty moje mají vždy chyby nebo nedokonalosti, které bych uměl odstranit a stránku zlepšit. Každopádně, tvořit něco, co dostává formu a začíná fungovat a splňovat svůj účel dobře a pěkně je velmi dobrý pocit.[Image] Můžeš nám říci něco blíže o obsahu kurzu? Jaké klíčové znalosti si studenti odnesou?Studenti dostanou velmi dobrý základ do složitého světa frontendu, který dnes sestává hlavně z HTML kódu, CSS stylů a „pohyblivých částí“ za pomoci Javascriptu, jQuery a AJAXu. Responzivní design, tedy takový, který se přizpůsobuje zařízení, na kterém se stránka zobrazuje, je dnes také standard a proto si projdeme i ten. Jaká je tvá rada pro každého, kdo se snaží naučit programovat?Google. Ale to asi všichni vědí. Knihy dnes za technologiemi nestíhají, takže je třeba sledovat blogy, fóra, lidi na Twitteru, odebírat newslettery a podobně. Tam jsou znalosti, které jen čekají na to, abyste je spolkli. Doporučuji si někam zazáložkovat nebo poznamenat věci, které potřebujete často, abyste nevyhledávali každý den stejnou drobnost. (Přiložený obrázek je jediná část PHP manuálu, kterou jsem si nikdy neuměl zapamatovat. Složitost spočívá v přehozených parametrech. Tak jsem to měl takto vytištěné na stole.)[Image] Pokud se chcete Matouše něco zeptat, klidně tak učiňte zde v komentářích. Zaujal vás rozhovor a chcete si vyzkoušet, jaké je to tvořit webové stránky? Přihlaste se na náš kurz Web Designer , který spouštíme i v Olomouci.

Ahojte, opět rozšiřujeme náš tým a hledáme na dlouhodobou spolupráci chytrého Ruby on Rails developera. V rámci projektu Learn2Code jsme dříve spustili sérii profesionálních workshopů, které budeme nabízet na samostatném projektu lektorino.sk. Lektorino je vzdělávací platforma pro prezenční a online kurzy. Celá aplikace je postavena na Ruby on Rails. Co ti nabízíme: • práci na zajímavém mezinárodním projektu • mnoho nových kontaktů • možnost podílet se na výsledcích projektu • neomezený přístup ke vzdělávání Co požadujeme: • praktická zkušenost s Railsami, alespoň 1 reálný projekt • schopnost rychle se učit nové věci • preciznost, dodržování termínů • proaktivita, vlastní návrhy na zlepšení Pokud tě nabídka zaujala, pošli nám tvé portfolio na info@https://skillmea.sk, rádi s tebou budeme spolupracovat. Tým Learn2Code

Při tvorbě kurzu iOS Developer jsme rozhodovali, který z jazyků si vybrat jako výukový. Z mého pohledu bylo toto rozhodnutí relativně jednoduché, ale pro úplnost si shrňme důvody, proč to nakonec vyhrál jazyk  Swift .[Image] Apple nám na letošní WWDC představil svůj nový programovací jazyk Swift. Ten by měl být rychlejší bezpečnější modernější a mnoho dalšího. Já osobně za jeho hlavní výhody pro začátečníky považuji jednodušší syntaxi, Playground a interaktivní debugovací konzoli. Jednodušší syntaxSkoro vždy, když jsem si povídal s nějakým vývojářem, který Objective-C viděl, nebo se s ním pokoušel pracovat, přišla řeč i na syntaxi tohoto jazyka. Nepadlo na její adresu snad jediné pozitivní slovo. Kopec hranatých závorek, názvy metod s mezerami, hvězdičky a množství zbytečného kódu kolem. Také mi dost dlouho trvalo, než jsem se s tímto stylem zápisu sžil, i když nakonec jsem mu přišel na chuť. Swift je svojí syntaxí velmi podobný rozšířeným jazykům jako například. JavaScript, C, Ruby, atd., takže pro lidi, kteří už v něčem programovali (a nebylo to nic exotického :-)) bude seznámení se Swiftem jednoduché. Ti, kteří nikdy neprogramovali to budou mít také mnohem jednodušší ve srovnání s Objective-C. Swift od nás, mimo jiné, nepožaduje rozdělovat zápis tříd do dvou samostatných souborů, importovat soubory s deklaracemi nebo si lámat hlavu se správou paměti. PlaygroundXCode ve verzi 6 disponuje novým nástrojem s názvem Playground. Jeho účel vyplývá z jeho názvu. Slouží k „hraní si“ s kódem. Obrazovka je rozdělena na dvě části. Vlevo uživatel píše svůj kód a vpravo hned vidí výsledek. Začínající programátor tedy nebude muset řešit, jaký typ aplikace vytvořit, co všechno kde zaškrtnout a zvolit. Stejně tak nebude muset po každé změně znovu spouštět aplikaci. Je to ideální způsob, jak se s jazykem seznámit a poznávat jej do detailů. Playground není omezen pouze na textový výstup, ale poskytuje také grafické prostředí. Stejně tak zobrazuje programátorovi i případné chyby a upozornění, že něco by mohl udělat jinak resp. lepší.[Image] Interaktivní debugovací konzolaBěžně se při vývoji aplikace stává, že napíšu kus kódu, aplikaci spustím, abych viděl, co jsem vlastně vytvořil a následně zjistím, že se nechová přesně tak, jak bych si představoval. Nebo si jen chci ověřit, co by se stalo když... Doposud jsem to mohl řešit tak, že po každé drobné změně jsem aplikaci znovu spustil a ověřil si, zda se daná změna projevila tak, jak jsem očekával. Tato metoda je náročná v případě, že funkcionalita, kterou potřebuji prověřit je „vzdálená“ několika tapnutí na obrazovku, nebo je závislá na specifickém stavu aplikace resp. prostředí se kterým aplikace pracuje, jako např. vzdálený server. Se Swiftem přichází také  Read-Eval-Print-Loop (REPL) . Je to debugovací konzole, která poskytuje interaktivní verzi Swiftu, pomocí které lze komunikovat s běžící aplikací, nebo si jen ověřit své nápady ve skriptovacím prostředí XCode nebo systémové konzole. Již zanedlouhoProti použití Swiftu v našem kurzu momentálně říká v podstatě jen to, že ještě není ve své finální podobě a vývojáři v Apple jej mohou ještě decentně upravit. Osobně si myslím, že pokud se tak stane, bude to v minimálním rozsahu a náš kurz to neovlivní. Autorem tohoto blog postu je lektor kurzu iOS Developer Števo Ľupták. Máte-li nějaké dotazy týkající se Swiftu nebo kurzu, napište je do komentářů.

Kurzem iOS Developer vás bude provázet Štefan Ľupták, který se iOS platformě věnuje profesionálně již několik let. Má zkušenosti s více programovacími jazyky, dává si záležet na čistém objektovém návrhu a preferuje psaní kódu před klikáním. Jaké byly tvé začátky s programováním a jak jsi začínal?Přišlo to tak nějak přirozeně. Můj táta je programátor a já jsem vedle hraní her začal být zvědavý, že co to vlastně v práci dělá a jak to celé funguje. Měl jsem doma výborné podmínky, ve formě odborné literatury, konzultaci a podobně. Ze začátku, když mi bylo cca 12 let, jsem luskal příklady z knihy o Delphi. To se mi moc líbilo a dodnes, když si na to vzpomenu, považuji Delphi (tehdy verze 5) za velmi povedený nástroj. Následně s nástupem Internetu jsem ale zatoužil prezentovat se online a vytvořit něco, co bude moct vidět každý. Nejprve to byl MS FrontPage, poté statické HTML a postupně i JavaScript a PHP. Prostě takový standardní scénář. Dostal jsem se ik tvorbě komerčních webových projektů pro lokální firmy, což v praxi znamenalo nějaké jednoduché evidence za pár tisíc korun, ale ve věku 14-15 let to byl pro mě způsob, jak si relativně jednoduše a slušně přivydělat těm, co mě bavilo. Postupně jsem ale začal narážet na limity neobjektového PHP a začal objevovat objektové programování a další webové frameworky. V té době se zvedala módní vlna Ruby On Rails, na kterou jsem naskočil a můj přesun do Prahy to jen znásobil. Jak ses dostal k tvorbě mobilních aplikací pro iOS?Už během gymnázia jsem přesedlal z Windows na Linux, což byl výborný krok a hodně jsem se díky tomu naučil. Linux ale pro mě byl dost těžkopádný a křehký. S každým updatem nové problémy. V kombinaci s tím, že všichni správní Rails programátoři používali Mac, jsem se rozhodl, že si ho musím koupit i já. :-) Tím se odstartovaly moje sympatie ke značce Apple. Později v Praze jsme si s jedním kamarádem řekli, že bychom mohli zkusit naprogramovat nějakou iOS aplikaci a následně ji prodávat. Komerční úspěch z toho nebyl, ale mě zkušenosti, které jsem během tohoto období získal přesvědčily, že toto je cesta, kterou se chci ubírat. Když si na to zpětně vzpomenu, tak to bylo pro mě něco jako odejít z vesnické autodílny a začít pracovat ve vývojovém centru prémiové automobilky. Budeš učit iOS Developer kurz, co máš nejraději na platformě iOS a proč ses pro ni rozhodl?Na platformě iOS mám rád spoustu věcí, ale nejraději asi to, že má jasnou vizi a pevně daná pravidla. Ty nevyhovují každému, ale to je jedině dobře. Vyhovět každému lze jedině s kompromisy a ty mají dopad na kvalitu a ta je to, co tvoří uživatelský zážitek a ne tabulkové parametry typu MHz a podobně. Můžeš nám říci něco blíže o obsahu kurzu? Jaké klíčové znalosti si studenti odnesou? Chtěl bych, aby byli absolventi kurzu po jeho skončení schopni uvažovat v rámci možností, které nabízí jazyk, vývojové prostředí a platforma. Aby si dokázali poradit i se složitějšími výzvami, které jim praxe přinese. Ne tím, že budou nazpaměť ovládat seznam dostupných tříd a metod, ale schopností analyticky přistoupit k problému, najít dostupná řešení, učit se na vlastních chybách a nebát se experimentovat. Jaká je tvá rada pro každého, kdo se snaží naučit programovat?Je to jako se vším - hlavně začít. Znám dost lidí, kteří tvrdí, že by chtěli umět programovat, ale jen minimum z nich pro to reálně něco udělalo. Ti, kteří už začali a mají pocit, že to nejde tak, jak by si představovali, hlavně neházejte flintu do žita. Důležité je věnovat se tomu pravidelně. Klidně i chvíli denně, ale udržovat se ve „flow“. Stejně tak je nezbytné samotné programování. Čtení učebnic programování je fajn, ale teprve praxí to dostane člověk do krve. A nebát se zeptat. Myslím si, že každý kvalitní programátor rád poradí a podělí se o své znalosti a zkušenosti.

Po velmi povedeném loňském premiérovém Code Campu jsme i letos zorganizovali letní programátorský tábor. I letos jsme se na Summer Code Campu podívali na zoubky game designu a vytvořili jsme velmi pěkné 2D hry ve stylu Flappy Bird . A nejen tak v čemkoli, ale v profi developerském nástroji Unity3D . A používali jsme JavaScript. Ano, kluci ve věku 11 - 15 let psali vlastní skripty. [Image] Kvíz úvodem Summer Code Campu Ale pěkně po pořádku. Nejdříve vše odstartovali naši kamarádi z Pixel Federation , kteří mladým nadějným game developerům ukázali, na co všechno je třeba při vymýšlení hry myslet. Veronika, Zuzka a Gabo připravili super prezentaci a na závěr představili jejich vlastní hru, kterou si nadějní developeři i vyzkoušeli. [Image] Taneční hra pro děti Potom jsme již spustili aplikaci Unity3D a začali developovat hru. Nejprve přidání pozadí, pak postavičky a že postavička má mít prvky fyziky - konkrétně rigidbody. Spuštění hry a hlavní hrdina padne působením gravitace. Hurá, první výsledek je na světě. Následuje těžší část - jak dosáhnout, aby hlavní hrdina po stisku některé klávesy skákal? Ano, JavaScriptem. Píšeme první řádek kódu. Funguje to. Po stisknutí mezerníku Flappy Fish poskakuje na obrazovce. [Image] Programování her v plném proudu Instruktor Majo dává rychlou lekci základů JavaScriptu, při dalším vývoji hry jej určitě budeme potřebovat. Postupně tedy přidáváme překážky a jejich pohyb, opětovné spuštění hry při kontaktu hrdiny s překážkou. Náhodné generování překážek je tvrdší oříšek, ale poradili jsme si. Začíná se to podobat na hru Flappy Bird. Super! Ještě doprogramujeme skóre, hru vylepšíme hudbou a zvukovými efekty a po 3 dnech si naši hru můžeme vyexportovat a zahrát online. Hry si můžete zahrát i vy (ovládání mezerníkem, na začátku klikněte kurzorem do hry, je třeba mít nainstalován Unity Web Player ): HRY ÚČASTNÍKŮ UŽ NEJSOU DOSTUPNÉ: Borisova hra Rišova hra Samova hra Tadeášova hra Edova hra Matějova hra Jakubova hra Adamova hra Matějova hra Peťova hra Jasně, že jsme 3 dny jen neprogramovali. Hledali jsme poklad ve Starém městě. A našli jsme ho v jedné cukrárně na Hviezdoslavově náměstí. V muzeu výpočetní techniky jsme na vlastní oči spatřili první slovenský počítač a spoustu dalších zajímavých mašinek. Závěr byl totálně gamerský. V laser tag aréně jsme otestovali nejen svou přesnou mušku, ale také taktické myšlení. [Image] Gamerský závěr Summer Code Campu Na závěr chceme poděkovat instruktorovi Mariánovi za perfektně zvládnuté 3 dny, Zuzce za pomoc s realizací a nápady, ale hlavně všem dětem. Děkujeme také kreativnímu prostoru za poskytnutí prostor a společnosti Pixel Federation za jejich inspirativní přednášku. Už teď se těšíme na další ročník Summer Code Campu. Uděláme vše pro to, aby byl ještě lepší než tento poslední.

Pokud jste webdesignér a chcete držet krok s tak dynamicky se vyvíjejícím odvětvím jakým je webdesign, vzdělávání a samostudium je nezbytné. V tomto blogpostu jsme zveřejnili několik ebooků, které jsou zdarma dostupné na webu a určitě se hodí pro mnohé začínající, ale i zkušené webdesignéry. 1. Pixel Perfect Precision Handbook  První vydání tohoto handbooku od digitální agentury ustwo mělo něco přes 100 stran a šlo spíše o souhrn doporučení pro práci s pixely a Photoshopem. Současný handbook vol. 3 má přes 200 stran az PPP se stal osvědčený návod pro designéry. [Image] 2. Type Classification eBook  Tento ebook představuje 10 základních klasifikací písma se stručnou historií a klíčovými charakteristikami. Pro designéry je perfektní pomůckou při výběru psíma do svých designů. [Image] 3. Typo Tips  Tento ebook je vhodný pro každého, kdo se chce zlepšit v typografii a nabízí 7 tipů pro lepší typografii ve vašem designu. [Image] 4. Designing for the Web  Jedná se o opravdu výbornou knihu od Five Simple Steps , která pokrývá velké množství oblastí, technik a přístupů k web designu. Je rozdělena do pěti částí včetně typografie, barev a layoutů. [Image] 5. Learning Web Design Kniha vhodná pro úplné začátečníky, kteří nemají zkušenosti s tvorbou webů. Naleznete v ní kapitoly o tom, jak web vůbec funguje, později se přes HTML a CSS dostanete až k JavaScriptu. [Image] 6. Introduction to Good Usability Dobrá použitelnost webu je něco, co u mnoha designů webů chybí. Tento ebook je vhodný hlavně pro designéry, kteří mnoho webů zatím nenadesignovali a mohou se inspirovat při rozvržení jednotlivých prvků na webu z již existujících a osvědčených řešení. [Image] 7. The Design Funnel: A Manifesto for Meaningful Design Tato kniha od Stephena Haya vám napomůže k tomu být kreativní s vašimi pracemi a designy. The Design Funnel představuje plán použití různých nástrojů designérům, aby tak nastartoval svoji kreativitu. [Image] 8. Bulletproof Web Design Autor Dan Cederholm v této knize popisuje strategie pro vytvoření designu, který je flexibilní. Každá kapitola obsahuje několik rad, jak připravit přitažlivý design, který je zároveň připraven pro různé množství textu, obsahu a pod. [Image] Samozřejmě existuje ještě mnohem více knih a ebooků, které jsou dobrým zdrojem rad, nápadů a inspirací. Máte-li svoji oblíbenou knihu, kterou chcete doporučit i dalším, podělte se s jejím názvem v komentářích.

Kvalitní a přitažlivý grafický design je nezbytnou součástí každého dobrého webu. Za designem se skrývá mnoho teorie, na kterou se ve zkratce podíváme v tomto blogu postu. Mnozí z nás umí používat Photoshop a vytvořit v něm design, který vypadá atraktivní a poměrně dobře. Za designem, který vytváříme, je obrovské množství teorie. Znalost této teorie je chybějící částí pro mnohé (talentované) designéry. V dalším textu ve zkratce probereme 5 základních oblastí, které by měl dobrý webdesignér ovládat.  TypografieTypografie tvoří 80-90% z web stránky. Při množství informací a textů, které denně procházíme, je nutné udržet co nejjednodušší a nejrychlejší způsob, jak se dostat k informacím, které potřebujeme. [Image] Dobrá a přehledná prezentace obsahu na webu je stejně důležitá jako pěkná grafika a vymakaný copywriting. Typografie (na webu) není jen o výběru některého z fontů. Typografie na webu se skládá ze 4 základních elementů:  1. kontrast: texty na webu jsou k tomu, aby se četly. K tomu, aby se četli dobře, je vhodné použít správný kontrast barvy písma a pozadí. Pokud si nejste jisti, zda je kontrast dostatečný, udělejte si screenshot ze stránky, vložte jej do např. Photoshopu a změňte jej do grayscale. 2. velikost písma: příliš malé písmo je obtížněji čitelné a proto, pokud je to možné, nenastavte velikost písma v pod 10 nebo 12px.  3. hierarchie: měnit velikost písma je jednou z nejlepších možností, jak rozlišovat obsah. Další z možností je mixování různých stylů, například používat kapitálky nebo italic pro podnadpisy, nebo smíchat serif a sans serif.  4. místo (space): nebojte se nechat na vašem webu prázdná místa , tento negativní nebo bílý prostor napomůže k tomu, aby byla pozornost zaměřena na text - obsah. Dobří návrháři ve snaze o dosažení rovnováhy mezi barvou písma a bílými (nebo negativními) místy tráví nad svými návrhy poměrně mnoho času. Teorie barev Použité barvy a barevnost webu patří k jeho nejdůležitějším aspektům, neboť pomocí barev lze vyvolat v lidech emoce. Barvy dělíme na teplé a studené. Mezi teplé barvy řadíme např. červenou, oranžovou a žlutou. Modrá, fialová a zelená jsou studené barvy. Jako základ pro pochopení barev a vztahů mezi nimi slouží tvz. barevný kruh , který představuje rozdělení barev do tří skupin (primární, sekundární a terciární). [Image] Primární barvy jsou červená, zelená a modrá (RGB) a jejich kombinací dokážeme vytvořit všechny ostatní barvy. Sekundární barvy vznikají kombinací dvou primárních barev a terciární barvy vzniknou tehdy, když zkombinujeme jednu primární a jednu sekundární barvu. Barvy můžeme rozdělit na analogické a komplementární, čímž vyjadřujeme vztah mezi nimi.  Analogické barvy jsou umístěny vedle sebe a můžeme je tedy dobře kombinovat. Komplementární barvy jsou naopak na barevném kruhu umístěny naproti sobě a díky tomu dokážeme dosáhnout dostatečného kontrastu na našem webu. Kromě toho známe monochromatické či triadické barevné schémata. Nejdůležitější věc, kterou byste měli mít na paměti, je že barvy ve vašich grafických návrzích by měly zlepšit zážitek ze čtení a ne odvádět od něj pozornost. Při výběru těch správných barev vám pomohou online nástroje, například. Adobe Color CC / Adobe Kuler (color.adobe.com). Design založený na gridech Když toho už víte hodně o typografii a barvách, je čas podívat se na grid systém ve vašem designu. Gridy umožňují designérovi vytvořit design, který je přehledný a čitelný. Grid systémy jsou skvělou pomůckou při umísťování jednotlivých prvků do designu. Jedním z příkladů grid systémů je 960gs, jehož základ tvoří sloupce o celkové šířce 960 pixelů, které jsou rozděleny na 12 a 16 sloupců. Systémy se tedy liší v šířce sloupců, 12 sloupcový má sloupce o šířce 60px a 16 sloupcový o šířce 40px. Každý sloupec navíc obsahuje 10pixelový margin vlevo a vpravo. 960 grid systém je vhodný pro rychlé prototypování, ale funguje dobře i v produkčním prostředí. Použitím tohoto systému lze rozdělit si jednotlivé části webu tak, aby vždy působily vyváženým dojmem. [Image] Grid systémů je samozřejmě více, každý si může zvolit takový, který mu více vyhovuje. Rozhodně je ale velkou výhodou grid používat. Teorie designu Design vaší webstránky je důležitý iz marketingového hlediska, bude na něm záviset prodej vašeho produktu. Proto je dobré držet se některých základních pravidel. Prvním z nich je vizuální hierarchie. Tímto pojmem se myslí uspořádání webu, v jakém jej vidí uživatel. Jelikož některé části vaší stránky jsou důležitější než ostatní (jde zejména o formuláře, call-to-action prvky, value propositions apod.) chcete, aby na ně návštěvníci klikali. Zlatý řez (řecké písmeno phi) je nejstarším a nejpoužívanějším kompozičním principem, který má své využití i ve web designu. [Image] Nebojte se bílého místa na webu. Bílý prostor (negativní prostor) je část stránky, která není použita. Neměla by však být považována za nevyužitou, je jedním z důležitých elementů ve web designu. Správně využitý bílý prostor podporuje vizuální hierarchii a zlepšuje přehlednost webu. UI & použitelnost Dobrá uživatelnost webu závisí na mnoha faktorech. Responzivní design a tedy dobré ovládání i na mobilech či tabletech je v současnosti trendovou a velmi potřebnou záležitostí. [Image] Kvalitní hosting a tedy rychlé načítání stránek a platné linky také napomáhají k dobré použitelnosti. Základním principem je přehlednost - uživatele je snadné "ztratit" rušivými prvky a pokud na vaší stránce nenajde co hledá, odejde. Úkolem dobře nadesignovaného webu je poskytnout uživateli jednoduchý, přehledný a user-friendly zážitek . s uvedením adresy a telefonního čísla.K dobré použitelnosti webu v neposlední řadě patří relevance.Musíte poskytovat obsah, který vaši návštěvníci hledají a váš design by jim měl pomoci najít to, co hledají.Dobrá použitelnost se dolaďuje delší dobu, vyžaduje uživatelský průzkum a neustálé testování.  Dobrý webdesignér by měl ovládat i tuto teorii a tudíž by měl umět nejen „jak“ to udělat, ale i „proč“ to tak udělat. Potom následuje tvrdá práce na sobě, neustálé vzdělávání se, sledování trendů a zkoušení. Pokud byste se chtěli dozvědět více, máte možnost zúčastnit se kurzu Visual Design , na kterém se během 6 týdnů naučíte základní designérské principy a techniky a vytvoříte logo, základní design manuál a design webu. 

Po roce tým Learn2Code opět zavítal na Profesia Days (5.-6. březen 2014), tentokrát jsme byli odbornými partnery nové speciální IT sekce s názvem iTswarm: 2 Days Away From Keyboard. Oba dny byly naplněny odbornými přednáškami na hlavním pódiu. Témata jako WordPress, Google Developer Group nebo agilní techniky si našli mnoho příznivců. Nechyběla ani zábava v podobě Xbox Kinect a videoher, představení Google Glass, které si mohli návštěvníci i živě vyzkoušet. Štefan z Learn2Code na hlavním pódiu představil framework Ruby on Rails a proč je dobré dělat weby právě v něm. Zjevně měl úspěch, protože následující workshop, během kterého se uskutečnila praktická ukázka vytvoření jednoduché webové aplikace s pomocí tohoto frameworku, byl pořádně naplněn během obou dnů. Další fotky nejen z tohoto workshopu si můžete prohlédnout v naší galérii.[Image] Workshop na téma Writing Testable Code jsme připravili spolu s  Vacuum Labs. Bolo veľmi užitočné a zaujímavé vypočuť si o kategorizácii testov a automatickom testovaní a tiež prečo je dobré testovať a čo má a čo nemá robiť dobrý test. Bylo velmi užitečné a zajímavé vyslechnout si o kategorizaci testů a automatickém testování a také proč je dobré testovat a co má a co nemá dělat dobrý test. Účast na Profesia Days jsme brali také jako příležitost odprezentovat v IT komunitě sérii připravovaných workshopů na různá pokročilá témata (např. NoSQL databáze, vývoj velkých webových aplikací v JavaScriptu, vývoj enterprise aplikací v Google Web Toolkit, Ruby on Rails a Java workshopy). Zaujaly vás tato témata nebo máte zájem o další? Dejte nám prosím vědět vyplněním jednoduchého webového formuláře nebo nám napište mail.[Image] Na závěr bychom chtěli poděkovat portálu  Profesia.sk za možnost účastnit se tohoto skvělého veletrhu, byly to super strávené 2 dny a už teď se těšíme na příští ročník ;)