Tipy a triky

Povedal by si, že budeš niekedy schopný vytvoriť fotomontáž vo Photoshope? Prečítaj si tento článok a dodrž nasledovné postupy. Vďaka tomu budeš schopný vytvoriť akúkoľvek fotomontáž. Hovoríš si, že to je veľmi náročné? Určite nie! Tieto kroky sú až primitívne jednoduché, len možno zložito znejú. Každá jedna fotomontáž je spojenie viacerých vrstiev. Keď to zveličíme. K tomu patrí aj správna konštelácia farieb. Čo to znamená? Mali by sme nastaviť farebné tóny, aby boli zhodné na všetkých vrstvách. Ak nebudú farebne prispôsobené vrstvy, nemôže vzniknúť fotomontáž. Ako som postupoval pri tvorbe fotomontáže?1. Vybrať správne fotografie - správny uhol a správne postavenie daného objektu. Je logické, že by som nemohol použiť fotografie, kde by objekt bol odfotografovaný vždy z inej perspektívy. Výsledok by bol nerealistický. Obrázky do svojich montáží môžeš nájsť napríklad tu. 2. Ešte pred tým musím vedieť čo chcem vytvoriť. Darmo sa budem baliť na cestu, keď nebudem vedieť kam idem :) Musím si ujasniť tému. Čo má vykresliť moja fotomontáž? Akú emóciu chcem vzbudiť? Aké farby budem chcieť mať vo fotomontáži? 3. Zvoliť najlepšie nástroje na výber. Musím zobrať do úvahy pozadie, z ktorého budem chcieť vybrať daný objekt. Je pozadie jednoduché, jednotvárne? Alebo je zložité? To znamená, že je nepravidelné? Inak sa vyberie objekt, kde je pozadie čierne alebo biele, ako keď je objekt odfotený v skutočnom živote, niekde v lese napríkad. Tam už to pozadie je trosku náročnejšie. Alebo nachádza sa na fotke tieň daného objektu? V takomto prípade nedokážem jednoducho vybrať objekt z fotografie. Tieto a ešte veľa iných otázok by som si mal položiť, skôr ako sa rozhodujem, ktorý nástroj by som mal využiť. Najlepšie sa pracuje s nástrojom PenTool - pero. Na zahodenie nie je ani magnetické laso alebo kúzelnícka palička či nástroj na rýchly výber. Každý z týchto nástrojov má svoje unikátne použitie. 4. Úvodné pospájanie vrstiev do dokumentu - aby som videl, ako mi pasujú vrstvy dokopy. Z praxe to funguje tak, že mám nájdených aspoň 10 alternatívnych obrázkov, ktoré kombinujem a zisťujem, ktoré mi pasujú k sebe najviac. 5. Farebná korekcia – musím zariadiť, aby bola farebná zhoda na mojich vrstvách. To znamená, aby všetky vrstvy, ktoré sú na scéne, mali rovnakú tonalitu – že sú z jedného prostredia. Nemôžem spojiť dva obrázky, kde jeden obrázok bude vybraný z letného prostredia a druhý obrázok zo zimného prostredia :) K dispozícii máme veľa nástrojov, ktoré nám pomôžu vytvoriť takúto farebnú zhodu.   • Krivky, úrovne – vďaka týmto dvom nástrojom dokážem krásne vyladiť tóny vo všetkých kanáloch, aj teplé aj studené tóny. Musím len rozumieť tomu, čo je histogram a čo nám ukazuje. 6.   • Hue/saturation – pomocou tohto nástroja dokážem vyladiť tri body na jednej vrstve – odtieň (hue), saturáciu (presýtenie), farby a svetlosť (lightness). Kombináciou týchto príkazov dokážem nastaviť tonalitu na mojej vrstve. 7.   • Color balance – vďaka tomuto nástroju nastavujem pomocou “sliderov” konkrétne farby na mojej vrstve. Na výber mám, či chcem upravovať midtóny, svetlé miesta alebo tmavé miesta. Keď si vyberiem konkrétnu časť, môžem obyčajným posúvaním meniť tonalitu farieb. Chcem pamätať na to, že cyan, modrá a zelená farba mi nastavujú studené tóny a naopak, červená, magentová a žltá farba mi nastavujú teplé tóny. 8.   • Jednoduché filtre – color lookup, Photo filter – určím konkrétne prednastavené hodnoty, ktoré mi upravia fotografiu. 9.   10. Prepojím môj obrázok s módmi prehliadania. Módy prelínania mi umožnia prepojiť dve vrstvy, čiže prepojiť jednu vrstvu s druhou, ktorá je pod ňou. Tieto módy boli použité pri neutralizácii osvetlenia na obrázku s autom. Na auto dopadalo z ľavej strany príliš veľa svetla a bolo potrebné znížiť hodnotu bielych miest, vzniknutých vplyvom svetla. Výborne mi poslúžili módy, vďaka ktorým som znížil osvetlené časti. Konkrétny postup od vytvorenia vrstvy až po nastavenie správneho módu prelínania nájdeš v mojom online kurze. 11. Finalizačné úpravy – to sú úpravy, ktoré sa vykonávaju na konci každej fotomontáže. Buď sa nastaví farebná tonalita na celom obrázku, použijem rôzne vzory alebo textúry na vylepšenie výsledku, alebo použijem Dodge and Burn techniku na ztmavenie tmavých častí a zosvetlenie svetlých častí. V tejto fotomontáži som použil Gradient map, teda prechodové mapy, kde som nastavil hodnotu tmavých pixelov a hodnotu svetlých pixelov a prepojil to s módom prelínania. Konkrétne to bol Overlay. Kompletný postup nájdeš v kurze. Toto by bolo všetko, čo sa týka tvorby fotomontáže. Na obrázku môžeš vidieť rýchly postup. Ale tu máš aspoň v skratke opísané, ako by si mal aj ty postupovať, keď si budeš chcieť vytvoriť vlastnú fotomontáž. Už si vytvoril svoju vlastnú fotomontáž, ale postupoval si inak? Podeľ sa o svoje poznatky do komentára :)  Autorom článku je Marek Chrenko.

