Heading

Webdeveloperi a dizajnéri majú radi aplikácie a nástroje, ktoré im uľahčujú vývoj webov a aplikácií. Ide o malé aplikácie alebo knižnice, ktoré väčšinou riešia jeden konkrétny problém. V nasledujúcom poste prinášame prehľad týchto šikovných nástrojov, ktoré uľahčujú prácu. 1. Sublime Text[Image]Moderný a prehľadný textový editor pre programátorov. Medzi výhody patrí prispôsobiteľnosť a zvýrazňovanie syntaxe veľkého množstva súborov. Súčasná beta verzia Sublime Text 3 je dostupná pre OS X, Linux aj Windows. Sublime Text je možné bezplatne využívať v skúšobnej verzii, ktorá však oproti platenej nemá žiadne obmedzenie. Ak neberieme do úvahy občasné odklikávanie okna, ktoré upozorňuje na kúpu licencie (tá stojí 70 USD). 2. Trello[Image]V súčasnosti existuje obrovské množstvo nástrojov na projektový manažment a tým zvyšovanie produktivity. Trello je bezplatný online nástroj pomocou ktorého je možné riadiť projekt, zadávať úlohy a kontrolovať ich plnenie, spolupracovať, tvoriť a robiť všetky potrebné projektové činnosti. Trello ponúka webovú a samozrejme aj mobilnú aplikáciu.   3. Firebug[Image] Firebug je rozšírenie prehliadača Mozilla Firefox a ponúka veľké množstvo webdeveloperských nástrojov a funkcií. Firebug má vstavaný JavaScript debugger, ktorý umožňuje prejsť celý váš skript ako aj zistiť, prečo je pomalý. Môžete ľahko nájsť HTML, CSS, JavaScript a XML chyby a dokonca umožňuje filtrovanie a  vyhľadávanie špecifických chýb. Ďalšou veľmi užitočnou funkciou je DOM Inspector panel, ktorý opisuje štruktúru web stránky. Táto funkcia je užitočná pokiaľ pracujete na veľkom webe alebo s aplikáciou, na ktorej ste začali nedávno pracovať. 4. 960 grid system[Image]Snahou 960 grid systému je zjednodušiť workflow vývoja webových aplikácií poskytnutím bežne používaných rozmerov. Základ systému teda tvoria stĺpce v celkovej šírke 960 pixelov, ktoré sú rozdelené na 12 a 16 stĺpcov. 12 stĺpcový systém obsahuje stĺpce šírky 60px a 16 stĺpcový šírku 40px, každý stĺpec navyše obsahuje 10 pixelový margin vľavo a vpravo. 960 grid systém je vhodný pre rýchle prototypovanie, ale funguje dobre aj v produkčnom prostredí. Použitím tohto systému je možné si jednotlivé časti web rozdeliť tak, aby vždy pôsobili vyváženým dojmom. Podrobnejšie sa o tomto systéme dočítate v blogu od Six Revisions. 5. JSFiddle, CodePen, JS Bin[Image]V posledných rokoch vzniklo niekoľko služieb pre rýchle testovanie HTML + CSS + JavaScript. Jedným z vôbec prvých takýchto služieb bol JSFiddle, ktorý nasledovali ďalšie podobné služby. jsfiddle ponúka testovanie akejkoľvek kombinácie HTML, CSS a JS. Výzor je jednoduchý, ale ponúka mnohé pokročilé funkcie, ako napr. Ajax simuláciu. Super frontend svojej služby ponúka CodePen, ktorý upozorňuje na populárne demá (tzv. pens). Okrem toho táto služba ponúka pokročilú funkcionalitu ako napr. shareovanie alebo embedovanie. Pro verzia (od 9 USD mesačne) okrem iného poskytuje pair-programming alebo cross-browser testovanie. Jednou z mála služieb, ktorá ponúka aj javascript konzolu, je JS Bin. 6. Mou[Image]Mou je markdown editor pre web developerov. Ide o jednoduchý, ale efektívny nástroj, ktorý analyzuje markdown syntax. Poskytuje funkcie ako zvýrazňovanie syntaxe, automatické dokončovanie slov, rôzne úpravy textu, live preview, fullscreen mode, vlastné témy a HTML, CSS a PDF export a mnoho iného. Momentálne je dostupný len pre OS X, v prípade, že nemáte Mac, môžete využiť alternatívy ako napr. Dillinger alebo Markable. 7. Fontello[Image]Vynikajúca služba pre webdeveloperov a dizajnérov. Jednoducho si len vyklikáte symboly, ktoré potrebujete a potom ich stiahnte. Používanie web fontov so symbolmi je populárne, viete si ich upravovať pomocou CSS a výhodou je aj nízky objem dát a rýchle načítanie.  Je možné stiahnuť aj celý set ikon z repozitára na GitHube. 8. Modernizr[Image]Na detekciu mnohých vlastností HTML5 a CSS3 je vhodná javascriptová knižnica Modernizr (open-source MIT licencia). Pokiaľ ju chcete použiť, vložte na začiatok vašej webstránky do head-u script <script src="modernizr.min.js"></script>.  Do tohto blogpostu sme vybrali len niekoľko aplikácií a nástrojov, existuje ich samozrejme oveľa viac a každý mesiac vznikajú nové. Určite máte tipy na ďalšie užitočné nástroje, podeľte sa o ne v komentároch. Na našom profile na Twitteri denne zdieľame tipy na šikovné novinky, aplikácie a tooly pre developerov a dizajnérov, tak nás follownite ;)