Každý, kto má svoj vlastný blog alebo webstránku, veľmi dobre pozná problém s fotografiami a obrázkami k článkom, príspevkom a blogspotom. Pokiaľ nie si vášnivý fotograf a nemáš v zálohe plno vlastných ilustračiek a nefotíš ako divý všetko, čo ti príde pod ruku, musíš rozmýšľať, aký obrázok použiť pri písaní vlastných textov. Online kurzy zamerané na umelú inteligenciu dnes ponúkajú rôzne nástroje, ktoré ti môžu pomôcť s generovaním alebo úpravou obrázkov pre tvoje články. Povedzme si úprimne, kto dnes už číta články bez fotiek? Naopak, fotka je to prvé, čo človeka hneď upúta a so záujmom klikne na publikovaný materiál. A práve spomínané foto ruka v ruke s dobrým titulkom namotivuje potencionálneho čitateľa, aby sa príspevkom zaoberal (a v tom lepšom prípade zdieľal aj na fejsbúk, kde potom celý večer sleduješ lajky). Umelá inteligencia sa stáva neoceniteľným nástrojom pre blogerov, ktorí chcú optimalizovať svoje vizuálne a textové materiály. Pozor na autorské práva!Obrázky na stiahnutie zadarmo sú často vyhľadávané na internete, pretože je plný profesionálnych fotografií, problém však je s autorskými právami. Používať cudzie materiály je totiž neetické, na druhej strane vám môže za autorskú fotku hroziť aj mastná pokuta. Čo teda (ne)robiť, ak nemám žiadnu databázu obrázkov a nemám financie na používanie platených služieb agentúr, ktoré poskytujú obrazový servis? V prvom rade určite nesťahovať autorskú fotku, tiež by sa ti nepáčilo, keby sa niekto prezentoval tvojou prácou. Kurzy cez úrad práce môžu byť vynikajúcou príležitosťou, ako sa naučiť pracovať s bezplatnými obrázkami na stiahnutie zdarma alebo open-source nástrojmi na úpravu obrázkov a fotografií, čo ti umožní vytvoriť vlastné vizuálne materiály bez porušovania autorských práv. Tieto kurzy často ponúkajú bezplatný prístup k základným zručnostiam potrebným pre digitálnu tvorbu, vrátane práce s programami na tvorbu a úpravu obrázkov, ktoré môžu byť skvelou alternatívou k plateným zdrojom. Nerob paniku, na internete nájdeš aj fotky, ktoré sú free!Opäť tu je pomocník internet - treba však hľadať na správnych webstránkach a teda takých, čo sú "free". Ako? Stále existuje dostatočné množstvo zdrojov, odkiaľ môžete čerpať obrázkové materiály zdarma na ďalšie použitie bez rizika pokút. Tak a teraz odkiaľ stiahnuť obrázky pre tvoj projekt? Aké sú THE BEST FREE PHOTOBANKS? FLICKR Nekonečné milióny a bilióny fotiek (množstvo z nich free) - to je Flickr, komunita, miesto, nevyčerpateľný zdroj obrázkov, ktorý využívajú milióny ľudí. Veľmi populárny, nezabudni však čeknúť ich licenciu. Cez Creative Commons si teda vieš pozrieť presné podmienky používania fotografií a niekoľko možností, ako môžeš obrázok použiť. PIXABAY Ďalšia webka, na ktorej môžeš nájsť, sťahovať a zdieľať obrázky, je Pixabay - pričom stránka uvádza, že všetky obrázky sú publikované v rámci Creative Commons. Výhodou je, že obrázky sa dajú nielen sťahovať, ale tiež upravovať a ďalej distribuovať aj na komerčné účely. A to nie je všetko, okrem obrázkov ponúka aj vektory a rôzne ilustrácie. FREEPIK Zaujímavé možnosti obrázkov ponúka aj Freepik, ktorý je ako inak - zdarma! Databáza vyhľadáva obrázky pomocou niekoľkých zdrojov, preto sa väčšina používateľov zhoduje v tom, že táto webka ti ušetrí kopec času. Vyhľadáš si konkrétnu fotku podľa názvu alebo kategórie. PEXELS Pexels má tiež bohatú databázu rôznych obrázkov, ktoré sú na voľné použitie, pričom tiež fungujú na princípe Creative Commons. A opäť hurá - všetky fotky sú použiteľné na komerčné účely. UNSPLASH Parádne fotky zadarmo a všetky na komerčné využitie pod Creative Commons Zero licenciou. Môžeš sa prihlásiť do ich newslettra a dostávať 10 fotiek vo vysokom rozlíšení každý 10 dní. DREAMSTIME Dreamstime má sekciu, v ktorej najdeš fotky zadarmo. Je potrebné vytvoriť si na stránke účet. PICJUMBO Fotobanka českého fotografa a dizajnéra Viktora Hanáčka, ktorý túto stránku založil v roku 2013 ako reakciu na odmietanie jeho fotografií klasickými platenými fotobankami z dôvodu nedostatočnej kvality. Doteraz z nej bolo stiahnutých používateľmi niekoľko miliónov obrázkov. CANVA Pri slove Photoshop chytáš paniku a srdce ti začína divoko biť? Pokiaľ si naň netrúfaš a máš mať z neho nočné mory, použi bezplatný servis, ktorý ponúka CANVA - je jednoduchá, rýchla a efektívna. Dokážeš v nej tvoriť kopec ilustračných obrázkov, ponúka množstvo voľných obrázkov a grafík. Stačí sa len zaregistrovať prostredníctvom mailu alebo Facebooku a ideš na to! Na začiatok ti úplne postačí. Ďalšie free databázyhttps://morguefile.com/ https://www.sitebuilderreport.com/stock-up http://www.rgbstock.com/ https://stocksnap.io/ + ďalšie desiatky zdrojov, ktoré na internete existujú. Tip: s CC Search dokážeš vyhľadávať obrázky podľa zvolenej licencie cez externé služby, ako napr. Flicke alebo Google Images. CENNÁ RADA NAD ZLATO Spomínané databázy ti môžu zjednodušiť tvoju prácu, nezabudni si však pozorne prečítať pravidlá, môžeš sa tak vyhnúť mnohým problémom – tu určite platí: Dvakrát pozri, prever a raz stiahni! A čo sa týka pravidiel, ktoré by sa nikdy nemali porušiť – takéto fotky určite ďalej nepoužívaj na ďalší predaj, prípadne si nimi neplň svoju online databázu. Mysli na zdroj! Aj keď sú obrázky z free databáz úžasným pomocníkom, treba si vždy pozrieť a prečítať podmienky používania a licenciu danej fotobanky. Každá ich môže mať iné, môže ich priebežne meniť a podobne. Niektoré databázy zvyknú žiadať o uverejnenie spätného odkazu, odkiaľ si fotku čerpal. Čiže vždy si pre istotu prever, ako je to s licenciou, a nezabudni zdrojovať, zdrojovať, zdrojovať. Zlaté pravidlo, ktoré slúži ku cti :) Používaš fotobanky alebo obrázky zadarmo? Svoje prípadné ďalšie tipy na stránky s free fotkami napíš do komentára, radi rozšírime náš zoznam. Online vzdelávanie a vzdelávacie kurzy často poskytujú potrebné informácie o legálnom používaní digitálnych zdrojov a môžu ti pomôcť získať zručnosti na správnu správu a používanie obrazového obsahu pre tvoje projekty.

Áno, každý z nás chce ušetriť čas a platí to aj pri Photoshope. Preto existujú pluginy. Teda akési rozšírenia, vďaka ktorým ušetríš kopu času. Určite zvládneš pracovať aj bez pluginov, ale bude to pracnejšie. Už ako názov hovorí: plug (vložiť) - in (do niečoho). Dobre, stačí slovíčkarenia. Jedná sa o rozšírenie do aplikácie. Tí počítačovo zdatnejší poznajú, ako sa kedysi inštalovali také pluginy, kde ste museli nájsť správny priečinok, rozbaliť obsah zazipovaného súboru, prekopírovať to tam, reštartovať Photoshop a bolo to. Teraz to je o troška jednoduchšie. Existuje aplikácia Adobe Extension Manager (je zadarmo), vďaka ktorej dokážeš vyhľadávať pluginy každého druhu a každej chuti pre rôzne aplikácie – samozrejme od Adobe 😊 Stačí zadať kľúčové slovo, čo chceš aby plugin vyriešil za teba a vybehne ti niekoľko príkladov pluginov, ktoré si jednoducho nainštaluješ a máš to v aplikácii. Nemusíš používať Adobe Extension Manager. Tiež môžeš ísť na oficiálnu stránku tvorcu pluginu a odtadiaľ si stiahnuť tento plugin a nainštalovať – ale pozor: platí, že plugin by sa mal vedieť „nainštalovať sám“. Adobe Photoshop CC 2017 obmedzil inštaláciu pluginov „piate cez deviate“. Alebo to už bol CC 2015? Doba sa mení. Všetko, čo má príponu XZP (teda pluginové balíky) by sa malo inštalovať prostredníctvom Adobe Extension Manager. Dosť rozprávania. Prejdime k tomu dôležitejšiemu. Ktoré sú to najpoužívanejšie pluginy ktoré ti ušetria čas? A sú teda aj bezplatné 😊 Môže ich byť viac alebo menej, ale toto sú jedny z najobľúbenejších: Google Nik CollectionToto neber doslova. Je to Photoshop od Googlu. Vďaka tomuto pluginu dokážeš odstrániť noise (šum) z fotografie, vieš sa pohrať s tonalitou obrázkov alebo zvoliť rôzne prednastavené filtre aby tvoje fotky vyzerali ešte lepšie. Layers ControlVeľmi užitočný nástroj, vďaka ktorému si zachováš poriadok vo svojich vrstvách. Skontroluje a odstráni prázdne vrstvy, rýchlo premenuje vrstvy alebo prekonvertuje vrstvu na Smart Object. Sú to banálne veci? Môžu byť, ale pri pravidelných úpravách vrstiev si tento plugin zamiluješ. VelositeyTaktiež veľmi užitočný plugin pre dizajnerov. Pomocou neho dokážeš navrhnúť design stránky za „pár“ sekúnd. Cut and slice meZabudni na stratený čas pri nastavovaní rozmerov na obrázku. Tento plugin má uložených mnoho rozmerov, ktoré určite využiješ. Size MarksUž si potreboval zistiť medzeru medzi dvoma elementami? Ako si to skúšal? Existujú krkolomné spôsoby, ale víťazom sa stáva... Shadow generatorPoznáš flat design? Je to celkom populárne. Hlavne keď sa rozmáha minimalizmus. Long shadows, teda dlhé tiene sú neodmysliteľnou súčasťou flat designu. ComposerPotrebuješ vykonať jednu zmenu na 15 vrstvách? Jedna zmena na prvej vrstve, druhá zmena na druhej vrstve, tretia zmena a prejde aj pol hodina 😁  Vykonaj kľudne zmenu aj na 100 vrstvách pomocou pár klikov. Harry’s filterKto vie kto bol ten Harry, ale musel to byť niekto šikovný keď bol po ňom pomenovaný tento plugin. V ňom nájdeš desiatky prednastavených efektov ktoré sú pripravené na použitie. DupplicatorJednoducho .. kopíruj vrstvy toľko krát, koľko bude potrebné. Už sme spomenuli niekoľko pluginov na prácu s vrstvami. Tak hádam si vyberieš jeden z nich. Výborné pluginy, ale platené: WebZapDesignuj weby jak páááán. Tento plugin ti v tom pomôže. RenamyMôžeš, nemusíš použiť, tentokrát zvládneš premenovať aj 100 vrstiev naraz. PSD CleanerPriznajme si to, sme trošku bordelári. Tento plugin nám pomôže udržiavať naše PSDčko čisté a prehľadné. Napríklad odstráni nepotrebné alebo nepoužité vrstvy. CSS HatPre front-end kóderov to môže byť alfa a omega. Všetko, čo vytvoria vo Photoshope vedia skonvertovať do CSS3. Retouching panelŽe profesionálna retuš je ťažká na naučenie? Nemusí to tak byť vždy. FlaticonA sme zase pri flat designe. Bohatá databáza ikoniek, ktoré využijete pri nejednej infografike. Super SprayŽe Photoshop má málo prednastavených brushov? Nevadí, rozšír si kolekciu brushov. S týmito brushmi môžeš doslova kresliť čokoľvek. DOSLOVA! Možno si povieš, že celkom slušná pálka za takéto pluginy, ale keď to využiješ a zarobí ti to, prečo to nevyužiť? Takto to platí aj pre online kurzy o Photoshope. Investovaný čas do týchto kurzov sa môže premeniť napríklad v sľubnú prácu grafika. Toto bol zoznam obľúbenejších pluginov. Poznáš iné, ktoré sú tiež v niečom užitočné? Podeľ sa o ne v komentároch.

Človek je tvor lenivý, resp. tvor vynaliezavý a ešte aj v počítačovej ére sa vynašiel a zaviedol klávesové skratky. Ale musí sa uznať, že klávesové skratky dokážu ušetriť naozaj veľa času. Ľudia, ktorí ovládajú klávesové skratky v programoch sa nazývajú PC ninjovia :) Určite budeš potrebovať veľké odhodlanie a dávku trpezlivosti, aby si sa stal takýmto machrom, ale výsledok stojí za to. Ušetríš veľké množstvo času, ktoré by si inak stratil pri rozklikávaní jednotlivých záložiek a hľadaní konkrétnych príkazov ... a určite ohúriš kolegov alebo kamošov, keď uvidia čo dokážu tvoje prsty na klávesnici.[Image] Chceš sa stať PC ninjom vo Photoshope? Pripravili sme pre teba zoznam 26 najpoužívanejších skratiek vo Photoshope, veríme, že ti pomôžu a využiješ ich. Aaaa pozor, aby sa ti nezaplietli prsty z tých klávesovych kombinácii :) [Image] Zoznam najpoužívanejších klávesových skratiek vo Photoshope PDF verziu tejto infografiky s klávesovými skratkami si môžeš stiahnuť odtiaľto. UPDATE 10.1.2017: pribudol videotutoriál, ktorý ťa prevedie tvorbou infografiky. Sleduj video, skúšaj a vyrob svoju vlastnú grafiku: Poznáš aj iné klávesové skratky, ktoré zjendodušujú prácu? Podeľ sa a napíš ich do komentu dole. Mimochodom, páči sa ti táto infografika? Je to moderný spôsob podávania informácii v dnešnej počítačovej ére. Určite by sa to zišlo aj tebe. Nauč sa ako vytvoriť takúto infografiku v našom kurze Visual Design Digital: úprava fotiek vo Photoshope, kde si ukážeme ako sa vytvorí takáto infografika krok po kroku. Tiež si vysvetlíme technické predpoklady, ktoré by mala spĺňať vytvorená infografika. Určite to bude stáť za to ;)