Juraj tvorí webové aplikácie viac ako 8 rokov. Za ten čas mal možnosť robiť pre viacero spoločností a na množstve projektov. Robí to, čo ho baví a čo vie najlepšie. Na nedostatok pracovnej vyťaženosti sa sťažovať nemôže a to je dobre. Aj keď voľného času poslednou dobou nemá veľa, Juro vie aj oddychovať a to pri kvalitnej hudbe, dobrom blogu, prípadne samoštúdiom nových vecí.[Image] Aké boli tvoje začiatky s programovaním? Čo bolo pre teba v začiatkoch najťažšie? Programovať som začal v treťom ročníku na gymnáziu. Chodil som na predmet s názvom informatika, kde sme sa po prejdení základných úkonov so súbormi vo "Windows command line" a základov office balíka začali s programovaním v korytnačke :) Potom prišlo základné skriptovanie a procedurálne programovanie v Pascale. Najväčšou prekážkou u mňa bolo, že som tento prvý rok doma nemal počítač, takže som si zručnosti osvojoval len na hodinách v škole. Po treťom ročníku som si z našetrených peňazí z letnej brigády kúpil od kamaráta síce používaný, ale na tú dobu ešte celkom slúšný počítač Pentium I, ktorý som mnou prežil ešte aj prvý ročník vysokej školy. Vždy sa pousmejem, keď si na ten stroj spomeniem a predstavím si jeho výkon. Mal 512 megovú RAMku, čo je v porovnaní s dnešným 2 a viac gigami v smartphonoch naozajstný skok :) To som ale trochu odskočil od otázky. S mojim prvým počítačom prišlo programovanie po nociach. Matne si spomínam, ako som v pascalovskej grafike rozpohyboval paličkového panáčika. Aké technológie si zvolil a čo najradšej robíš? Frontend alebo backend? S dynamickým webom som začal až na vysokej škole, kde mi kamarát po večeroch na intráku ukazoval čo a ako sa dá urobiť v PHPéčku. Popri tom som od neho nachytával zručnosti v HTML, CSS a javascripte. Začal som teda s backendom aj frontendom súčastne. Po skončení bakalára to už chcelo nejaký "naozajstný" IT job, tak sme so spolužiakom išli na pohovor do Monogramu, ktorý v tej dobe mal svoji mini pobočku v Žiline. Po nástupe sme absolvovali mesačné školenie v Bratislave, na ktorom som spoznal množstvo šikovných ľudí a veľa som sa naučil. Z tých šikovných ľuďi mi nedá nespomenúť dvoch, zvaných Tomaj a musHo. Vidieť ich pri práci bolo pre mňa v tej dobe neskutočnou motiváciou na ceste zdokonalovania sa. Nemožem teda na rovinu povedať, že som čistý backenďák alebo frontenďák. Všetko čo človek vie je dobré a každá skúsenosť a vedomosť je cenná. [Image] Budeš učiť kurz Web Designer, čo máš najradšej na tvorbe webstránok? Pre mňa je na webovom projekte pozitívne a motivujúce, keď sa mi konkrétny výsledok práce stále páči aj po úplnom dokončení. To ma vie nakopnúť do nových projektov a neustále sa zdokonalovať. Chce to ale pevnú vôľu a snahu robiť veci lepšie ako je nutné, alebo definované. Môžeš nám povedať niečo bližšie o obsahu kurzu? Aké kľúčové znalosti si študenti odnesú? Okrem toho, čo môžu záujemcovia o kurz vyčítať z jeho popisu na webe, sa budem snažiť pri každej z tém priniesť aj moje, dúfam, cenné skúsenosti z projektov, ktoré som nadobúdal rokmi. Po absolvovaní kurzu bude každý účastník pripravený tvoriť moderný frontend so všetkým, čo k nemu patrí. Samozrejmosťou dneška je prispôsobitelnosť na rozličné zariadenia a správne zobrazovanie v rôznych prehliadačoch. Patrím k javascriptovým nadšencom, takže sa je na čo tešiť aj z pohľadu dynamiky a efektov. Všetko ostatné už bude záležať od konkrétnych ľudí a ich chuti zdokonalovať sa a rozvíjať naučené. Aká je tvoja rada pre každého, kto sa snaží naučiť programovať? Neexistuje žiadna presná definícia ani rada. Nenechajte sa odradiť, keď niečo nefunguje ako by malo, alebo ako by ste chceli. Vždy je viacero možností ako problém vyriešiť elegantne. Chce to niekedy len povedať o probléme niekomu druhému a riešenie je na svete ;) Ak sa chcete Jura niečo opýtať, kľudne tak spravte napríklad tu v komentároch. Zaujal vás rozhovor a chcete si vyskúšať, aké je to tvoriť webstránky? Prihláste sa na náš kurz Web Designer, ktorý spúšťame aj v Žiline.