Zrejme uvažuješ nad tým, že sa staneš vývojárom pre platformu iOS. Budeš mať blízko aj k programovaniu pre tvOS (Apple TV), watchOS (Apple Watch), macOS (stolové a prenosné počítače) a možno v budúcnosti carOS, … Tentoraz sa pozrieme na to, čo všetko potrebuješ k tomu, aby si sa stal iOS vývojárom buď na voľnej nohe alebo ako zamestnanec. Skúsim to ozrejmiť z pohľadu, ako to riešime my v become.sk. Pokojne sa mi ozvi pre bližšie informácie, určite ťa odkážem na Swiftológa, online kurz iOS programovania, ktorý prebieha formou náučných videí. V tomto kurze získaš základný prehľad jazyka Swift a vyskúšaš si v ňom urobiť (zatiaľ) jednu vzorovú aplikáciu. Čo potom? Povieš si, veď to všetko stojí peniaze. No áno, no stojí. Treba si uvedomiť, že vo všetkom je ľudská energia a čas. Platí sa zaň. Ak existujú veci zadarmo, tak tie zaplatil niekto iný miesto teba, za čo môžeme v podstate všetci ďakovať. No dobre, dosť bolo moralizovania, poďme si ukázať, čo všetko potrebuješ na to stať sa riadnym iOS programátorom, povedzme v priebehu roka. Hardvér a softvér – koľko ťa to bude stáťMožno už máš počítač s OS X, neskôr macOS. Ak nie, tak vedz, že potrebuješ práve ten. Ak nemáš, na tvojom mieste by som v závislosti na pomere cena/výkon volil iMac 21,5“. Tento odkaz nie je reklama, uvádzam ho na Traco čisto dobrovoľne :-). Taký iMac kúpiš za cca 1200€ a vyššie. Ak chceš lacnejší stolový počítač, tak budeš musieť siahnuť po Mac Mini, trochu mu budeš musieť rozšíriť RAM (cca 100€), dokúpiť displej aspoň za 300€, dokúpiť Apple klávesnicu (120€) a myš (86€) alebo Trackpad (144€). Táto možnosť dohromady vychádza cca. 1200€, čiže rovnako, ako komplexný iMac, kde už máš všetko. Cenu vieš samozrejme zraziť cenou displeja. Zo skúsenosti však viem, že čím lepší displej, tým ľahšie sa bude aj tebe programovať. [Image] Rôzne typy Mac zariadení Ak chceš prenosný počítač, odporúčam MacBook Pro. Nový a najlacnejší 13“ kúpiš za 1450€. Občas sú aj výpredaje starších modelov, kde sa vieš cenou dostať na 1150€. Nad iným ako Pro ani neuvažuj, pretože MacBook ani MacBook Air sa na vývoj nehodí. Sú príliš nevýkonné na to, čo časom budeš potrebovať. Zo začiatku možno áno, ale o rok intenzívneho vývoja od tvojho začiatku isto nebudú stíhať. Ver mi. No dobre, a čo zariadenie, pre ktoré budeš vyvíjať? Máš iPhone (679€)? Máš iPad (369€)? A čo Apple TV (179€) alebo Apple Watch (349€)? Odporúčam začať s iPhone zariadením. Nielen, že budeš mať telefón, ale aj riadny systém iOS, ktorý ti umožňuje veľmi veľa, kým tvOS a watchOS sú do istej miery obmedzené. iPad je tiež v pohode, no neobsahuje niektoré dôležité súčiastky, ktoré obsahuje iPhone. Napr. si z neho nezavoláš cez operátora. Ono to ide pomocou Continuity, aj z Macu dnes už zavoláš, ale v zásade len keď máš iPhone. Keď to skúsim zhruba spočítať, tak na hardvér potrebuješ 2000€. Či je to veľa, či málo, je na tebe. Keď však budeš dobrý, vráti sa ti to niekoľkonásobne. Softvér ťa vyjde v podstate zadarmo. Čo ti stačí je vývojové prostredie Xcode, v ktorom budeš všetko programovať. Ak si schopný urobiť si aj grafiku, odporúčam Sketch, ktorý však stojí $99. Ak chceš kresliť rastrové obrázky, odporúčam Pixelmator za 29,99€. Ako príklad uvediem seba. Ja som si v roku 2010 kúpil iMac 27“ za 1600€ a mám ho dodnes. Raz som mu rozširoval RAM zo 4GB na 16GB. Vďaka nemu som začal programovať pre iOS. Úplnou náhodou, no to je iný príbeh. Začal som podľa knihy ešte v jazyku Objective-C, robil som vlastné appky, nejaké klientské, neskôr pracoval pre starbug, inloop a teraz vediem tím vývojárov mobilných appiek a školím/učím programovať pre iOS. Takže tých 1600€ sa mi vrátilo v priebehu 6 rokov dostatočne na to, aby som uživil rodinu, aby sme si mohli dovoliť kúpiť auto, … Na čo ešte čakáš? Licencia, živnosť alebo zamestnanieNepotrebuješ nič z toho. Ale ak uvažuješ nad serióznym vývojom, tak minimálne Apple licenciu za $99/rok potrebuješ. Tá ti umožňuje odosielať aplikácie do App Store, prípadne máš viac výhod spojených s dostupnosťou obsahu pre Apple vývojárov, ako i beta verzie nového softvéru na vývoj a máš šancu dostať sa na konferenciu WWDC poriadanú firmou Apple. Akonáhle však začneš peniaze zarábať, hoc aj jeden cent, potrebuješ ich priznať daňovému úradu. Ak táto suma je menšia ako nejaká hodnota, daň ani odvody neplatíš. Ak presiahneš istú sumu, už musíš platiť aj daň, odvody atď. Tam je už dobrá živnosť alebo sročka. Vo všetkom okolo daňových informácií ti poradí šikovný účtovník alebo účtovníčka. Ak nechceš mať tieto problémy, zamestnaj sa vo firme, ktorá vyvíja mobilné appky. Zarobíš stabilne. No aj tak, ak chceš predávať aj vlastné veci, platí vyššie spomínané. Všetky peniaze musíš priznať. Ak ti môžem ja poradiť: založ si živnosť a nájdi si stabilný príjem z vývoja (na voľnej nohe, zamestnanec, to je jedno). Budeš mať viac možností, viac voľnosti. Možno ťa to vyjde viac peňazí odvedených do štátnej kasy, ale tým sa netráp. Aj štát potrebuje na prevádzku isté peniaze rovnako, ako aj ty. Platí pravidlo: ak veľmi chceš, neriešiš prkotiny, ale podstatu toho, čo chceš. PraxPoznáš inzeráty typu: „hľadáme mladého flexibilného absolventa s praxou.“ Často však absolventi prax nemajú, lebo „vysoké školy nie sú učňovky,“ ako mi raz zahundral vedúci našej katedry informatiky. Asi sa urazil, keď som mu povedal, že mali by sme mať viac praktických skúseností, ako teórie. Ako to ale vyriešiť? Popri škole môžeš využiť rôzne školenia, kurzy, a keď sa bavíme o programovaní pre iOS, urob si na začiatku Swiftológa a potom sa prihlás k nám do become.sk, lebo sme vymysleli spôsob, ako získaš zadarmo prax ešte počas štúdia na škole a naučíš sa pri tom programovať. Zlepšíš sa a postupne začneš už aj zarábať na stále náročnejších projektoch. Niektorým z vás prešiel po chrbte mráz, keď som vyslovil „stále náročnejších“. No áno, programovať nie je jednoduché. Mozog ti bude na začiatku vytekať z hlavy a budeš hladný, no pokiaľ vydržíš, pozbieraš ovocie. Poradím ti: nechci zarobiť hneď na začiatku veľa peňazí. Nevyplatí sa ti to a nebudeš mať ani prax, ani peniaze. Buď ochotný dať istý čas svojmu vzdelaniu bez nároku na výplatu. Si ešte študent, máš zrejme rodičov, ktorí ti hradia štúdium. To je obrovská výhoda, ktorú je dobré využiť. Nepotrebuješ už vtedy zarábať ako Mark, Steve alebo Milan. Fakt nie :-). Alebo ak sa chceš stať programátorom popri práci, ktorú už nechceš robiť, tak v nej pokračuj, kým nezískaš skúsenosti v programovaní natoľko, že si môžeš dovoliť vziať platený projekt. Ono to začne. Príde jeden projekt za rok, na ďalší rok dva, potom štyri, osem, … a exponenciála rastie a prináša ovocie. Len vydrž a nechci všetko hneď. Lebo tak tento svet nefunguje. [Image] A zavri už ten článok o príbehu ďalšieho úspešného startupu, ktorý získal peniaze, no reálnu hodnotu nevytvára. Je to bublina. Prečítaj si radšej článok o tom, prečo zas ďalší (relatívne) úspešný projekt končí. Nechce sa ti to čítať? Prezradím ti podstatu: nezarábajú dosť peňazí na svoju prevádzku. Zabudni na miliónový startup, urob niečo užitočné pre seba a svoje okolie a možno budeš mať šťastie a zarobíš na tom. Potom sa bude o tebe písať, no ty budeš vedieť, že úspech neprichádza cez noc, ale po rokoch driny a odriekania. Dosť bolo mudrovania, uvediem ti teraz niekoľko zdrojov, z ktorých môžeš čerpať pri svojom vzdelávaní. Vzdelávacie programy  Apple ponúka osnovu a materiály vzdelávacieho programu programovania v jazyku Swift. Ono to je veľa materiálu, no bez edukačnej teórie, samotný materiál nevzdeláva, nie je tam žiadna príručka, nie je to náhrada kurzov. Je určený učiteľom, ktorí chcú niekoho učiť programovať. Podľa neho idem individuálne učiť jedného človeka, ktorý sa chce naučiť od nuly programovať a hneď ide skočiť na jazyk Swift a Apple platformu. Aby som to uviedol na pravú mieru, ten človek prešiel dennými kurzami s viac účastníkmi i online kurzami, no zistil, že jemu vyhovuje iné tempo a individuálny prístup. Potom tu máme online vzdelávacie kurzy, napr. Swiftológ od Learn2Code, ktorý som pripravil ja. Má dve časti, v prvej si prejdeš jazykom Swift, v tej druhej si naprogramuješ ukážkovú aplikáciu. Aby som bol kompletný, musím uviesť aj iné vzdelávacie inštitúcie, ktoré ponúkajú online kurzy programovania pre iOS. Coursera ponúka kurzy vývoja pre iOS, ich nevýhodou i výhodou v našich končinách je anglický jazyk. Takto v teréne sa ho naučíš najlepšie. Niektoré kurzy sú platené, iné zadarmo. Stačí si vybrať a študovať. Potom tu je EdX, ale o iOS je tam toho podstatne menej. Tutoriály  Niekedy si povieš, že ideš si sám alebo sama skúšať postupy, ktoré niekto dal dohromady. Ako vytvoriť hru, ako urobiť aplikáciu podobnú instagramu, atď. Tieto návody sú peknou ilustráciou toho, ako veci na pozadí aplikácií fungujú. Ak chceš vyskúšať skutočne dobré tutoriály, zájdi na RayWenderlich.com a niečo pohľadaj. Tutoriálov sú tam stovky, od programovania jednoduchej „Hello World“ appky, cez programovanie serverovej časti pre podporu aplikácie až po Apple Watch alebo Apple TV. Vybrať si môžeš, väčina z nich je zadarmo, inak ponúkajú ucelené knihy plné návodov, aj takých, čo sa na web nevošli. Možno časom narazíš aj na iný web venujúci sa návodom, tento je však jeden z najlepších. Fórum  Občas sa stane, že sa potrebuješ opýtať, ako vyriešiť „neriešiteľný“ problém, no zo začiatku nepoznáš nikoho znalého, lepšieho ako ty, kto by ti poradil. Preto zájdi na StackOverflow a opýtaj sa tam. Ich premakaný systém hodnotenia otázok a odpovedí dáva tomuto fóru jedinečnosť v tom, že určite vieš na prvý pohľad zistiť, ktorá odpoveď je vhodná pre tvoj problém. Oni totiž implementovali premyslenú gamifikáciu, ktorá vo svojej podstate stojí na kladení otázok, ich odpovedaní, editácii a hodnotení. Na tomto základe získavaš hodnosti a reputáciu na fóre. Ono to funguje výborne, lebo každého človeka to udržiava v aktivite. Celé fórum je v angličtine, samozrejme. Znovu platí, pokiaľ pretrpíš začiatky, že angličtine nerozumieš, tak neskôr porozumieš. A bude to dobré. Ako porozumieť angličtineUž som čosi naznačil skôr v článku. Sú štyri oblasti angličtiny (aj iných jazykov), ktoré je dobré trénovať: 1. Posluch 2. Čítanie  3. Rozprávanie  4. Písanie  [Image] Posluch si trénuj tak, že budeš audiovizuálny obsah sledovať výlučne v angličtine, aj keď tomu nebudeš hneď rozumieť. Slovíčka a frázy sa zvyknú opakovať a ty postupne pochopíš kontext vysloveného. Čítanie trénuj dobrým čítaním. Nielen tutoriálov a dokumentácie, ale aj článkov na blogoch a magazínoch, rôzne fóra. Tak sa naučíš, ako sa skladajú vety, aj keď mnohokrát sa môžu vyskytnúť chyby. Nič si z toho nerob, postupne ich budeš vedieť odhaliť. Buď sám, alebo s trochou pomoci zbehlejšieho prekladateľa. Rozprávanie trénuj rozprávaním :-) Zapni Siri a niečo jej povedz… každý deň :-). To by bol začiatok. Potom nájdi človeka, s kým sa môžeš porozprávať v angličtine. Ideálne zo zahraničia cez Skype. Alebo vycestuj do zahraničia a skús sa niečo opýtať. Napríklad skús MyEnglishTeacher.eu, speaking24.com alebo si pozri zoznam ďalších. Pri troche snahy sa dá takýchto zdrojov nájsť kvantum, over si, ktorý ti vyhovuje a choď na to. Písanie sa zvezie popri troch vyššie spomínaných aktivitách. Totiž musíš vedieť napísať, čo hľadáš, napíšeš nejaký komentár pod prečítané alebo svoj vlastný názor na Facebook, či Medium. Tak isto si dohodneš rozhovor s človekom zo zahraničia cez email, kde musíš písať taktiež. Pri všetkých aktivitách sa neboj robiť chyby. Pár ľudí ťa zdrbe za to, že si vôbec dovoľuješ s takou angličtinou niečo prezentovať. Lenže to je presne ten správny moment, kedy sa naučíš niečo nové. Opýtaj sa tých ľudí na to, ako by znenie zmenili a určite ti poradia. Tvoja cenaNebuď hlúpy a nepýtaj veľa. Si junior, začiatočník alebo veľmi mierne a vlažne pokročilý, no ešte stále sa máš čo ušiť. Ako to viem? No lebo čítaš tento článok, si jeho cieľovka. Aj profík to musí, ale na inej úrovni. Nastav si cenu na začiatku napr. na interval 0€ – 5€/hod. Teraz si to v hlave prerátaš, zistíš, že za mesiac (160 hodín) by si zarobil 800€ a za rok 9600€. Z toho odviesť ešte daň, odvody a ostane ti polovica. Tvoja predstava však bola aspoň dvoj až trojnásobná. No povedzme si pravdu, že aby si fakt mohol zarábať 20000€ ročne a viac, potrebuješ si toho dosť veľa odprogramovať, aby si appku nerealizoval dva mesiace, ale dva týždne. Vieš, toho, čo ti bude dávať peniaze tiež niečo stojíš a dobre si rozmyslí, či sa mu oplatí zaplatiť profíka na málo hodín alebo začiatočníka na veľa hodín. V konečnom dôsledku ho to finančne vyjde rovnako, no rýchlejšia realizácia = viac zrealizovaných projektov a viac financií na účte. [Image] S cenou to je ako so stromom. Teraz sa asi učíš programovať, si na začiatku, tak to ber, že si zasadil semiačko jablone. Začínaš rásť, ako rastie malý výhonok, no od toho výhonku ešte nežiadaš, aby ti dal jablká. Sám vieš, že dospelou jabloňou ešte nie je. Stačilo by, keby prišla myš, obhrýzla korienok a všetko je v prdeli. Ty si tiež ten výhonok, a keď sa budeš snažiť zarobiť čo najviac, nič z toho nebude, lebo nik ti to nedá. Pýtaj si vodu, ktorou cháp projekty, ktoré budeš robiť hoc aj zadarmo. Zo začiatku. Na nich sa naučíš komunikovať, projektový manažment, osobný časový manažment, plánovať a v neposlednom rade aj programovať. Ani sa nenazdáš a o pár mesiacov budeš na úrovni, kedy už budeš aj čo-to zarábať. ZáveromPrestaň teraz čítať, prejdi Swiftológa, otvor Xcode a urob niečo. Prípadne sa mi ozvi ;-) a potom si daj Swiftológa. Autorom blogu je Peter Druska, ktorý je lektorom online kurzu programovania iOS aplikácií Swiftológ. Zaujíma ťa programovanie alebo dizajnovanie? Vyber si niektorý z našich ďalších online a prezenčných kurzov pre začiatočníkov a mierne pokročilých na https://skillmea.sk.

Mnoho ľudí dnes uvažuje nad tým, že začne programovať mobilné aplikácie. Je to v móde, trendové a roboty je stále dosť. Navyše predstava je taká, že človek hneď začne zarábať veľké peniaze, že o rok bude doma Teslu nabíjať. Pravda však nie je taká ružová, ako sa na prvý pohľad zdá. Nechcem nikoho od programovania pre iOS, tobôž všeobecne, odrádzať, skôr naopak. Ja budem rád, keď sa programovaniu budeš venovať. Tak prečo ten oxymoron? Na jednej strane hovorím, že pravda o predstavách nie je taká ružová, ako sa zdá, no na druhej strane chcem, aby si do toho šiel. Je to ako so všetkým v živote. Ak sa niečomu venuješ neustále, naplno a s chuťou, tak vždy dosiahneš výsledky. Vždy! Ešte raz to zopakujem: vždy. Zniem už možno ako akýsi motivačný spisovateľ, no ja ťa chcem motivovať. Ale chcem ti ukázať aj druhú stránku mince. Začnime príbehmi o úspechoch. Moja rada znie: nečítaj ich. Šok? Radšej si prečítaj príbehy o tom, ako niekto zlyhal. Jáj, také sa nedajú moc prečítať, nik sa nechce chváliť tým, v čom neuspel. Vec sa má tak, že príbeh o úspešnom projekte sa dobre číta v priebehu 30 minút, za ktoré sa dokážeš namotivovať, že aj tvoj nápad je tak jedinečný a bude určite úspešný. Že je to tak? Ak sa mýlim, zavri tento článok a napíš mi :-). Platí pravidlo, že každý úspešný produkt, každá úspešná služba alebo firma je budovaná dlhé roky. Vychádza práve z mnohých neúspechov, ktoré ozrejmia, ako veci urobiť lepše v budúcom pokuse. A keď ľudia okolo produktu/služby/firmy vydržia dosť dlho, jeden z tých pokusov vyjde a stane sa úspešným. Tak je to. Je to na prvý pohľad jednoduché, no trvá to dlho. Zapamätaj si, že neexistuje úspech, ktorý sa udeje cez noc. A programovať sa nenaučíš za pár dní. Chce to veľa odriekana, driny a potenia krvi. Tvoj mozog sa bude točiť na plné obrátky a ty nebudeš chápať, čo to od teba ten program vlastne chce. Budeš si trhať vlasy, radšej budeš hladný, len aby si vyriešil alebo vyriešila problém, ktorý pred tebou už niekoľko dní visí. Prebdieš mnohé noci, s priateľmi sa budeš rozprávať len na autopilota, lebo v hlave ti pôjdu logické obvody, ktoré si naštartoval na plné obrázky. Tie ťa tak veľmi zamestnajú, že čoskoro budeš vylúčený z partie, v ktorej si bol možno alfa samcom. Budeš sa meniť, nebudeš sa vedieť smiať ich humoru, bude to ťažké. To je ten lepší prípad. Môže sa ti stať, že ťa budú mať za divného, čudáka, ktorý robí niečo, čo nedáva na prvý pohľad zmysel. Z krátkodobého pohľadu určite nie. No z dlhodobého pohľadu získaš ďalšiu superschopnosť, pri ktorej používaní nebudeš musieť nosiť krikľavé elasťáky, navliekať sa do nepohodlnej masky a zachraňovať sociálne slabších jedincov. Svet budeš zachraňovať inak, z úzadia, z pohodlia domova či pri starostlivosti o svoje deti. Sedíš pohodlne? Lebo teraz vymenujem výhody, ktoré ti programovanie určite prinesie. Naučíš sa angličtinuTreba si uvedomiť, že svet je dnes viac a užšie prepojený, ako kedysi. Poznať len slovenčinu je málo. Áno, biznis sa dá robiť aj tu, lokálne, no ak chceš ísť do sveta, ak chceš, aby ťa poznali aj v iných lokalitách, angličtina je základ. Ak ju nevieš, nevadí. Do všetkého sa dostaneš postupne. Pozeraj filmy, seriály a youtube videá výhradne v angličtine. Niečo z hovoreného slova pochytíš. Čítaj články v angličtine, ideálne http://medium.com, kde je mnoho zaujímavých názorov, hovorová angličtina, jednoduchšia, ťažšia, rôznorodá. Ozvi sa niekomu anglicky hovoriacemu cez Facebook, Twitter… daj si s niekým skype. Prihlás sa do nejakého online kurzu cez www.edx.org, alebo iné. Dnes už nemusíš cestovať do inej krajiny, aby si sa naučil angličtinu. Naučíš sa programovaťOkrem iného :-). Programovnie nie je jediná oblasť v spoločnosti, ktorá sa dá robiť. Je toho veľa. Vymenovávať to nejdem. V zásade dnes si vieš zarábať nahrávaním YouTube videí, hraním alebo testovaním hier, kreslením, upratovaním, staraním sa o deti alebo programovaním. Je predpoklad, keď čítaš tento článok, že sa chceš venovať programovaniu. Vedieť programovací jazyk znamená vedieť, ako funguje tento svet. Zdá sa to divné, no celý náš život sú algoritmy, predpísané pravidlá, podmienky, cykly, triedy, polia, objekty. Presne to popisuje aj väčšina dnešných programovacích jazykov. [Image] Naučíš sa logicky myslieťBez logiky sa nepohneš. Bez logiky uveríš ľuďom a politikom, ktorí klamú. S chápaním výrokovej logiky a boolovskej algebry budeš poznať mocný nástroj na odhalenie poloprávd, lží a zavádzaní. Bude to ale trvať dlho. Naučíš sa komunikovať v tímeBudeš zrejme na Slacku (alebo inom IM) v kontakte s ľuďmi v tíme. Nebudeš len ticho sedieť a robiť si svoju prácu. Budeš argumentovať, obhajovať svoje postoje, návrhy, prijímať zmenové požiadavky, reagovať na ne. Budeš dávať vedieť o tom, kto si, čo robíš, prečo to robíš, ako to robíš. Zrejme budeš mať niekoho, ktorí robí pre druhú platformu, v našom prípade Android, s ktorým budeš komunikovať návrh databázy, API, grafiky, … Budeš komunikovať s grafikom, grafičkou, ilustrátorom, obchodníčkou, … Bez komunikácie ani na krok. [Image] Budeš prispievať vecami zadarmo do komunityPriprav sa na to, že v záujme tvojho rastu budeš robiť veci zadarmo. Normálne, že nik ti za ne nezaplatí a sám ich dáš von. Napríklad na GitHub.com. Ak chceš, aby ľudia o tebe vedeli a prípadne ti pomohli, musíš aj ty pomôcť im. Je to vzájomné a lepšie sa ti potom bude dýchať. Nie je to podmienka, nemusíš nič uverejniť, nikomu pomôcť. Ber to ako odporúčanie, ako vyrásť, ako získať konštruktívnu kritiku na svoju prácu a tak sa zlepšiť. Budeš pomáhať iným ľuďomStačí, že sa staneš trochu známym, ľudia ti budú písať, aby si im s niečím pomohol. Buď poradiť, alebo vysvetliť, nebodaj dokonca naučiť. Priprav sa na to, lebo to ťa čaká. Zase sme pri komunikácii, no táto je už na inej úrovni. Nezabudni však reálne ohodnotiť svoje schopnosti a sľúbiť len to, čo vieš dať. Inak môžeš veľmi rýchlo vyhasnúť, čo by malo za následok, že by si prestal/a s programovaním. Naučíš sa osobný time managementNie je nič horšie, ako čakať od druhých ľudí, že ti pripravia program dňa, týždňa, mesiaca. Nie. Dnes musíš ty rozmýšľať, ako, kedy, a čo urobíš. Dostaneš projekt, v lepšom prípade si termín určíš ty, v tom horšom ho dostaneš a tvojou úlohou bude projekt si naplánovať tak, aby si ho stihol. Úlohu po úlohe, kúsok po kúsku. Tieto úlohy bude sledovať ešte niekoľko párov iných očí ľudí v tíme. Tie oči majú za sebou mozog, ktorý sa ťa bude pýtať, čo robíš, kedy chceš dokončiť väčšie celky a podobne. Častokrát to budú nepríjemné otázky, pretože sám vnútorne vieš, že niečo nevieš, no bojíš sa to povedať. Spoznáš nových ľudíSi píš. Aj keby si mal naučený strach z ľudí, tomuto sa nevyhneš. Skôr či neskôr príde za tebou neznámy kolega a bude niečo strašné chcieť. Možno mu na začiatku nebudeš rozumieť, no naučíš sa jeho jazyku rozumieť. Ak niečo nebude jasné, smelo sa pýtaj, klaď aj hlúpe a trápne otázky, iba tak sa posunieš a naučíš to, čo je treba. Každý nový človek v živote človeka prináša obohatenie, konfrontáciu s novými a odlišnými názormi, iný pohľad na tú istú vec. Oboch vás to obohatí. PeniazeSamozrejme, programovanie pre iOS prináša aj peniaze. Kto by to bol býval čakal, všakže? Nečakaj však hneď plat ako čítaš v motivačných článkoch. O rok nebudeš mať Teslu v garáži, ani najnovšiu techniku od Apple. Budeš stále fičať na tom, čo máš, v garáži okrem bicykla bude ojazdené auto. Skôr buď zdravo sebavedomý, predaj sa, no nepýtaj prehnané sumy. Ono to ovocie (rozumej peniaze) príde akosi samé. A potom aj tú Teslu budeš doma nabíjať. [Image] Tak je to so životom programátora pre iOS. Sú lepšie dni, sú dni, kedy to budeš chcieť zavesiť na klinec. (Alebo na GitHub?) No tak to býva všade v živote. Len rob to, čo ťa baví, napĺňa a obohacuje osobnostne i finančne. Niekedy nemusíš mať mega prachov, aby si bol šťastný alebo šťastnou. Možno menej peňazí vymeníš za väčšiu slobodu v práci, za flexibilitu pracovného času, za čas strávený s rodinou. Určenie priorít je už na tebe. Veľa šťastia :) Autorom blogu je Peter Druska, ktorý je lektorom online kurzu programovania iOS aplikácií Swiftológ. Zaujíma ťa programovanie alebo dizajnovanie? Vyber si niektorý z našich ďalších online a prezenčných kurzov pre začiatočníkov a mierne pokročilých na https://skillmea.sk.