Úspešní absolventi kurzu Web Designer v Bratislave majú možnosť po skončení kurzu absolvovať 2-mesačnú stáž vo Wezeo. Ide o technologickú firmu zameranú prevažne na vývoj webov a mobilných aplikácií, ich klientami sú najväčšie slovenské firmy a reklamné agentúry, ale aj štátne inštitúcie a malé firmy. Ak budeš fakt dobrý/-á, dostaneš pracovnú ponuku a možnosť posunúť sa vo svojej kariére o veľký krok vpred. Yablko ťa za 3 mesiace naučí všetko z HTML, CSS a jQuery, čo budeš potrebovať na to, aby si vedel/-a samostatne vytvoriť namakané weby. Od Wezea dostaneš zadanie, ktoré vypracuješ a oni si vyberú najlepších. Potom si ťa za 2 mesiace oťukajú na reálnych projektoch a keď sa osvedčíš a ukážeš, že na to máš, pracovná ponuka je tvoja :) Ak ťa to zaujalo, nie je čo riešiť. Prihlás sa na kurz, daj do toho všetko a po 3 mesiacoch môžeš začať makať na super webových projektoch.[Image]

 Chceš pracovať na zaujímavých webových projektoch, ktoré majú minimálne celoslovenský potenciál? Pre úspešných absolventov nášho kurzu Web Designer v Košiciach sme pripravili ponuku 1-mesačnej stáže a možnosť pracovať na weboch, ktoré má vo svojom portfóliu lektor kurzu Matúš Marcin.  Nepôjde o žiadne umelo vytvorené úlohy, ale o reálnu prácu priamo s Matúšom, ktorý ťa bude coachovať a získaš tak skvelú príležitosť, ako popri ňom profesionálne vyrásť. Po skončení stáže budeš môcť pokračovať v práci na týchto projektoch, alebo minimálne získaš super referenciu do svojho životopisu.  Z potenciálnych projektov, na ktorých môžeš počas stáže pracovať, môžeme spomenúť napríklad veľký slovenský portál Akciomat, redizajn eshopu Behnaboso.sk a ešte 1 ďalší startup projekt. Všetko sú to reálne zabehnuté alebo ašpirujúce projekty.  Miesto práce by sme dohodli po ukončení kurzu, môžeš však sedieť v kancelárii priamo s Matúšom, v coworkingu Eastcubator, alebo robiť z domu. Pokiaľ máš full-time zamestnanie, vymyslíme spôsob, ako sa časovo zladiť, aby si všetko stíhal(a).  Zaujalo ťa to? Prihlás sa na kurz, odmakaj si ho počas 3 mesiacov a začni svoju novú kariéru.

Aké boli tvoje začiatky s programovaním? Čo bolo pre teba v začiatkoch najťažšie?S programovaním som začínal už na strednej škole, teda viac než 10 rokov dozadu. Vlastne, programoval som ešte skôr, najprv na Didaktiku M a potom na Texas Instruments kalkulačke, ktorá mala jazyk podobný Basicu. Mojou obľúbenou literatúra bola taká známa knižka o tomto jazyku bohatá na ilustrácie s robotmi. Ale to si do životopisu nedávam. Začiatky teda neboli veľmi ťažké, pretože to bola hra, zábava. Počas strednej prišiel aj jazyk C (na gymnáziách sa učil tuším Pascal, no ja som bol na elektro priemyslovke, takže sme sa učili poriadny jazyk), a ten nebol veľmi zábavný. No aspoň som hravo zvládol semester či dva jazyka C na výške a to bol snáď posledný krát kedy som ho videl.  Aké technológie si zvolil a čo najradšej robíš? Frontend alebo backend?Začínal som tak ako mnohí programátori tým, čo bolo dostupné a ľahké - PHP. Tento jazyk nie je práve najkrajší, najrýchlejší ani najspoľahlivejší, no bol a ešte stále je dosť rozšírený. Frontend sa kedysi nevolal frontend, ale HTML a ako programátori sme všetkým opravovali, že to nie je programovací jazyk. To je stále pravdou, no HTML od tej doby tiež poriadne vyrástlo, pridalo sa k nemu množstvo ďalších zaujímavých technológií ako CSS, Javascript frameworky. Robiť frontend je dnes už teda tiež makačka, ktorá sa vyžaduje množstvo znalostí a skúseností. Odmenou však je viditeľný výstup, s ktorým prichádzajú do styku používatelia stránky. A to je zrejme hlavný aspekt, prečo ma najviac baví frontend. Budeš učiť kurz Web Designer, čo máš najradšej na tvorbe webstránok?Najradšej mám, keď je stránka hotová a všetko funguje. To je ale asi utopický stav, ktorý dosiahnu len cudzie stránky. Tie moje majú vždy chyby alebo nedokonalosti, ktoré by som vedel odstrániť a stránku zlepšiť. Každopádne, tvoriť niečo, čo dostáva formu a začína fungovať a spĺňať svoj účel dobre a pekne je veľmi dobrý pocit.[Image] Môžeš nám povedať niečo bližšie o obsahu kurzu? Aké kľúčové znalosti si študenti odnesú?Študenti dostanú veľmi dobrý základ do zložitého sveta frontendu, ktorý dnes pozostáva hlavne z HTML kódu, CSS štýlov a "pohyblivých častí" za pomoci Javascriptu, jQuery a AJAXu. Responzívny dizajn, teda taký, ktorý sa prispôsobuje zariadeniu, na ktorom sa stránka zobrazuje, je dnes tiež štandard a preto si prejdeme aj ten. Aká je tvoja rada pre každého, kto sa snaží naučiť programovať?Google. Ale to asi všetci vedia. Knihy dnes za technológiami nestíhajú, takže je potrebné sledovať blogy, fóra, ľudí na Twitteri, odoberať newslettre a podobne. Tam sú vedomosti, ktoré len čakajú na to, aby ste ich zhltli. Odporúčam si niekam zazáložkovať alebo poznačiť veci, ktoré potrebujete často, aby ste nevyhľadávali každý deň tú istú drobnosť. (Priložený obrázok je jediná časť PHP manuálu, ktorú som si nikdy nevedel zapamätať. Zložitosť spočíva v prehodených parametroch. Tak som to mal takto vytlačené na stole.)[Image] Ak sa chcete Matúša niečo opýtať, kľudne tak spravte tu v komentároch. Zaujal vás rozhovor a chcete si vyskúšať, aké je to tvoriť webstránky? Prihláste sa na náš kurz Web Designer, ktorý spúšťame aj v Košiciach.