Chrome, Sublime text, WordPress a MAMP či WAMP už poznáte. Tu sú ďalšie vynikajúce zdroje, ktoré vás posunú o level vyššie. Zoznam nie je ani zďaleka kompletný, no priebežne bude dopĺňaný. Ak máte nejaké dobré nápady, pokojne napíšte do komentárov alebo dajte pull request.[Image] Šablóny• themeforest.com - platené, no veľmi dobré • html5up.net - pekné čisté HTML5 šablóny zdarma Fotky• unsplash.com • compfight.com • Canva • Pixlr • Pixabay Práca a kolaborácia• Atom alternatíva k Sublime Text - postavené na webových technológiách, žerie viac pamäte • GitHub (alebo aj BitBucket) + napr. SourceTree alebo GitHub Desktop alebo git v príkazovom riadku • Trello - kolaborácia, plánovanie a organizácia projektov • Toggle - trackovanie času, reporting • Slack - komunikačný nástroj pre teamy • SuperFaktúra - aj fakturovať treba • Coffitivity - príjemný hluk kaviarne, ak máte doma príliš ticho - výskum potvrdzuje • Bonus: vim - ak ste veľký frajeri a Atom sa vám zdá príliš farebný Tutoriály a vzdelávanieVáš najlepší kamarát: YouTube Online univerzitné kurzy zdarma: • Coursera Platené, miestami free trial: • webrebel - slovenské video tutoriály (HTML, CSS, JavaScript, PHP, MySQL, Laravel)! • treehouse • lynda Prednášky z WebExpo 2015 Články a blogy: • CSS Tricks • Code guide by @mdo Knihy zdarma: • eloquent javascript • Getting Real by 37 Signals / Basecamp • Playbook a Guides by Thoughbot UX• Julesove UXthis! • GoodUI • Kniha musí byť: Don't Make Me Think od Steve Krug Hosting• DigitalOcean • Na menšie veci a registráciu domén: WebSupport Čo sa ďalej naučiť• SASS • viac Javascriptu • Foundation namiesto Bootstrap • Gulp/Grunt • Bower • Node.js - hlavne kvôli npm • Markdown - zjednodušený formátovací jazyk, v ktorom je písaný tento dokument Bonus a špeciality• CSS vtipy Moje obľúbené podcasty• StartUp • The Complete Guide To Everything • Beyond the To Do List • Question of the Day • Accidental Creative • The EntreLeadership Podcast • Bizcraft - tento je naozaj o weboch a spol. • The Tim Ferriss Show nemôžem vynechať Tak trochu v tejto kategórii osobného rozvoja a udržania duševného zdravia: • Spotify • Audible Autorom tohto blog postu je Matúš Marcin, lektor kurzu webdesignu v Košiciach, ktorý sa webdevelopmentu venuje už takmer dekádu. Ak máte nejaké otázky, alebo chcete doplniť tento zoznam, napíšte nám komentár.