Ahojte, opäť rozširujeme náš tím a hľadáme na dlhodobú spoluprácu šikovného Ruby on Rails developera. V rámci projektu Learn2Code sme dávnejšie spustili sériu profesionálnych workshopov, ktoré budeme ponúkať na samostatnom projekte lektorino.sk. Lektorino je vzdelávacia platforma pre prezenčné a online kurzy. Celá aplikácia je postavená na Ruby on Rails. Čo ti ponúkame: • prácu na zaujímavom medzinárodnom projekte • veľa nových kontaktov • možnosť podieľať sa na výsledkoch projektu • neobmedzený prístup k vzdelávaniu Čo požadujeme: • praktická skúsenosť s Railsami, aspoň 1 reálny projekt • schopnosť rýchlo sa učiť nové veci • precíznosť, dodržiavanie termínov • proaktivita, vlastné návrhy na zlepšenia Ak ťa ponuka zaujala, pošli nám tvoje portfólio na info@https://skillmea.sk, radi s tebou budeme spolupracovať. Tím Learn2Code

Pri tvorbe kurzu iOS Developer sme rozhodovali, ktorý z jazykov si vybrať ako výukový. Z môjho pohľadu bolo toto rozhodnutie relatívne jednoduché, ale pre úplnosť si zhrňme dôvody, prečo to nakoniec vyhral jazyk Swift.[Image] Apple nám na tohtoročnej WWDC predstavil svoj nový programovací jazyk Swift. Ten by mal byť rýchlejší bezpečnejší modernejší a veľa ďalšieho. Ja osobne za jeho hlavné výhody pre začiatočníkov považujem jednoduchšiu syntax, Playground a interaktívnu debugovaciu konzolu. Jednoduchšia syntax Skoro vždy, keď som sa rozprával s nejakým vývojárom, ktorý Objective-C videl, alebo sa s ním pokúšal pracovať, prišla reč aj na syntax tohto jazyka. Nepadlo na jej adresu snáď jediné pozitívne slovo. Kopec hranatých zátvoriek, názvy metód s medzerami, hviezdičky a množstvo zbytočného kódu okolo. Tiež mi dosť dlho trvalo, kým som sa s týmto štýlom zápisu zžil, aj keď nakoniec som mu prišiel na chuť. Swift je svojou syntaxou veľmi podobný rozšíreným jazykom ako napr. JavaScript, C, Ruby, atď., takže pre ľudí, ktorí už v niečom programovali (a nebolo to nič exotického :-)) bude zoznámenie so Swiftom jednoduché. Tí, ktorí nikdy neprogramovali to budú mať taktiež oveľa jednoduchšie v porovnaní s Objective-C. Swift od nás, okrem iného, nepožaduje rozdeľovať zápis tried do dvoch samostatných súborov, importovať súbory s deklaráciami alebo si lámať hlavu so správou pamäte. Playground XCode vo verzii 6 disponuje novým nástrojom s názvom Playground. Jeho účel vyplýva z jeho názvu. Slúži na „hranie sa“ s kódom. Obrazovka je rozdelená na dve časti. Vľavo užívateľ píše svoj kód a vpravo hneď vidí výsledok. Začínajúci prográmator teda nebude musieť riešiť, aký typ aplikácie vytvoriť, čo všetko kde zaškrtnúť a zvoliť. Tak isto nebude musieť po každej zmene znovu spúšťať aplikáciu. Je to ideálny spôsob, ako sa s jazykom zoznámiť a spoznávať ho do detailov. Playground nie je obmedzený len na textový výstup, ale poskytuje aj grafické prostredie. Tak isto zobrazuje programátorovi aj prípadné chyby a upozornenia, že niečo by mohol urobiť inak resp. lepšie.[Image] Interaktívna debugovacia konzola Bežne sa pri vývoji aplikácie stáva, že napíšem kus kódu, aplikáciu spustím, aby som videl, čo som vlastne vytvoril a následne zistím, že sa nespráva presne tak, ako by som si predstavoval. Alebo si len chcem overiť, čo by sa stalo ak... Doteraz som to mohol riešiť tak, že po každej drobnej zmene som aplikáciu znovu spustil a overil si, či sa daná zmena prejavila tak, ako som očakával. Táto metóda je náročná v prípade, že funkcionalita, ktorú potrebujem preveriť je „vzdialená“ niekoľko tapnutí na obrazovku, alebo je závislá na špecifickom stave aplikácie resp. prostredia s ktorým aplikácia pracuje, ako napr. vzdialený server. So Swiftom prichádza aj Read-Eval-Print-Loop (REPL). Je to debugovacia konzola, ktorá poskytuje interaktívnu verziu Swiftu, pomocou ktorej je možné komunikovať s bežiacou aplikáciou, alebo si len overiť svoje nápady v skriptovacom prostredí XCode alebo systémovej konzoly. Už onedlho Proti použitiu Swift-u v našom kurze momentálne hovorí v podstate len to, že ešte nie je vo svojej finálnej podobe a vývojári v Apple ho môžu ešte decentne upraviť. Osobne si myslím, že ak sa tak aj stane, bude to v minimálnom rozsahu a náš kurz to neovplyvní. Autorom tohto blog postu je lektor kurzu iOS Developer Števo Ľupták. Ak máte nejaké otázky týkajúce sa Swiftu alebo kurzu, napíšte ich do komentárov.

Kurzom iOS Developer vás bude sprevádzať Štefan Ľupták, ktorý sa iOS platforme venuje profesionálne už niekoľko rokov. Má skúsenosti s viacerými programovacími jazykmi, dáva si záležať na čistom objektovom návrhu a preferuje písanie kódu pred klikaním.  Aké boli tvoje začiatky s programovaním a ako si začínal? Prišlo to tak nejak prirodzene. Môj otec je programátor a ja som popri hraní hier začal byť zvedavý, že čo to vlastne v práci robí a ako to celé funguje. Mal som doma výborné podmienky, vo forme odbornej literatúry, konzultácii a podobne. Zo začiatku, keď som mal cca 12 rokov, som lúskal príklady z knihy o Delphi. To sa mi veľmi páčilo a dodnes, keď si na to spomeniem, považujem Delphi (vtedy verzia 5) za veľmi vydarený nástroj. Následne s nástupom Internetu som ale zatúžil prezentovať sa online a vytvoriť niečo, čo bude môcť vidieť každý. Najprv to bol MS FrontPage, potom statické HTML a postupne aj JavaScript a PHP. Proste taký štandardný scenár. Dostal som sa aj k tvorbe komerčných webových projektov pre lokálne firmy, čo v praxi znamenalo nejaké jednoduché evidencie za pár tisíc korún, ale vo veku 14-15 rokov to bol pre mňa spôsob, ako si relatívne jednoducho a slušne privyrobiť tým, čo ma bavilo. Postupne som ale začal narážať na limity neobjektového PHP a začal objavovať objektové programovanie a iné webové frameworky. V tej dobe sa dvíhala módna vlna Ruby On Rails, na ktorú som naskočil a môj presun do Prahy to len znásobil. Ako si sa dostal k tvorbe mobilných aplikácií pre iOS? Už počas gymnázia som presedlal z Windowsu na Linux, čo bol výborný krok a veľa som sa vďaka tomu naučil. Linux ale pre mňa bol dosť ťažkopádny a krehký. S každým updatom nové problémy. V kombinácii s tým, že všetci správni Rails programátori používali Mac, som sa rozhodol, že si ho musím kúpiť aj ja. :-) Tým sa odštartovali moje sympatie k značke Apple. Neskôr v Prahe sme si s jedným kamarátom povedali, že by sme mohli skúsiť naprogramovať nejakú iOS aplikáciu a následne ju predávať. Komerčný úspech z toho nebol, ale mňa skúsenosti, ktoré som počas tohto obdobia získal presvedčili, že toto je cesta, ktorou sa chcem uberať. Keď si na to spätne spomeniem, tak to bolo pre mňa niečo ako odísť z dedinskej autodielne a začať pracovať vo vývojovom centre prémiovej automobilky. Budeš učiť iOS Developer kurz, čo máš najradšej na platforme iOS a prečo si sa pre ňu rozhodol? Na platforme iOS mám rád veľa vecí, no najradšej asi to, že má jasnú víziu a pevne dané pravidlá. Tie nevyhovujú každému, ale to je jedine dobre. Vyhovieť každému sa dá jedine s kompromismi a tie majú dopad na kvalitu a tá je to, čo tvorí užívateľský zážitok a nie tabuľkové parametre typu MHz a podobne. Môžeš nám povedať niečo bližšie o obsahu kurzu? Aké kľúčové znalosti si študenti odnesú?  Chcel by som, aby boli absolventi kurzu po jeho skončení schopní uvažovať v rámci možností, ktoré ponúka jazyk, vývojové prostredie a platforma. Aby si dokázali poradiť aj so zložitejšími výzvami, ktoré im prax prinesie. Nie tým, že budú naspamäť ovládať zoznam dostupných tried a metód, ale schopnosťou analyticky pristúpiť k problému, nájsť dostupné riešenia, učiť sa na vlastných chybách a nebáť sa experimentovať. Aká je tvoja rada pre každého, kto sa snaží naučiť programovať? Je to ako so všetkým - hlavne začať. Poznám dosť ľudí, ktorí tvrdia, že by chceli vedieť programovať, ale len minimum z nich pre to reálne niečo urobilo. Tí, ktorí už začali a majú pocit, že to nejde tak, ako by si predstavovali, hlavne nehádžte flintu do žita. Dôležité je venovať sa tomu pravidelne. Kľudne aj chvíľu denne, ale udržiavať sa vo "flow". Tak isto je nevyhnutné samotné programovanie. Čítanie učebníc programovania je fajn, ale až praxou to dostane človek do krvi. A nebáť sa spýtať. Myslím si, že každý kvalitný programátor rád poradí a podelí sa o svoje vedomosti a skúsenosti.