PHP je to open source skriptovací jazyk a používa sa najmä na programovanie klient-server aplikácií a pre vývoj dynamických webových stránok. Skratka PHP pôvodne znamenala Personal Home Page, dnes táto skratka znamená Hypertext Preprocessor. PHP možno používať aj na vývoj aplikáci s uživateľským rozhraním. Okrem iného PHP dokáže spolupracovať s relačnými databázami, pričom zachováva jednoduchú a priamočiaru syntax. Pozrite si zoznam najznámejšich webov vytvorených v PHP:  Facebook [Image] Wordpress [Image] Fickr [Image] Yahoo [Image] iStock [Image] Digg [Image] Wikipedia [Image] LiveBid Auction [Image] Chceš sa naučiť tvoriť weby v PHP a jeho populárnom frameworku Laravel? Choď na webrebel.sk a my ťa to naučíme. Pridaj sa k nám aj ty, nauč sa programovať a možno o pár rokov už budeme písať o tebe! ;)

Už ste niekedy skúsili programovať v jazyku Ruby a jeho frameworku Ruby on Rails? Jazyk Ruby je považovaný za jeden z najvhodnejších jazykov pre úplných začiatočníkov, framework Ruby on Rails je zase populárny pre rýchlosť vývoja. Ruby a Ruby on Rails sú vhodné aj na tvorbu e-commerce webov, sociálnych sietí či projektov s veľkým množstvom audio súborov, textov alebo foto albumov. V tomto blog poste sa pozrieme na najznámejšie weby vytvorené pomocou Ruby on Rails.  1. Basecamp Dá sa povedať, že rozruch okolo Ruby on Rails odštartoval práve tento nástroj na projektový manažment, nakoľko David Heinemeier Hansson vytvoril Ruby on Rails počas vývoja Basecampu. [Image] 2. GitHub Je to hosting pre (open-source) projekty verzionované pomocou Gitu.[Image] 3. Indiegogo Celosvetovo známy crowdfundingový portál.[Image] 4. Goodreads Sociálna sieť pre milovníkov kníh.[Image] 5. Scribd Tvoja osobná knižnica, v ktorej máš prístup k viac ako 400 tis. knihám od viac ako 900 autorov a vydavateľov.[Image] 6. Fiverr Stránka, na ktorej si môžete kúpiť alebo dať vyrobiť takmer všetko za 5 dolárov.[Image] 7. Shopify Populárna služba na vytváranie eshopov[Image] 8. Airbnb Marketplace spájajúci ľudí, ktorí poskytujú svoje voľné ubytovacie kapacity s ľudmi, ktorí ubytovanie hľadajú.[Image] 9. Envato (Theme Forest) Ekosystém webov (Envato Market, Envato Studiu, Tuts+), ktoré vám pomáhajú byť kreatívni.[Image] 10. Crazy Egg Pomocou tejto aplikácie môžete zistiť, kde na stránke najčastejšie klikajú vaši návštevníci (heatmapa).[Image] 11. Heroku Cloud hosting, na ktorom funguje niekoľko miliónov aplikácií.[Image] 12. SoundCloud Slúži na zdieľanie a nahrávanie audia, ku ktorému majú užívatelia prístup prostredníctvom web stránky alebo mobilnej aplikácie.[Image] 13. Groupon Groupon odštartoval masové rozšírenie hromadného nakupovania a vznik ďalších zľavových portálov.[Image] Webov vytvorených v Ruby on Rails je oveľa viac, v ďalšom blog poste sa pozrieme na tie, ktoré sa do tohto prvého dielu nezmestili. Ak poznáte známe weby alebo portály vytvorené s pomocou tejto technológie, budeme radi, ak sa o ne s nami podelíte a napíšete ich do komentárov. V prípade, že vás zaujíma vývoj v Ruby on Rails a chceli by ste sa naučiť tvoriť vlastné webové aplikácie, v Learn2Code sme pre vás pripravili 3-mesačný kurz pod názvom Web Developer, zameraný práve na tento webový framework, informácie o kurze nájdete na našom webe.

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 ;)