Po veľmi vydarenom minuloročnom premiérovom Code Campe sme aj tento rok zorganizovali letný programátorský tábor. Aj tento rok sme sa na Summer Code Campe pozreli na zúbky game dizajnu a vytvorili sme veľmi pekné 2D hry v štýle Flappy Bird. A nielen tak v hocičom, ale v profi developerskom nástroji Unity3D. A používali sme JavaScript. Áno, chalani vo veku 11 - 15 rokov písali vlastné skripty.[Kvíz na úvod Summer Code Campu]Ale pekne po poriadku. Najskôr všetko odštartovali naši kamaráti z Pixel Federation, ktorí mladým nádejným game developerom ukázali, na čo všetko treba pri vymýšľaní hry myslieť. Veronika, Zuzka a Gabo pripravili super prezentáciu a na záver predstavili ich vlastnú hru, ktorú si nádejní developeri aj vyskúšali.[Tanečná hra pre deti]Potom sme už spustili aplikáciu Unity3D a začali developovať hru. Najskôr pridanie pozadia, potom postavičky a že postavička má mať prvky fyziky - konkrétne rigidbody. Spustenie hry a hlavný hrdina padne pôsobením gravitácie. Hurá, prvý výsledok je na svete. Nasleduje ťažšia časť - ako dosiahnuť, aby hlavný hrdina po stlačení niektorej klávesy skákal? Áno, JavaScriptom. Píšeme prvý riadok kódu. Funguje to. Po stlačení medzerníku Flappy Fish poskakuje na obrazovke.[Programovanie hier v plnom prúde]Inštruktor Majo dáva rýchlu lekciu základov JavaScriptu, pri ďalšom vývoji hry ho určite budeme potrebovať. Postupne teda pridávame prekážky a ich pohyb, opätovné spustenie hry pri kontakte hrdinu s prekážkou. Náhodné generovanie prekážok je tvrdší oriešok, ale poradili sme si. Začína sa to podobať na hru Flappy Bird. Super! Ešte doprogramujeme skóre, hru vylepšíme hudbou a zvukovými efektami a po 3 dňoch si našu hru môžeme vyexportovať a zahrať online. Hry si môžete zahrať aj vy (ovládanie medzerníkom, na začiatku kliknite kurzorom do hry, je potrebné mať nainštalovaný Unity Web Player): HRY OD ÚČASTNÍKOV UŽ NIE SÚ DOSTUPNÉ: Borisova hra Rišova hra Samova hra Tadeášova hra Edova hra Matejova hra Jakubova hra Adamova hra Matejova hra Peťova hra Jasné, že sme 3 dni len neprogramovali. Hľadali sme poklad v Starom meste. A našli sme ho v jednej cukrárni na Hviezdoslavovom námestí. V múzeu výpočtovej techniky sme na vlastné oči uvideli prvý slovenský počítač a veľa ďalších zaujímavých mašiniek. Záver bol totálne gamerský. V laser tag aréne sme otestovali nielen svoju presnú mušku, ale aj taktické myslenie.[Gamerský záver Code Campu]Na záver chceme poďakovať inštruktorovi Mariánovi za perfektne zvládnuté 3 dni, Zuzke za pomoc s realizáciou a nápadmi, ale hlavne všetkým deťom. Ďakujeme aj kreatívnemu priestoru  za poskytnutie priestorov a spoločnosti Pixel Federation za ich inšpiratívnu prednášku. Už teraz sa tešíme na ďalší ročník Summer Code Campu. Urobíme všetko pre to, aby bol ešte lepší ako tento posledný.

Ak ste webdizajnér a chcete držať krok s tak dynamicky sa vyvíjajúcim odvetvím akým je webdizajn, vzdelávanie a samoštúdium je nevyhnutné. V tomto blogposte sme zverejnili niekoľko ebookov, ktoré sú zdarma dostupné na webe a určite sa hodia pre mnohých začínajúcich, ale aj skúsených webdizajnérov. 1. Pixel Perfect Precision Handbook  Prvé vydanie tohto handbooku od digitálnej agentúry ustwo malo niečo cez 100 strán a išlo skôr o súhrn odporúčaní pre prácu s pixelmi a Photoshopom. Súčasný handbook vol. 3 má vyše 200 strán a z PPP sa stal osvedčený návod pre dizajnérov.[Image] 2. Type Classification eBook  Tento ebook predstavuje 10 základných klasifikácií písma so stručnou históriou a kľúčovými charakteristikami. Pre dizajnérov je perfektnou pomôckou pri výbere písma do svojich dizajnov.[Image] 3. Typo Tips  Tento ebook je vhodný pre každého, kto sa chce zlepšiť v typografii a ponúka 7 tipov pre lepšiu typografiu vo vašom dizajne.[Image] 4. Designing for the Web  Ide o naozaj výbornú knihu od Five Simple Steps, ktorá pokrýva veľké množstvo oblastí, techník a prístupov k web designu. Je rozdelená do piatich častí vrátane typografie, farieb a layoutov.[Image] 5. Learning Web Design Kniha vhodná pre úplných začiatočníkov, ktorí nemajú skúsenosti s tvorbou webov. Nájdete v nej kapitoly o tom, ako web vôbec funguje, neskôr sa cez HTML a CSS dostanete až k JavaScriptu.[Image] 6. Introduction to Good Usability Dobrá použiteľnosť webu je niečo, čo pri mnohých dizajnoch webov chýba. Tento ebook je vhodný hlavne pre dizajnérov, ktorí mnoho webov zatiaľ nenadizajnovali a môžu sa inšpirovať pri rozvrhnutí jednotlivých prvkov na webe z už existujúcich a osvedčených riešení.[Image] 7. The Design Funnel: A Manifesto for Meaningful Design Táto kniha od Stephena Haya vám napomôže k tomu byť kreatívni s vašimi prácami a dizajnami. The Design Funnel predstavuje plán použitia rôznych nástrojov dizajnérom, aby tak naštartoval svoju kreativitu.[Image] 8. Bulletproof Web Design Autor Dan Cederholm v tejto knihe opisuje stratégie na vytvorenie dizajnu, ktorý je flexibilný. Každá kapitola obsahuje niekoľko rád, ako pripraviť príťažlivý dizajn, ktorý je zároveň pripravený pre rôzne množstvo textu, obsahu a pod.[Image] Samozrejme, existuje ešte oveľa viac kníh a ebookov, ktoré sú dobrým zdrojom rád, nápadov a inšpirácií. Ak máte svojú obľúbenú knihu, ktorú chcete odporučiť aj ďalším, podeľte sa s jej názvom v komentároch.

Kvalitný a príťažlivý grafický dizajn je nevyhnutnou súčasťou každého dobrého webu. Za dizajnom sa skrýva mnoho teórie, na ktorú sa v skratke pozrieme v tomto blog poste. Mnohí z nás vedia používať Photoshop a vytvoriť v ňom dizajn, ktorý vyzerá atraktívne a pomerne dobre. Za dizajnom, ktorý vytvárame, je obrovské množstvo teórie. Znalosť tejto teórie je chýbajúcou časťou pre mnohých (talentovaných) dizajnérov. Ak sa chcete stať ešte lepším webdizajnérom, odporúča sa absolvovať it kurzy, ktoré vám poskytnú ďalšie technické zručnosti potrebné pre komplexnú tvorbu webu. V ďalšom texte v skratke preberieme 5 základných oblastí, ktoré by mal dobrý webdizajnér ovládať. TypografiaTypografia tvorí 80-90% z web stránky. Pri množstve informácií a textov, ktoré denne prechádzame, je nevyhnutné udržať čo najjednoduchší a najrýchlejší spôsob, ako sa dostať ku informáciám, ktoré potrebujeme.[Image]Dobrá a prehľadná prezentácia obsahu na webe je rovnako dôležitá ako pekná grafika a vymakaný copywriting. Typografia (na webe) nie je len o výbere niektorého z fontov. Typografia na webe sa skladá zo 4 základných elementov: 1. Kontrast: Texty na webe sú na to, aby sa čítali. Na to, aby sa čítali dobre, je vhodné použiť správny kontrast farby písma a pozadia. Ak si nie ste istí, či je kontrast dostatočný, spravte si screenshot zo stránky, vložte ho do napr. Photoshopu a zmeňte ho do grayscale. 2. Veľkosť písma: Príliš malé písmo je ťažšie čitateľné, a preto, ak je to možné, nenastavte veľkosť písma pod 10 alebo 12px. 3. Hierarchia: Meniť veľkosť písma je jednou z najlepších možností, ako rozlišovať obsah. Ďalšou z možností je mixovanie rôznych štýlov, napríklad používať kapitálky alebo italic pre podnadpisy, alebo zmiešať serif a sans serif. 4. Miesto (space): Nebojte sa nechať na vašom webe prázdne miesta, tento negatívny alebo biely priestor napomôže k tomu, aby bola pozornosť zameraná na text - obsah. Dobrí návrhári v snahe o dosiahnutie rovnováhy medzi farbou písma a bielymi (alebo negatívnymi) miestami trávia nad svojimi návrhmi pomerne veľa času. Teória farieb Použité farby a farebnosť webu patrí k jeho najdôležitejším aspektom, pretože pomocou farieb je možné vyvolať v ľuďoch emócie. Farby delíme na teplé a studené. Medzi teplé farby radíme napr. červenú, oranžovú a žltú. Modrá, fialová a zelená sú studené farby. Ako základ pre pochopenie farieb a vzťahov medzi nimi slúži tzv. farebný kruh, ktorý predstavuje rozdelenie farieb do troch skupín (primárne, sekundárne a terciárne). Primárne farby sú červená, zelená a modrá (RGB) a ich kombináciou dokážeme vytvoriť všetky ostatné farby. Sekundárne farby vznikajú kombináciou dvoch primárnych farieb a terciárne farby vzniknú vtedy, keď skombinujeme jednu primárnu a jednu sekundárnu farbu. Farby môžeme rozdeliť na analogické a komplementárne, čím vyjadrujeme vzťah medzi nimi. Analogické farby sú umiestnené vedľa seba a môžeme ich teda dobre kombinovať. Komplementárne farby sú naopak na farebnom kruhu umiestnené oproti sebe a vďaka tomu dokážeme dosiahnuť dostatočný kontrast na našom webe. Okrem toho poznáme monochromatické či triadické farebné schémy. Najdôležitejšia vec, ktorú by ste mali mať na pamäti, je, že farby vo vašich grafických návrhoch by mali zlepšiť zážitok z čítania a nie odvádzať od neho pozornosť. Pri výbere tých správnych farieb vám pomôžu online nástroje, napr. Adobe Color CC / Adobe Kuler (color.adobe.com).[Image]Dizajn založený na gridoch  Keď toho už viete veľa o typografii a farbách, je čas pozrieť sa na grid systém vo vašom dizajne. Gridy umožňujú dizajnérovi vytvoriť dizajn, ktorý je prehľadný a čitateľný. Grid systémy sú skvelou pomôckou pri umiestňovaní jednotlivých prvkov do dizajnu. Jedným z príkladov grid systémov je 960gs, ktorého základ tvoria stĺpce v celkovej šírke 960 pixelov, ktoré sú rozdelené na 12 a 16 stĺpcov. Systémy sa teda líšia v šírke stĺpcov, 12 stĺpcový má stĺpce so šírkou 60px a 16 stĺpcový so šírkou 40px. Každý stĺpec navyše obsahuje 10 pixelový margin vľavo a vpravo.[Image]960 grid systém je vhodný pre rýchle prototypovanie, ale funguje dobre aj v produkčnom prostredí. Použitím tohto systému je možné rozdeliť si jednotlivé časti webu tak, aby vždy pôsobili vyváženým dojmom. Grid systémov je samozrejme viacero, každý si môže zvoliť taký, ktorý mu viac vyhovuje. Rozhodne je ale veľkou výhodou grid používať. Teória dizajnu Dizajn vašej webstránky je dôležitý aj z marketingového hľadiska, bude od neho závisieť predaj vášho produktu. Preto je dobré držať sa niektorých základných pravidiel. Prvým z nich je vizuálna hierarchia. Týmto pojmom sa myslí usporiadanie webu, v akom ho vidí užívateľ. Keďže niektoré časti vašej stránky sú dôležitejšie ako ostatné (ide najmä o formuláre, call-to-action prvky, value propositions a pod.), chcete, aby na ne návštevníci klikali. Zlatý rez (grécke písmeno phi) je najstarším a najpoužívanejším kompozičným princípom, ktorý má svoje využitie aj vo web dizajne. Nebojte sa bieleho miesta na webe. Biely priestor (negatívny priestor) je časť stránky, ktorá nie je použitá. Nemala by však byť považovaná za nevyužitú, je jedným z dôležitých elementov vo web dizajne. Správne využitý biely priestor podporuje vizuálnu hierarchiu a zlepšuje prehľadnosť webu.[Image]UI & použiteľnosť  Dobrá používateľnosť webu závisí od mnohých faktorov. Responzívny dizajn a teda dobré ovládanie aj na mobiloch či tabletoch je v súčasnosti trendovou a veľmi potrebnou záležitosťou. Kvalitný hosting a teda rýchle načítavanie stránok a platné linky tiež napomáhajú k dobrej použiteľnosti.[Image] Základným princípom je prehľadnosť - používateľa je ľahké “stratiť" rušivými prvkami a ak na vašej stránke nenájde čo hľadá, odíde. Úlohou dobre nadizajnovaného webu je poskytnúť užívateľovi jednoduchý, prehľadný a user-friendly zážitok. Web musí pôsobiť dôveryhodne - docielite to vytvorením kontaktnej stránky s uvedením adresy a telefónneho čísla. K dobrej použiteľnosti webu v neposlednom rade patrí relevantnosť. Musíte poskytovať obsah, ktorý vaši návštevníci hľadajú a váš dizajn by im mal pomôcť nájsť to, čo hľadajú. Dobrá použiteľnosť sa dolaďuje dlhšiu dobu, vyžaduje si užívateľský prieskum a neustále testovanie. Dobrý webdizajnér by mal ovládať aj túto teóriu, a teda by mal vedieť nielen "ako" to spraviť, ale aj “prečo” to tak spraviť. Rekvalifikačné kurzy online a ďalšie možnosti vzdelávaniaPotom nasleduje tvrdá práca na sebe, neustále vzdelávanie sa, sledovanie trendov a skúšanie. Mnoho webdizajnérov sa vzdeláva prostredníctvom inovačného vzdelávania, ktoré zahŕňa rôzne rekvalifikačné online kurzy, a medzi populárne patria aj it kurzy. Pokiaľ by ste sa chceli dozvedieť viac, máte možnosť zúčastniť sa kurzu Visual Design, na ktorom sa v priebehu 6 týždňov naučíte základné dizajnérske princípy a techniky a vytvoríte logo, základný dizajn manuál a dizajn webu

Po roku tím Learn2Code opäť zavítal na Profesia Days (5.-6. marec 2014), tentokrát sme boli odbornými partnermi novej špeciálnej IT sekcie s názvom iTswarm: 2 Days Away From Keyboard. Oba dni boli naplnené odbornými prednáškami na hlavnom pódiu. Témy ako WordPress, Google Developer Group alebo agilné techniky si našli mnoho priaznivcov. Nechýbala ani zábava v podobe Xbox Kinect a videohier, predstavenie Google Glass, ktoré si mohli návštevníci aj naživo vyskúšať. Štefan z Learn2Code na hlavnom pódiu predstavil framework Ruby on Rails a prečo je dobré robiť weby práve v ňom. Zjavne mal úspech, pretože nasledujúci workshop, počas ktorého sa uskutočnila praktická ukážka vytvorenia jednoduchej webovej aplikácie s pomocou tohto frameworku, bol poriadne naplnený počas oboch dní. Ďalšie fotky nielen z tohto workshopu si môžete pozrieť v našej galérii.[Image] Workshop na tému Writing Testable Code sme pripravili 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. Účasť na Profesia Days sme brali aj ako príležitosť odprezentovať v IT komunite sériu pripravovaných workshopov na rôzne pokročilé témy (napr. NoSQL databázy, vývoj veľkých webových aplikácií v JavaScripte, vývoj enterprise aplikácií v Google Web Toolkit, Ruby on Rails a Java workshopy). Zaujali vás tieto témy alebo  máte záujem o ďalšie? Dajte nám prosím vedieť vyplnením jednoduchého webového formulára alebo nám napíšte mail. [Image] Na záver by sme chceli poďakovať portálu Profesia.sk za možnosť zúčastniť sa tohto skvelého veľtrhu, boli to super strávené 2 dni a už teraz sa tešíme na budúci ročník;)