Heading

Natália Račák Vajdová je ďalšou úspešnou absolventkou našich online kurzov. Zaujalo ju testovanie a vďaka tomu sa aj dostala do online cestovnej agentúry Kiwi.com, ktorá má svoju pobočku už aj v Bratislave. Natália síce v minulosti študovala informatiku a aj vo svojej predchádzajúcej práci mala blížko k technológiám, naplno však svoje zanietenie pre IT a testovanie objavila až vďaka kurzom od Furbyho. Ktorý je zhodou okolností aktuálne aj jej šéf. [Image] Prezraď v úvode našim čitateľom, čomu si sa venovala predtým, ako si sa rozhodla pre kariéru v IT?V minulosti som pracovala niekoľko rokov ako lead manažér v štátnej správe, pričom som mala blízko k technológiám ako 3D tlačiarne, scannery či lasery. Znie to možno celkom zaujímavo, ale ako manažér riešite väčšinu času byrokraciu, prácu s ľuďmi a na tú “kreatívnu” stránku práce nie je dostatok času. Po pár rokoch na tejto pozícii som si začala uvedomovať, že to pravdepodobne pre mňa nie je príliš perspektívne a zároveň som prišla na to, že s počítačmi si rozumiem asi viac ako s ľuďmi (dokážu človeka menej vytočiť) 😃. Podala som teda výpoveď, dala som si tri mesiace na totálny reset v spojení so samovzdelávaním a začala som pracovať v IT úplne od nuly. Kurzov si asi absolvovala viac, ktoré ťa oslovili najviac?Automatizované testovanie webu – Selenium a Selenium advanced od Furbyho. Nevedela som, že sa vzdelávacie videá dajú pripraviť takou vtipnou a hravou formou, čo spôsobilo, že som oba kurzy “zhltla” za tri dni. Na štvrtý deň som prišla na pohovor, kde ma vďaka príprave z kurzov prijali priamo na mieste. Takže práve vďaka týmto dvom kurzom a školiteľovi sa mi otvorili dvere do sveta IT za rekordné 3 dni a 15 minút pohovoru. 🙂 Kurzy ti pootvorili bránu do IT, malo to teda pre teba určite zmysel. Zaujímala si sa aj predtým o oblasť testovania či IT?Informatiku som v minulosti študovala, čiže to pre mňa nebola úplne španielska dedina, ale nikdy som si nenašla niečo, čo by ma na IT skutočne bavilo a bola by som ochotná do toho investovať svoj čas. Na škole nám toho o testovaní ako odbore príliš veľa nehovorili, a keď mi prišla úplnou náhodou prvá ponuka na testerskú pozíciu “Automation tester”, nemala som ani tušenie, čo je Selenium, Cypress či automatizácia ako taká. V tej chvíli mi práve pomohli kurzy z Learn2Code, ktoré mi priblížili problematiku testovania. Aktuálne pracuješ vo firme Kiwi, čo všetko si musela absolvovať, aby si sa tam dostala?Nebudem klamať, ak poviem, že prejsť pohovormi v Kiwi bol zážitok. Klasicky, prvý pohovor prebiehal s HRistkou, ktorá na mňa pôsobila neskutočne milo a uvolnene, takže prvý dojem spravili fantastický.  Druhé kolo už bola iná sranda. 🙂 Išlo o technický pohovor, kde mi 24 hodín pred pohovorom zaslali stránku Kiwi, na ktorej som mala nájsť bugy a nareportovať ich, čiže taký klasický manuálny testing. Počas hovoru ma však prekvapili ďalšou úlohou, ktorú som mala začať riešiť hneď po skončení pohovoru a ozvať sa s výsledkom do pár hodín s tým, že po tom, čo im ukážem výstup, bude pohovor ešte pokračovať. Išlo o prípravu automatizovaného testu pre stránku Kiwi v Cypresse s použitím JavaScriptu a s určitým presahom aj do Gherkinu. Po nakódení a odprezentovaní sme mali ešte krátku diskusiu o tom, čo sa dá spraviť lepšie/inak a prečo som zvolila určité postupy pri riešení problému. Tretie kolo prebiehalo so šéfom testingu v Kiwi, ktorý sa snažil zistiť či reálne zapadnem do tímu a aké sú moje ciele ako testera. Posledné kolo bolo s vice prezidentom pre Engineering celej firmy, opäť veľmi uvoľnený a nenútený rozhovor o samotnej firme, pričom to na mňa pôsobilo ako posledné uistenie sa či sa do firmy hodím a či rozumiem hodnotám samotnej spoločnosti.[Image] Aká je tvoja konkrétna náplň práce, čo robíš?V Kiwi nerozlišujeme medzi automatizovanými a manuálnymi testermi, tu sa všetci označujeme ako QA Engineers. Máme za to, že dobrý tester musí vedieť aplikáciu manuálne preklikať a tým ju lepšie spoznať, aby bol následne schopný pripraviť kvalitný a stabilný automatizovaný test. V tom vlastne spočíva moja náplň práce. Časť pracovného času trávim manuálnym testovaním requestov od developerov, ale väčšinu pracovnej doby sa snažím prísť na to, ako si prácu uľahčiť a testovanie automatizovať pomocou Cypressu. 😃 Zároveň sa venujem vzdelávaniu juniornejších kolegov v rámci automatizácie, prípadne mám možnosť sa sebarealizovať pri komplexnejších úlohách (príprava veľkých testovacích setov od plánovania až po samotnú prípravu a nasadenie; zodpovednosť za všetky testy v repozitári a ich údržba pred nestabilnosťou, a pod.). Považuješ sa za technický typ, keď pracuješ v softvérovej spoločnosti na pozícii QA Engineer?Určite áno. Ja som mala blízko k počítačom už od malička, kedy som zvykla zanášať počítač vírusmi na CDčkách a potom som musela zachraňovať situáciu a mamine, v tej dobe už vírusom zakryptované, Word dokumenty. Paradoxne to boli tie momenty, ktoré ma nasmerovali bližšie k technike a IT ako takému. 🙂 A tadá, o pár rokov neskôr som opäť v pozícii “záchrancu”, ale tentoraz pred bugmi v produkcii, ktoré našťastie už nevytváram ja. Čo ťa najviac baví na tvojej práci? Máš nejaký obľúbený task, ktorý robíš najradšej?Úprimne, nie som veľký nadšenec manuálneho testingu, aj keď chápem, že musí mať v mojom testerskom živote miesto, viac sa vyžívam v príprave automatizovaných testov a programovaní 😊 Zároveň sa v súčasnosti venujem testovaniu SEO (optimalizácia webu pre vyhľadávače), čo ma v posledných mesiacoch maximálne pohltilo. Je to úplne iný typ testingu, než na ktorý som bola doteraz zvyknutá. Dnes je obrovský dopyt po programátoroch, testeroch, IT-čkároch všobecne. Čo by si poradila všetkým, ktorí nemajú žiadne skúsenosti, ale chceli by nejako začať?V skratke: nebojte sa a robte to, čo Vás baví. Bude to znieť ako klišé, ale na to, aby ste boli v IT úspešní a napredovali ste, musí Vás práca baviť a napĺňať, je to jedna z najsilnejších motivácií. Zároveň si skúste nájsť práve odbor, v ktorom viete, že budete mať stále určité výzvy a nebojte sa ich. To nič, že na začiatku nič neviete, ale práve výzvy Vás budú nútiť zlepšovať sa, budú Vás formovať a posúvať Vás vpred. Pre mňa osobne bol prvý challenge vôbec sa odhodlať ísť na pohovor na pozíciu, o ktorej som nevedela absolútne/takmer nič. Práve vďaka časovému tlaku a tomu, že si nechcem spraviť hanbu na pohovore, pracujem v IT už viac ako rok a pol. 😉 Čo je podľa teba najväčšou výhodou práce v IT odvetví?Rôznorodosť a dostupnosť práce. V IT sa nikdy nezačnete nudiť a ak aj áno, vždy máte možnosť zmeniť zameranie a začať odznova. Krásne na IT je to, že nepotrebujete vysokú školu, aby ste boli považovaní za kvalitného developera, testera či systemáka. Reálne Vám stačia kurzy, Vaše zapálenie a časom aj prax. A ak Vás napríklad práca testera začne nudiť, jednoducho sa povzdelávate v inej oblasti v rámci IT, pričom môžete stavať už na určitých základoch z predchádzajúcej pozície. Mala si niekedy pocit, že to nezvládneš? Bolo obdobie, kedy si chcel skončiť a robiť niečo úplne iné?Nikdy. Ja svoju prácu doslova milujem a žijem ňou. A aj v prípade, ak by prišla v mojom pracovnom živote nejaká kríza, moji kolegovia by ma nenechali až natoľko padnúť na duchu. Mám okolo seba naozaj skvelý tím, ktorý mi ani len nedovolí pomyslieť na ukončenie “testerskej kariéry”. Keď sa vrátime späť k tvojej práci, ako vyzerá tvoj bežný pracovný deň? Kiwi má pekný office v Bratislave, chodíš tam rada, alebo pracuješ aj z domu?Svoj pracovný deň začínam približne o deviatej, pol desiatej ráno, kedy ma čakajú prvé stand upy, kde sa ako QAs synchronizujeme s developermi, aby sme mali predstavu, kto čo robil, či sa niekto na niečom nezasekol a či si v rámci toho nepotrebujeme vzájomne pomôcť. Ak v ten deň nemám naplánované nič s vyššou prioritou, vyberiem si requesty od developerov, ktoré treba otestovať a tomu sa aj venujem väčšinu dňa. Niekedy sa vyskytnú aj ad-hoc úlohy vo forme prípravy hotfixov pre padajúce testy, code reviews a pod. Kvôli dlhšiemu cestovaniu viac preferujem prácu z domu, ale office navštevujem približne 2x do týždňa a to hlavne z dôvodu, aby som sa socializovala so svojimi kolegami. V office máme krásne priestory, dobrú kávu, zmrzlinu a skvelý kolektív, čo viac si môžem priať. 😉[Image] Čo sa týka ďalšieho vzdelávania, máš v pláne naučiť sa niečo nové, čo ti môže pomôcť v tvojej práci?Určite áno. Rada by som sa naučila základy aj pokročilé techniky Reactu, aby som viac porozumela zmenám priamo v kóde, ktoré developeri robia v jednotlivých requestoch. Vďaka tomu budem schopná lepšie zvoliť prístup k testovaniu jednotlivých taskov tak, aby som testovala ešte presnejšie, rýchlejšie a efektívnejšie. Ak máš na Natáliu nejaké otázky, neváhaj ich napísať do komentárov. Chceš sa tiež podeliť o svoju success story? Napíš nám správu 🙂

Pokiaľ ide o dizajnovú stránku digitálnych produktov, často sa stretávame s výrazmi „Požívateľská skúsenosť (UX)“ a „Používateľské rozhranie (UI)“. Aj keď sú oba pojmy dosť známe, tak nie je výnimkou, že ľudia v dizajne digitálnych produktov (aj mimo neho) používajú tieto pojmy ako synonymá, prípadne ich uvádzajú nesprávne. V tomto článku sa na to trošku pozrieme. UI: Ako to vyzeráPri dizajnovaní používateľského rozhrania (User Interface) sa venujeme tomu, ako budú vyzerať napríklad jednotlivé screeny. Bavíme sa tu teda najmä o ich grafike, o kreatíve. Keď si to zjednodušíme, tak UI rieši to, čo vidíme našim okom. Sú to použité obrázky, farby, aplikované animácie prechodov či efektov a takto by sme mohli pokračovať.   Dobre spracované UI by malo spĺňať niekoľko všeobecných zásad:  • Musí to byť jasné. Všetky prvky UI sú niečo ako vizuálne metafory. Musia byť pre nich okamžite zrozumiteľné. Ak musí používateľ uvažovať nad tým, čo daný element robí, niekde je chyba.  • Musí to byť známe. UI by malo umožniť používateľom využiť ich predchádzajúce skúsenosti z iných interakcií, ktoré s daným produktom mali a tak im budú aj tie ostatné funkcie minimálne povedomé.  • Musí to byť konzistentné. Keď je UI spracované konzistentne naprieč všetkými produktami či ich stránkami, tak si používateľ začne rýchlo všímať vzorce používania a osvojí si ich. • Musí to byť efektívne. Dobré UI umožňuje používateľom dosiahnuť pri minimálnom vstupe požadovaný výstup. Tu radíme napríklad aj skratky pre skúsených používateľov, vďaka ktorým bude ich interakcia produktívnejšia. Jednou takou je aj Ctrl+C/V. UI je teda priestor, v ktorom sa dejú všetky interakcie medzi človekom a strojom. Vďaka nemu môžeš efektívne ovládať zariadenia na plnenie potrebných úloh. Vlastne aj teraz pri čítaní tohto článku vnímaš UI spracovanie nášho webu.[Image] UX: Ako to fungujeKeď sa bavíme o používateľskej skúsenosti (User Experience), tak máme na mysli celú logiku toho, ako to funguje na pozadí. Povedzme, že robíme mobilnú aplikáciu. UX sa postará o to, aby sa v nej jej používateľ vedel intuitívne orientovať a práca s ňou mu nespôsobovala bolesti hlavy. Všetky kroky musia mať svoju logiku. Objaví sa najprv obrazovka s registráciou a až potom ťa apka pustí dnu, alebo si ju môžeš hneď vyskúšať a pokyn na registráciu sa objaví až potom? Obe varianty poskytnú inú používateľskú skúsenosť bez ohľadu na to, aký animačný prechod (UI) sa pri ťukaní zobrazuje alebo akým fontom sú prezentované texty.  Pri práci na UX by si mal venovať veľa času testovaniu použiteľnosti daného riešenie, nezaškodí a ani používateľský prieskum. Až potom má zmysel začať priebežne implementovať jednotlivé aspekty UI, ktorými sú dizajn layoutu, vizuálne spracovanie či branding. Obe profesie riešia niečo iné, no musia fungovať v tandeme. Neexistuje žiadna jasne stanovená čiara, kedy končí práca na UX a ideme riešiť UI. “UX zahŕňa všetky aspekty interakcie koncového používateľa so spoločnosťou, jej službami a produktmi.” Už tie samotné skratky UX a UI implikujú, že sú tieto dve disciplíny prepojené aj keď je ich podstatou niečo iné. Niečo, čo vyzerá skvele, ale ťažko sa používa, je príkladom skvelého UI a zlého UX. Na druhej strane zasa niečo super použiteľné, čo vyzerá hrozne, je príkladom skvelého UX a zlého UI. “  Pekne to sumarizuje tento obrázok.[Image] Prečo sú UX a UI často ponúkané ako jedna pozícia?Už sme si povedali, že UX a UI sú dve samostatné oblasti, takže by ťa teraz mohlo zaujímať: prečo je toľko pracovných ponúk, ktoré hľadajú dizajnérov UX / UI v jednom?  Pravdou je, že z širšieho uhla pohľadu sú UX a UI stále relatívne novými oblasťami a ako už bolo spomenuté, majú tendenciu byť špecifické pre technologický priemysel. Mimo sveta dizajnu a technológií im mnohí až tak nerozumejú, aj keď sú pre biznis veľmi dôležité.  Nie je to však vždy len o nepochopení ľudí z inej brandže. Mnoho spoločností cielene hľadá všestranných dizajnérov, ktorí dokážu zastať UX aj UI, alebo ktorí majú okrem svojich hlavných skillov aspoň dostatočnú úroveň poznania UX alebo UI princípov.  Či už teda  hľadáš pozíciu iba pre UI, výlučne pre UX alebo kombináciu oboch, je dôležité pozrieť sa na pracovnú pozíciu s nadhľadom a venovať osobitnú pozornosť uvedeným schopnostiam, úlohám a zodpovednostiam. Treba rýchlo zistiť, či je pracovná ponuka skutočne zameraná na jedno alebo druhé, alebo je cielene formulovaná na oba. V každom prípade si to ale vyžiada iný skillset.  Stále si nevieš vybrať to správne pre seba? Skús to s týmto obrázkom:[Image]Takže ešte raz na záver, UI - dizajn používateľského rozhrania nie je to isté ako UX - dizajn používateľskej skúsenosti.

Úvod do databázyNa internete, v mobilných aplikáciách vo webových aplikáciách potrebujeme dáta – informácie. Tieto informácie musia byť niekde uložené. My si budeme rozprávať o SQL databázach. Sú to systémy, ktoré majú v sebe uložené dáta vo forme tabuliek. Z týchto tabuliek následne tieto dáta čítame a zobrazujeme používateľom.  Pozrime sa na príklad. Majme databázu – informácie o škole. V tejto databáze máme informácie o triedach, učiteľoch alebo aj o žiakoch.  Začnime s triedami. Aké máme informácie o triede? Trieda má názov, kapacitu, číslo miestnosti, označenie či je interaktívna a podobne. Tieto označenia by boli názvy stĺpcov v tabuľke. Riadky v tabuľke sú následne reálne dáta.  Názov tabuľky: Class[Image] V databáze budeme mať viacero tabuliek, podľa požiadaviek. Môžeme mať všetko v jednej tabuľke, ale ako to potom rozdelíme? Nad takýmto uvažovaním treba myslieť dopredu. Analýza a návrh tabuliek ide ruka v ruke s praxou. Neboj sa toho, teraz je potrebné hlavne, aby si získal prax a to ide ruka v ruke s chybami.   Úvod do SQLV počítačovom svete máme viacero typov databáz. My si niečo povieme o SQL teda o Structured Query Language. V preklade niečo ako štruktúrovaný dopytový jazyk. Query teda dopyt je príkaz – žiadosť – dopyt na databázu. Žiadame o vrátenie dát, o úpravu dát, vloženie alebo o zmazanie dát.  Databáza je samostatný systém, ktorý môže byť na tvojom počítači alebo na vzdialenom počítači. Na túto databázu potom pošleme dopyt. Dopyt pošleme formou SQL príkazov, ktoré majú určitú štruktúru.  SQL syntaxSQL nie je case sensitive, teda sa nerozlišujú veľké a malé písmená. Napriek tomu sa príkazy píšu najmä veľkými písmenami. Príkazy vieme písať aj na viacero riadkov, ale musia byť ukončené bodkočiarkou. SELECT * FROM Class; Alebo:  SELECT * FROM Class;Samozrejme zmysel to dáva len ak je komplikovanejší príkaz.  Názvy stĺpcov a tabuliek píšeme malými písmenami. Ak je názov zložený z viacerých slov, tak slová oddelíme znakom _ podtržník. Je to odporúčaný spôsob pre lepšiu čitateľnosť. Názvy môžu obsahovať aj čísla. Pri vymýšľaní názvov sa pokús vyhnúť množným číslam. Názvy majú byť krátke a výstižné.  Názvy nesmú byť totožné s kľúčovými slovami, ako je napríklad slovo SELECT / select. DatabázaVytváranie databázyDatabázu vieme vytvoriť aj pomocou príkazu ak sa napojíme na inštaláciu databázového systému, napríklad MySQL.  Príkaz by vyzeral nasledovne:  CREATE DATABASE Class;  Alebo ju vytvoríme po pripojení sa na databázový systém z databázovej aplikácie. Tých je viacero. MySQL workbench, DBiever alebo SQuirrel. Aj programovacie vývojové prostredia sa vedia pripojiť na databázu ako napríklad IntelliJ IDEA Ultimate edition. Všetky poskytujú prostredie na správu a prezeranie databáz.  Databázu vieme aj zmazať: DROP DATABASE Class; Premenovať: RENAME DATABASE Class TO new_class_name;  Vytváranie tabuliekTeraz, keď sme vytvorili databázu, tak si môžeme vytvoriť tabuľky. Znovu vieme použiť prostredie na správu databáz, ale my si ukážeme postup pomocou príkazu. Pozrime sa na príklad: CREATE TABLE Class ( id int, name varchar(255), capacity int, room_number int, interactive boolean );Čo sme napísali? Na začiatok máme príkaz CREATE TABLE Class, kde vravím, že chcem vytvoriť tabuľku s menom Class. Následne medzi zátvorky napíšeme zoznam stĺpcov – tučným písmom naznačené (id, name ...). Vedľa názvov stĺpcov máme špecifické príkazy pre dané databázové systémy. Jedno je však spoločné – za názvom stĺpcu nasleduje typ údaju – musíme zašpecifikovať, či je to číslo, či je to text, či je to boolean a podobne.  Špecifikovanie dátových typov sa môže líšiť podľa toho, akú databázu používame. Základné typy sú podobné a niektoré rovnaké.  Napríklad text zašpecifikujem ako varchar – v zátvorke je dĺžka počtu znakov, teraz som povedal, že názov môže mať dĺžku len 255 znakov. Páčil sa vám článok? V nasledujúcom článku sa pozrieme na ďalšie SQL príkazy.

WordPress je platforma, ktorá ponúka množstvo výhod pre spravovanie akéhokoľvek obsahu. Spočiatku sa táto platforma využívala len na blogovanie, avšak dnes vďaka množstvu vylepšení v podobe pluginov je možné na prostredníctvom tohto systému vytvoriť akýkoľvek web. Pritom samotná tvorba obsahu, rovnako ako aj obsluhovanie webovej stránky je nesmierne rýchle, jednoduché a pohodlné.[Image] Ako tvoriť prostredníctvom Wordpress?V prvom rade je potrebné, aby ste si zvolili názov stránky a vybrali si dobrú hostingovú spoločnosť, vďaka čomu si vytvoríte stabilný základ. Informácie o WordPresshostingu nájdete tu na stránke IONOS. Následne si nainštalujete Wordpress a môžete začať tvoriť. Vyberiete si vhodnú tému, pričom môžete siahať po bezplatných aj platených verziách. Nahráte tému a začiatok vašej zbesilej jazdy sa môže začať.  Tento redakčný systém je zadarmo a súčasne nevyžaduje ani žiadne nadmerné programovacie schopnosti. Prakticky ho vie používať aj obyčajný používateľ internetu, keďže na webe vieme nájsť veľa návodov. Problémom nie je ani vytvoriť aj multi - jazyčnú webstránku. V neposlednom rade ho využíva nespočetné množstvo používateľov, pretože jeho využívanie poskytuje veľa výhod. Aké výhody WordPress poskytuje? Výhody WordPressu1. WordPress je vďaka svojim funkciám dnes už rovnocenný CMS (Content management system) v porovnaní s akýmkoľvek iným. Medzi základnú výhodu, ktorá mu zaručuje aj čoraz viac používateľov je jeho jednoduchosť. Stránky viete jednoducho vytvoriť, upraviť a ovláda sa jednoducho aj intuitívne. 2. Ďalšou výhodou je aj to, že si na vašu webovú stránku viete doplniť množstvo pluginov. Tie slúžia predovšetkým na obohatenie, zlepšenie funkcií ale aj ako získavanie feedbacku od návštevníkov. Širokú škálu pluginov viete získať zadarmo, pričom niektoré si viete aj zakúpiť. Či už teda chcete dopriať vašej stránke väčšiu bezpečnosť, prehľadnosť alebo získať prehľadnejšie štatistiky o zákazníkoch, pluginy sú správnou voľbou. 3. Okrem toho, že tvorba stránok je jednoduchá a viete vytvoriť naozaj kreatívne a pekné stránky, WordPress stránky sa vedia rýchlo dostať aj do pozornosti. Ako to? No je to spôsobené najmä tým, že majú skvelú koreláciu so SEO. SEO umožňuje vašej stránke, aby bola viditeľná pri vyhľadávaní prostredníctvom vyhľadávačov. Takáto optimalizácia vás dokáže dostať na popredné priečky pri vyhľadávaní, kde získate aj náležitú pozornosť. Môžete to docieliť viacerými spôsobmi. 4. Rovnako patrí WordPress medzi nesmierne bezpečné systémy, ktoré zaručia, že vaša stránka bude chránená. Zvyšovanie ochrany sa dá realizovať voľbou a zmenou hesiel, prípadne nainštalovaním nových pluginov. Opatrní by ste mali byť aj v prípade, že máte viacerých administrátorov stránky, aby ste základné informácie mali stále pod kontrolou.[Image] 5. Grafická úprava patrí asi medzi najväčšie výhody samotného WordPressu. Poskytuje totiž naozaj nesmierne variabilné možnosti ako si vytvoriť nový, zaujímavý web. 6. Každý web, aj s použitím tej istej bezplatnej témy môže vyzerať úplne inak. Viete si totiž nájsť množstvo zaujímavých doplnkov a tvoriť tak niečo úplne nové a graficky jedinečné. Samozrejme samotný systém podporuje tvorbu videí, audio nahrávok aj fotografií. 7. WordPress umožňuje vytvárať viac stránok prostredníctvom jednej domény.  8. Rovnako umožňuje podporu rôznych hostingov, vďaka čomu nevyčleňuje striktne ako postupovať pri tvorbe. Variabilita tohto systému umožňuje vytvoriť akýkoľvek blog, či internetový obchod alebo prakticky čokoľvek čo si zaumienite. Tipy na zaujímavé pluginyNa záver by sme vám chceli priniesť tipy na zaujímavé pluginy, ktoré môžete na stránkach využiť a vďaka tomu ju vylepšiť. Medzi najznámejšie patrí určite Yoast SEO plugin, ktorý sa zameriava na spomínanú SEO optimalizáciu a teda vám môže pomôcť získať viac  čitateľov/ zákazníkov. GDPR Cookie Consent predstavuje ideálne riešenie pre ochranu osobných údajov, Wordfence Security zabezpečí bezpečnosť vašej stránky. Ak si chcete vytvoriť e-shop, vaším najlepším pomocníkom bude WooCommerce. Rovnako je skvelým doplnkom aj WooCommerce Stripe ako platobná brána na e-shopy. Autoptimize môže pomôcť zlepšiť rýchlosť webu, pričom je však potrebné ho nastaviť mechanicky. Akismet je plugin, ktorý vás zbaví spamu. Pre tvorbu kontaktného formulára na web môžete využiť Contact Form 7 s prídavkom Contact Form DB pre ukladanie kontaktných údajov. Tvorba webstránky môže byť pre začiatočníka náročná, preto vám ponúkame detailný návod.  Pre inštaláciu pluginov nájdete na internete tiež množstvo tipov, pričom môžete využiť niektoré z našich tipov.

Vo svojej podstate predstavuje izometrický dizajn spôsob, akým zobrazujeme trojrozmerné objekty v dvojrozmernom priestore. Izometria však nie je to isté ako perspektíva, ktorá je zvyčajne úzko spojená s realistickým umením. Hlavným dôvodom je to, že nemá žiadny „miznúci bod“ (vanishing point). Práve to umožňuje izometrickým tvarom zachovať si kompozíciu bez ohľadu na to, kde človek stojí alebo sedí pri pozorovaní izometrického dizajnu. Možno si si všimol izometrické reklamy, v digitále alebo infografikách, či vo svojich obľúbených videohrách a ilustráciách. Izometrické umenie dáva dizajnérom nečakane široké spektrum možností. A pretože je založené na tvaroch, izometrické kresby sa vytvárajú prekvapivo jednoduchým procesom. Je to tiež veľká sranda! Väčšinou...  Ako vytvárať izometrické dizajny Dizajn je izometrický iba vtedy, ak kopíruje izometrickú mriežku. Tú tvoria vertikálne čiary, ktoré zostávajú pri postupe zvislé a všetky vodorovné čiary sú sklonené o 30 stupňov. Toto sa tiež nazýva pravidlom 120 stupňov. To hovorí, že uhol medzi osami X, Y a Z musí byť spolu 120 stupňov.  • Dizajn sa musí sa riadiť izometrickou mriežkou  • Dizajn nemôže obsahovať zbiehajúce sa čiary  • Zvislé čiary zostávajú zvislé, zatiaľ čo vodorovné čiary majú 30 stupňový sklon  • Os X, Y a Z spolu tvoria spolu až 120 stupňov[Image] Kedy použiť izometrický dizajn Izometrická projekcia je pre dizajnérov veľmi užitočná - najmä architektov, priemyselných a interiérových dizajnérov, pretože je ideálna na vizualizáciu miestností, produktov či infraštruktúry. Je skvelým spôsobom, ako rýchlo otestovať rôzne dizajnérske nápady.  Existuje množstvo ďalších situácií, v ktorých je izometrická projekcia užitočná. V systémoch orientácie napríklad v múzeách alebo galériách môžu izometrické nástenné mapy ukázať návštevníkom, kde sa v budove nachádzajú, čo sa deje inde a ako sa tam dostať.  Niektoré z najlepších infografík používajú izometrickú projekciu, ktorá im umožňuje zobraziť viac informácií, ako by bolo možné na 2D výkrese. A dokonca aj logá používajú tento prístup na vytvorenie efektu priestorového efektu.[Image] Isometric case study: Monument Valley Keďže pohľad v tejto hre má jediný bod, ktorý sa nikdy nepohybuje, objavili sa tu zaujímavé problémy týkajúce sa manipulácie perspektívy. Aj keď sa zdá, že chodník alebo most vedie na prvý pohľad do slepej uličky, rýchle otáčanie mapy ukazuje cestu vedúcu na nové miesto. Vďaka tomu je v hre veľa hlavolamov, ktoré sa zdajú buď nemožné alebo príliš jednoznačné. No ani jedno nie je pravda. Je to len komplikovanejšie, ako sa na prvý pohľad zdá.  A aby tento efekt mohli dosiahnuť, všetko sa muselo presne zoradiť v rôznych uhloch. Preto sa vývojári rozhodli položiť hru do 30-stupňovej izometrickej mriežky. To znamená, že každý uhol, ktorý vidíte, je buď 30 stupňov, 120 stupňov alebo úplne zvislý, čo sme si už vysvetlili vyššie. Izometrický dizajn je skvelá technika na oživenie 2D flat dizajnu. Prirodzenou výhodou je, že grafiku pomocou izometrickej projekcie vnímame jasnejšie a veľmi dobre sa v nej vieme orientovať. Izometrické vzory vytvárajú realitu, v ktorej môžeme vnímať veci také, aké sú. Divné, ale funkčné. A práve to z nej robí vynikajúci doplnok k alternatívam dizajnu, ktoré už máš vo svojom portfóliu.

Naceňovanie svojej práce je veľmi háklivá téma? Otázky typu: Pýtam si dosť? Neprestrelil som to? Ak predávaš tovar alebo nejakú jasne špecifikovanú službu, väčšinou to až také náročné nie je. Všetko jednoducho má svoju cenovku. Kreatívci však do tejto kategórie spadajú len málokedy. Existuje viacero prístupov k tomu, ak stanoviť cenu svojich kreatívnych služieb. A keď sa k tejto (často nepríjemnej) súčasti podnikania nepostavíš zodpovedne, tak ťa to postupne vysaje. Nikto ti nedá jednoduchý checklist cien, tu treba čítať medzi riadkami a do rovnice započítať aj také veci, ktoré tých menej skúsených možno ani nenapadnú. Povedzme si teda zopár veci, ktoré pri naceňovaní kreatívnej práce treba brať do úvahy. [Image] Opatrne s naceňovaním podľa odpracovaných hodínZačínajúci kreatívci často nevedia správne odhadnúť čas, ktorý im daný projekt pravdepodobne zaberie. Také niečo chce čas a pár krát sa popáliť, keď klientovy povieš 10 hodín, no odsedíš na tom dvakrát toľko.  Hodinovka má zmysel vtedy, ako už zo začiatku spolupráce nie je jasný rozsah projektu. V takom prípade vieš, že dostaneš zaplatené za to, čo si pri projekte presedel. V ostatných prípadoch ale treba počítať s nevýhodami hodinovky:  • Ak to urobíš rýchlejšie, dostaneš zaplatené menej. Len sa nad tým zamysli, aké je to nelogické. V podstate si „trestaný“ za to, že si efektívny.  • Pri hodinovke si platený za čas. Tvoja expertíza a kreativita v podstate idú bokom.  • Často tu môže trpieť kvalita práce, pretože sa príliš sústredíš na čas a na to, aby si neprešvihol dohodnutý rozsah.  • A ak ti to zaberie viac hodín, si to práve ty kto musí dokazovať ich oprávnenosť.  Ukážme si to na príklade dizajnu loga. Ak prídeš so skvelým dizajnom za 15 minút, tak by podľa tejto logiky malo stáť menej? Určite nie. A naopak, ak na tom budeš pracovať dva týždne, malo by stáť viac? Rovnako nie.  Hodinovka ťa teda väčšinou potrestá za to, že pracuješ rýchlejšie, a namiesto odborných znalostí podporuje zmýšľanie klienta, že „čas sú peniaze“.  Pri jednom veľkom projekte sa svetoznámeho dizajnera log Paula Randa opýtali, kedy bude logo hotové. Jeho odpoveď bola jasná: Možno týždeň, možno rok. Až keď to bude ono, vtedy je to hotové.  A to si za svoju prácu účtuje aj 6 núl.  Stanovuje cenu podľa klienta, nie podľa zadania Pri hodnote kreatívnej práce naozaj záleží aj na veľkosti klienta, pre ktorého to robíš. Keď si Phil Knight, zakladateľ Nike, dal urobiť logo, zaplatil zaňho len pár desiatok dolárov. Ak by si to isté logo dali robiť dnes, stálo by to milióny. A prečo? Lebo v stávke je toho omnoho viac.  Samotný proces tvorby loga by nebol náročnejší. Ale spoločnosť Nike v začiatkoch a dnes nie sú rovnaký klient. Ak by dizajnér urobil chybu pri začínajúcom podniku, ktorý ešte veľa ľudí nepozná, tak sa to jednoducho opraví a hotovo. Ak to ale Nike vytlačí na milióny tričiek, topánok, krabíc, tak nesie dizajnér veľkú zodpovednosť za to, že je práca urobená dobre.  Vo výslednej cene teda treba zohľadniť aj to, pre koho danú kreatívu robíš.  Tento prístup podrobnejšie opisuje aj dizajnér Chris Do vo svojej porednáške, ktorú ti určite odporúčam vidieť. 

V tomto článku ti popíšeme, ako využívať podmienené formátovanie v Exceli. Podmienené formátovanie je dobré využívať vtedy, keď potrebuješ zmeniť formát vybraných buniek, pokiaľ sú splnené isté kritériá (podmienky). Formátovať je možné viacero atribútov, môže to byť farba, percentá, dátumy a podobne. Čo je to podmienené formátovanie?Podmienené formátovanie (alebo conditional formatting) je Excel nástroj, pomocou ktorého môžeš nastaviť automatické formátovanie buniek. Podmienené formátovanie slúži na vyznačenie údajov, ktoré spĺňajú nejakú tebou zadanú podmienku. Uvediem jeden príklad: máš databázu produktov (môže ich byť 100, 1000 alebo 10000) a chceš v tejto databáze vyznačiť zelenou farbou len produkty, ktorých cena je nižšia ako 50 Eur. Teraz prichádza na pomoc podmienené formátovanie. Keď si to rozbijeme na drobné, najskôr: 1. Formát: vyznač zelenou farbou. 2. Podmienka: cena nižšia ako 50. Príklad podmieneného formátovania cez "ROVNÁ SA"Mám Excel tabuľku s údajmi o zamestnancoch a oddelení, v ktorom pracujú. Tabuľku si môžeš stiahnuť odtiaľto, prípadne si použi akýkoľvek vlastný Excel súbor. V mojom súbori chcem formátom farebne odlíšiť všetkých zamestnancov, ktorí pracujú v oddelení HR.[Image] Ako budem postupovať?Najskôr si označím všetky bunky, ktoré plánujem formátovať. Môžem to urobiť potiahnutím myškou, alebo v prípade väčšieho počtu údajov použi klávesovú skratku CTRL+SHIFT+⬇ (pre MacOS používateľov je to CMD+SHIFT+⬇). Následne na záložke DOMOV (HOME) tvojho Excelu vyhľadaj Podmienené formátovanie (Conditional Formatting) a následne Pravidlá zvýrazňovania buniek (Highlight Cells Rules) a potom nástroj Rovná sa (Equal to), vid obrázok nižšie.[Image] Teraz vpíšeš hodnotu HR do políčka, ktoré som vyznačil farebne na obrázku nižšie a použiješ buď niektorý z prednastavených formátov, alebo si vytvoríš vlastný. Po odkliknutí sa ti farebne odlíšia všetky polia obsahujúce HR. “Je dobré spomenúť, že Excel nerozlišuje veľké a malé písmená, takže keby do daného filtra vpíšeš aj "hR", "hr" alebo "Hr", tak Excel bude vedieť, čo od neho chceš. Pokiaľ by si však už použil diakritiku, s tým si Excel neporadí.[Image]” Výsledok nášho podmieneného formátovania bude teda vyzerať nasledovne:[Image] Zrušenie podmieneného formátovaniaNa zrušenie podmieneného formátovania môžeš použiť dva spôsoby. Prvým z nich je vymazanie podmieneného formátovania len pre tebou označené bunky alebo zmažeš podmienené formátovanie z celého Excel hárku. Obidva spôsoby spravíš opäť cez záložku Podmienené formátovanie a Vymazať pravidlá. Následne už len zvolíš, či chceš zmazať pravidlo z označených buniek alebo z celého Hárku.[Image] Podmienené formátovanie môžeš využiť aj pri práci s kontingenčnými tabuľkami, s grafmi a pod. Práca s Excelom je vďaka podmienenému formátovaniu rýchlejšia a kvalitnejšia. Možností na prácu a filtrovanie vďaka podmienenému formátovaniu je mnoho, stačí sa s touto možnosťou len pohrať. Vyskúšaj to sám aj pre ďalšie možnosti podmieneného formátovania - Väčší a menší ako; Medzi; Text obsahujúci; Vyskytujúci sa dátum a pod.

Čo je agilný vývoj? „Agilné metodiky pre riadenie vývoja software sú také metodiky, ktoré využívajú agilný prístup, teda pružne reagujú na zmenu, priebežne rozvrhujú prácu v priebehu vývoja a overujú výstupy s užívateľmi. Agilné metodiky obsahujú základné princípy, ktorými by sa mal úspešný projekt vývoja software riadiť. Proces vývoja je vďaka agilnému prístupu postavený na tímovej spolupráci, otvorenej komunikácii tímu, zapojenie zákazníka a celkovej flexibilite a otvorenosti zmenám. Využitie agilných metodík pre vývoj softvéru v praxi: Agilný prístup k vývoju sa uplatňuje predovšetkým u zložitého, komplexného alebo inovačného softvéru, u ktorého je veľmi ťažké spísať detailné požiadavky na začiatku projektu. Tie sa postupne upresňujú alebo tvorí priebežne na základe skúseností s prototypmi z jednotlivých iterácií vývoja na základe spätnej väzby od užívateľov. Agilné metodiky sú zamerané na efektívnosť práce, kvality výsledkov a spokojnosť užívateľov. Nesnaží sa potláčať zmeny oproti pôvodnému plánu, ale naopak je pre ne charakteristické upresňovanie a prispôsobovanie výsledného softvéru.“ (zdroj: managementmania.com) Následne keď vieme, že budeme používať agilný vývoj, potrebujeme nejaký tool – nástroj kde budeme riadiť úlohy. Jedným z najznámejších nájstrojov je Jira. Agilné prístupy a metodikyAgilných prístupov a metodík je veľa. Záleží, čo v projekte potrebujete. Najznámejšia metodika je Srum. V Jire si vieme zvoliť najmä medzi Scrum a Kanban. Čo vybrať? Záleží od projektu. Vo firme budeš pravdepodobne používať Srum. Aký je rozdiel? Kanban je o hlavne o vizualizácií práce. Kanban používa kolonky, ktoré predstavujú rôzne štádiá vývoja. Zoberiem si úlohu – je pridelená. Daný človek na nej začne robiť – je v kolonke in progress (pracuje sa na nej). Potom je úloha posunutá na test, alebo dokončená. Kolonky si môžete prispôsobiť. Tu si o tom vieš prečítať obšírnejšie. Scrum tímy pracujú v stanovených intervaloch nazývaných šprinty. Šprint je približne týždeň alebo dva. Počas šprintu pracujú ľudia na úlohách, ktoré im boli pridelené na začiatku šprintu na takzvanom plánovaní šprintu. Srum vedie jedna osoba a tou je takzvaný Srum master. Počas Srum vedenia týmu sa ciele projektu upravujú – zbierajú sa informácie od klientov, od používateľov a potom sa aplikujú zmeny. Tu si o tom vieš prečítať obšírne. JiraJira je zdarma pre jednoduchý projekt a tým. Na tejto stránke si vieš založiť svoju Jiru. Jira je tool na manažment úloh a tieto úlohy musia byť priradené do projektov. Teda ako prvý krok je vytvorenie projektu. Si prihlásený v Jire a v pravom hornom rohu budeš mať tlačidlo na vytvorenie projektu. [Image] Vytvoríš si projekt:[Image] Ako Template je vybratý Kanban. Toto vieme zmeniť po stlačení Change template. Čo zvolíš je na tebe. Poďem si ukázať Scrum. Vyberiem Scrum a vytvorím projekt.  Momentálne nemáme žiaden sprint. Musíme ho vytvoriť, aby sme začali vývoj. Ideme do Backlogu, čo je miesto kde máme vytvorené úlohy.[Image] Bez úloh nebude šprint. Vytvor si úlohy. Máš na výber viacero miest kde vytvoriť úlohy, ale princíp je stále ten istý – mať úlohy, na ktorých sa môže pracovať. [Image] Keď máme vytvorené úlohy, tak vieme spustiť šprint.[Image][Image]  Vytvoril si šprint. Teraz je prázdny. S týmom sa dohodnete, čo sa má spraviť a dané úlohy sa pretiahnu z backlogu do šprintu.  Dohodli sme sa, že spravíme dve úlohy a jednu ponecháme v backlogu. Následne spustíme šprint.[Image] Pri spustení určíme ako dlho má šprint prebiehať. Teraz je šprint aktívny a vieme si pozrieť nástenku šprintu. V tejto nástenke vidíme, v akom sú úlohy štádiu. [Image]  Samozrejme nesmieš zabudnúť danú úlohu niekomu prideliť. Otvoríš si úlohu a assigneš (pridelíš) ju niekomu.[Image] Daný používateľ si vie vypísať len jeho úlohy v danom šprinte.[Image] Autorom článku je Jaroslav Beňo.

Mám silné tušenie, že málokto z nás v posledných mesiacoch unikol nejakej tej novinke zo sveta umelej inteligencie. Aktuálny celosvetový pandemický vývoj je akcelerátorom už aj tak slušne rozbehnutého technologického pokroku. Noha na plyne, svetlo sveta uzrieva jeden nový objav za druhým, čo je ideálny moment zamyslieť sa nad tým, čo je to umelá inteligencia a aké možnosti nám ponúka. S každým ďalším pokrokom smerom k super-inteligentným robotom sa stávajú čoraz pálčivejšími otázky spojené s etikou, humanitou či právom. Na jednej strane nadšenie z obrovského potenciálu, na strane druhej zdesenie z možných dopadov na budúcnosť ľudstva. Spomíname na scény z filmov ako Terminátor či Westworld a uvažujeme, ako dlho bude trvať, kým sa humanoidi presunú z obrazoviek do nášho skutočného sveta. Asi to, chvalabohu, ešte nejaký čas potrvá, takže stále máme ako ľudstvo čas vymyslieť, ako odvrátiť Hawkingove katastrofické proroctvá.[Image] Naša hlavná zbraň proti strachu z nepoznaného je vzdelanie. Pochopiť, ako tieto technológie fungujú, nám skvelo pomáha odhadnúť možné riziká. A keďže čítate tento príspevok, stavíme sa, že patríte k ľuďom, ktorí sa radi vzdelávajú. Práve pre vás existujú online kurzy s certifikátom, ktoré ponúkajú rôzne oblasti od AI až po data science kurzy. Prednedávnom sme vypustili na Learn2Code kurz o deep learningu: (https://skillmea.sk/kurzy/python-deep-learning-pre-zaciatocnikov). Deep learning, ako špecifická vetva strojového učenia, je úzko spojený s tým, čo považujeme za umelú inteligenciu pre začiatočníkov. Umelá inteligencia (AI z anglického Artificial Intelligence) obsahuje viacero pododborov a jedným z nich je práve deep learning. Ten práve vďaka svojim špecifikám dosahuje významné úspechy pri práci s neštruktúrovanými dátami, ako sú obraz, text či zvuk. Ak filozofujeme o humanoidoch, ktorí sú na nerozoznanie od ľudí, musia si poradiť práve v disciplínach, v ktorých bežní ľudia excelujú: rozprávanie, čítanie, počúvanie a pod. Vetva AI, ktorá umožňuje počítačom interpretovať a používať ľudský jazyk, sa označuje ako Natural Language Processing (NLP). NLP je oblasť, v ktorej sme za posledné roky zaznamenali obrovský posun, čo výrazne ovplyvnil práve rozvoj deep learningu. Tento progres je podporený bohatou ponukou online kurzov s certifikátmi, kde môžete získať praktické znalosti v oblasti AI aj pre začiatočníkov.[Image]Zdroj: https://monkeylearn.com/ Aby sme si demonštrovali, ako ďaleko už veda v tejto oblasti je, rád by som sa s vami podelil o zaujímavú novinku, ktorá vyplávala na povrch práve z týchto hlbín. Možno ste zachytili správu o experimentálnej sérii poviedok, ktorú napísala pre Český rozhlas umelá inteligencia. Ak nie, viac sa o tomto netradičnom pokuse s názvom „Digitální spisovatel“ dočítate na stránkach https://www.mujrozhlas.cz/digitalni-spisovatel, kde si môžete poviedky taktiež vypočuť. Pri produkcii poviedok bol použitý prediktívny jazykový model GPT-3, teda v poradí už tretia generácia Generative Pre-trained Transformera, ktorý používa deep learning k tvorbe textov približujúcich sa kvalitou k ľudskému štandardu. Tento model z dielne spoločnosti OpenAI spôsobil pred pár mesiacmi po otvorení beta verzie značný vzruch v odborných vodách. Kvalita výstupov modelu je skutočne v niektorých prípadoch impozantná, a to nielen pri použití v umeleckej činnosti podobnej vyššie uvedeným poviedkam. Rešerš textov, chatbot, hľadanie faktografických odpovedí, vymýšľanie nadpisov, či dokonca dopĺňanie programátorského kódu, s tým všetkým si nový model veľmi slušne poradí. Tak slušne, že sa vám v hlave chtiac-nechtiac začnú vynárať otázky z úvodu tohto príspevku. A napísal tieto riadky vôbec človek? Kto vie... Ak vás teda témy spojené s umelou inteligenciou zaujímajú a chceli by ste pochopiť úplné základy, na ktorých deep learning principiálne funguje, mrknite na nový kurz, v ktorom si spoločne na praktickom príklade natrénujeme jednoduchý model pre konkrétnu techniku z NLP – analýzu sentimentu. Dúfam, že váš osobný sentiment zostal po prečítaní predchádzajúcich riadkov pozitívny. Buďte aj naďalej predovšetkým zdraví a zvedaví! Autorom článku je Matej Veverka

V dizajne ako takom je veľmi dôležité, aby bol výsledok práce jasný a každý mu chápal. Či už je to vo forme zalomenia textu, orezania fotografie alebo navrhnutia loga. Za týmto účelom sa okrem iných pomôcok často využíva aj aplikácia zlatého rezu, o ktorom si teraz niečo povieme.  Z angl. „Golden ratio“  hovoríme o konkrétnom matematickom pomere, ktorý sa veľmi často vyskytuje aj v prírode a dizajnové odvetvie sa nim inšpiruje. Zlatý rez nám pomáha dosiahnuť čo najprirodzenejšie pôsobiace proporcie, tvary či štruktúry. “Zlatý rez vznikol už v starovekom Grécku” Ide o veľmi špeciálne číslo – 1,618. Vychádza zo známej Fibonacciho postupnosti a jeho aplikáciu môžeme nájsť aj v prírode, napríklad v tvare morskej mušle či vo formácii oblakov pri hurikánoch. Táto postupnosť  je tvorená vždy sumou dvoch predchádzajúcich čísel (0-1-1-2-3-5-8-13-21-...). A práve z tejto sekvencie odvodili už v starovekom Grécku zlatý rez (golden ratio), aby vedeli lepšie vyjadriť rozdiely medzi číslami sekvencie. Ako používať zlatý rez v dizajne  Aplikácie zlatého rezu do dizajnérskej profesie vôbec nie je tak náročná, ako by sa mohlo na prvý pohľad zdať. Jeho využitím môžeme vytvárať napríklad proporcionálne layouty na web. Ak chceme navrhnúť web, ktorý má vedľa priestoru pre hlavný obsah aj sidebar, tak práve s využitím zlatého rezu vieme stanoviť ich presnú šírku.  Ak by sa jednalo povedzme o priestor so šírkou 960px, tak priestor pre hlavný obsah by mal mať šírku 593px (960px / 1,618) a sidebar šírku 367px (593px / 1,618). Samozrejme, že v praxi do toho vstupuje viacero ďalších faktorov (napr. padding), no logiku tohto pomeru to deklaruje vynikajúco.[Image]A keďže toto číslo vychádza zo sekvencie nekonečného množstva čísel, tak jeho opakovaným aplikovaním získame rôzne veľkosti (dĺžky, šírky,...), s ktorými môžeme v dizajne pracovať a vyskladať z nich funkčné a intuitívne UI.   Ako sme si už hovorili, zlatý rez sa dá aplikovať v podstate na všetky oblasti dizajnu či kreatívy. Ukážeme si k tomu niekoľko príkladov. Orezávanie obrázkov  Ak ide iba o orez prázdneho priestoru na kraji fotografie, vec je jednoznačná. Ale ak treba orezať aj samotný obsah fotografie či obrázku, situácia sa mení. Výsledok musí ostať vyvážený a tie najdôležitejšie veci na obrázku by mali mať svoje miesto. Práve s tým nám vie pomôcť zlatý rez.[(Zdroj: industrydev.com)] Typografia a hierarchia  Vieme si tiež pomôcť pri výbere správnej kombinácie veľkosti použitých fontov. Takto bude mať názov, podnázov a samotný text tú správnu veľkosť a hierarchia medzi nimi bude okamžite jasná.[(Zdroj: Invisionapp)] UI Webdizajn  Rozloženie jednotlivých elementov a plôch na webe rozhoduje o tom, ako intuitívne sa bude návštevník webu cítiť. A rovnako aj, či sa mu to bude páčiť. Ako sme už skôr písali v článku, napríklad šírka jednotlivých stĺpcov je vďaka zlatému rezu jasne stanovená.[(Zdroj: Apiumhub)] LogoA posledným príkladom je využívanie zlatého rezu pri tvorbe loga. Tu to možno na prvý pohľad nie je až tak očividné. No verte, že zlatý rez sa tu aplikuje veľmi často a aj tie najznámejšie logá boli vytvorené práve s jeho pomocou.[(Zdroj: Twitter, NatGeo)]Niekedy ho v logu nájdete jednoducho (National Geographic logo), inokedy je to trošku skryté (Twitter logo). Práve v tom druhom prípade bolo logo vytvárané za pomoci série kružníc s jasne danými veľkosťami. Tie pomáhali vytvárať všetky krivky a záhyby loga, až kým z neho nevzniklo ikonické logo, ktoré pôsobí prirodzene a pekne. A nie je to náhoda. Zlatý rez je nie je technika, je to skôr myšlienkový proces. Vedieť ho aplikovať efektívne chce svoj čas. Určite sa však oplatí pohrať sa s ním a skúšať podľa neho vytvárať nejaké layouty či orezávať dôležité fotografie. Šikovnú pomôcku v podobe špirály zlatého rezu nájdeš tu.

Úspešná absolventka kurzov z našej dielne nám porozprávala o svojej motivácii a skúsenosti s tým, ako to funguje, keď sa človek rozhodne vzdelávať po svojej osi. Ako dieťa ju vždy bavila matematika a informatika, k IT mala blízko, veď vyštudovala aplikovanú informatiku. Ako sama hovorí, v tej dobe sa ale na škole HTML jazyk vyučoval len veľmi okrajovo, všetko sa učila sama až do chvíle, keď objavila Learn2Code. Predtým pracovala v administratíve, potom ju čakali rodičovské povinnosti a teraz je naspäť v pracovnom kolobehu. Michaela Hargašová dostala po kurzoch novú pracovnú príležitosť. Práve cez Learn2Code sa dozvedela o tom, že v Luigi’s Box hľadajú novú posilu. Už je to niekoľko mesiacov, čo je súčasťou tímu ako integračná špecialistka.[Image] Michaela Hargašová Prezraď na úvod našim čitateľom, čo si predtým, ako si si urobila kurzy cez Learn2Code, robila. Kde si pracovala?Po ukončení vysokej školy som pracovala ako asistentka, teda v administratíve a potom som dlhšiu dobu bola na rodičovskej dovolenke. Ako sme už povedali, tých kurzov cez Learn2Code si si urobila hneď niekoľko. Môžeš nám ale konkrétne povedať, ktoré ťa oslovili, pre ktoré si sa rozhodla?Začala som s kurzom Webrebel 1: HTML, CSS & JavaScript s Yablkom (Roman Hraška). Vždy ma bavilo programovanie a tvorba web stránok. A keď som sa tomu chcela viac venovať, potrebovala som si zopakovať staré vedomosti a získať ešte veľa nových. Takže to bol skvelý úvod. Potom som vedela, akým smerom sa chcem uberať a prešla som na JavaScript a neskôr aj na WordPress pre programátora. Posunulo ťa to ďalej, malo to pre teba zmysel?Samozrejme. Vďaka nim som sa veľa naučila, možno viac ako v škole 🙂, ale hlavne sa môžem teraz naplno venovať tomu, čo ma nesmierne baví. A predtým si si niekedy už robila podobné kurzy? Zaujímala si sa o túto oblasť?O tvorbu web stránok sa zaujímam už od vysokej školy. Vyštudovala som Aplikovanú Informatiku a počas štúdia som mala možnosť získať trochu prax a pracovať ako SEO Editor, kde som optimalizovala web stránky pre vyhľadávače. Tu sa to všetko začalo. Z práce sa stala záľuba a zo záľuby práca. Lenže v tej dobe sa na škole HTML jazyk vyučoval len veľmi okrajovo a ani neviem o tom, že by podobné kurzy boli a všetko som sa musela naučiť sama. Až do chvíle keď som objavila Learn2Code a vaše kurzy.  Viem, že si sa dostala do Luigi’s Box? Čo všetko tomu predchádzalo a ako dlho už si tam?V podstate za to, že som dostala prácu v Luigi’s Box, vďačím práve Learn2Code. Jedného dňa mi prišiel email od Learn2Code s pracovnou ponukou pre Luigi’s Box. Bolo to skvele načasované 🙂, pretože práve v tom čase som hľadala novú prácu z oblasti tvorby webstránok. S Luigi‘ Box spolupracujem zatiaľ len pár mesiacov, ale môžem len chváliť. A čo konkrétne tam robíš?Pracujem na pozícií Integračný špecialista. Vkladám Luigi’s Box našepkávač a vyhľadávač na webové stránky našich klientov na základe spracovaných dát. Každá web stránka, s ktorou pracujem, má svoj vlastný web dizajn a je unikátna. A aby sme sa čo najviac priblížili k dizajnu web stránky, musím k tomu upraviť aj dizajn vyhľadávania. Samozrejme, k práci patrí aj support, alebo teda podpora pre klientov.[Image] Je zaujímavé, že už si vlastne druhá Miška, ktorá sa cez kurzy Learn2Code dostala do Luigi’s Box. Čím to je? Menom alebo kurzami, prezraď nám 🙂. Keby to bolo len menom,  je to možno osud 🙂, ale spája nás najmä absolvovanie kurzov cez Learn2Code. Keď si tam nastúpila, aký to bol pocit. Musela si sa aj s niečím možno aj „popasovať“?Už pri pohovore na mňa spravil Luigi’s Box skvelý dojem. A keď si ma vybrali spomedzi uchádzačov, bol to skvelý pocit. Získala som skvelú prácu s perfektnými ľuďmi, ktorú som dlho hľadala. Takmer som už stratila nádej. Ale predsa sa podarilo. Zo začiatku to bolo trochu náročné. Samozrejme, musela som sa „popasovať“ s množstvom nových informácií a mnohé sa naučiť. A dá sa povedať, že každý deň sa stále učím niečo nové, a to je na tom skvelé, že môžem na sebe pracovať, zlepšovať sa a získavať nové vedomosti.  Dalo by sa povedať, že si technický typ? Predsa len robíš to, čo robíš...Myslím si, že áno. V škole ma vždy najviac bavila matematika a informatika. A baví ma čokoľvek skladať, od puzzle cez Lego až po nábytok.  Poďme sa trošku pozrieť na aktuálnu situáciu aj vo svete. Rok bojujeme s pandémiou. Tá nám akoby potvrdila, resp. tým, ktorí tomu možno nechceli veriť, aké dôležité sú digitálne technológie a zručnosti v tejto oblasti. Ako to vnímaš ty?Áno, za posledný rok sa IT technológie dostali veľmi rýchlo do popredia, pretože pandémia ovplyvnila v mnohom náš starý spôsob života. V prvom rade obmedzila možnosti vykonávania práce a donútila viacerých, ktorí túto možnosť majú, pracovať homeoffice. Aj ja tak momentálne pracujem. A tiež sme všetci začali viac nakupovať cez internet. Myslím, že v dnešnej dobe majú obrovskú výhodu tí z nás, ktorí v IT oblasti pracujú, alebo sa aspoň o IT technológie nejakým spôsobom zaujímajú.  Ak sa teda vrátime k tomu, čo robíš, ako vyzerá tvoj bežný pracovný deň?Napriek tomu, že sa nestretávame a každý z nás momentálne pracuje homeoffice, máme pravidelne každý pracovný deň online poradu. Potom začnem so spracovaním nových projektov a ich dát a pripravujem integrácie nášho vyhľadávania pre klientov alebo riešim požiadavky klientov, ktoré prídu k nám na support.  S akými klientmi u vás vo firme robíte?Prevažne našimi klientmi sú internetové obchody – eshopy - slovenské, ale aj zahraničné. Samozrejme, sú medzi klientmi aj takí, ktorí potrebujú zlepšiť vyhľadávanie v informáciách. Máš aj nejaký vlastný projekt, ktorým by si sa mohla pochváliť? Nedá sa pochváliť konkrétnym projektom, pretože v Luigi’s Boxe pracujeme ako tím, takže na jednom projekte pracujeme viacerí a každý z nás má nejakú úlohu. Preto je to aj zásluha celého tímu. Dalo by sa povedať, že si si našla super prácu a čo teraz? Končí pre teba to, že by si sa ďalej išla vzdelávať aj po vlastnej osi? Plánuješ si napríklad robiť ďalšie kurzy, resp. sleduješ trendy?Určite ešte využijem niektoré kurzy od Learn2Code. Ešte vždy sa mám v čom zlepšovať. Počas rodičovskej dovolenky som nestíhala sledovať nové trendy. Tak teraz sa snažím dobehnúť zameškané. Máš na Michaelu najaké otázky? Neváhaj ich napísať do komentára 👇

Ľudia sa nás často pýtajú, ako sa stať frontend developerom, aké technológie by mali ovládať, čo všetko vedieť, kde začať a aká je správna postupnosť jednotlivých online kurzov. Na základe našich skúseností, rád od lektorov ako Yablko a ďalších, sme v tomto článku dali dokopy študijnú cestu budúceho frontend developera. Kurzy cez úrad práce alebo špecializované IT online kurzy môžu byť vynikajúcim odrazovým mostíkom. Frontend developer vs backend developer vs fullstack developerFrontend developer je človek, ktorý je zodpovedný za časti webovej aplikácie alebo webstránky, ktoré používatelia vidia a interagujú s nimi. Backend developer rieši všetko na pozadí – infraštruktúru, dátový model, databázy. Potom je tu fullstack developer, ktorý zvláda frontend aj backend a pokrýva celý proces návrhu webovej aplikácie. Na lepšiu predstavu sa môžeme pozrieť na programátorské meme.[Programátorské meme] Dnes sa hranica medzi frontendom a backendom stále viac stiera, čo znamená, že veľa úloh spadajúcich do backendu môže preberať front end developer. Preto je dôležité vedieť nielen základy, ale mať širší pohľad na technológie a funkcie. Úlohy frontend developeraFrontend developer sa venuje najmä týmto oblastiam: • rozhoduje o dizajne a štruktúre webstránok, • vyvíja funkcie na dosiahnutie vynikajúcej používateľskej skúsenosti, • dbá na responzivitu webstránky, • optimalizuje web pre rýchle načítanie a škálovateľnosť, • volí kombinácie technológií pre dosiahnutie najlepšieho výsledku. Zručnosti front-end developeraDobrý front end developer musí mať komplexné znalosti v oblasti vývoja webu. Mal by ovládať technológie ako HTML, CSS, JavaScript a ďalšie nástroje (čítaj ďalej v článku). Grafické zručnosti, ako práca s Photoshopom, Sketchom alebo Illustratorom, sú veľkým plusom. Základné znalosti SEO sú užitočné pri optimalizácii webstránok, a tiež dobré komunikačné schopnosti, pretože vývojári často spolupracujú s grafikmi, backend developermi, projektovými manažérmi či klientmi. Ak sa chceš naučiť viac o jednotlivých technológiách, web developer kurz je skvelou príležitosťou, ako naštartovať kariéru. Mzda frontend developeraPodľa portálu platy.sk na Slovensku zarába JavaScript programátor (prečo je táto pozícia vyhľadávaná, sa dozvieš nižšie) od 1.300 Eur do 2.900 Eur v závislosti od skúseností a praxe. Dobrí JavaScript programátori sú na trhu stále žiadaní, čo znamená, že ak sa rozhodneš stať frontend developerom, práca ťa určite neminie.[Mzda Front-end developera.] JavaScript je nesmierne populárny. Podľa rebríčka RedMonk je JavaScript na GitHube a Stack Overflow technológia číslo jedna. Ak na Profesii vyhľadáš pozície pre JavaScript alebo frontend programátorov, nájdeš stovky možností. A ak na LinkedIn uvedieš, že zvládaš JavaScript spolu s niektorým JavaScript frameworkom, môžeš očakávať správy od IT recruiterov. Tak sa pusť do toho a zisti ako sa stať programátorom s pomocou našich rád a kurzov cez úrad práce alebo iných IT kurzov. Ako sa stať frontend developerom?Nenechaj sa odradiť a choď za svojim cieľom. V texte nižšie sme vypichli podľa nás tie najdôležitejšie technológie, ktoré by si ako dobrý frontenďák mal ovládať. Poďme na to. “TL;DR: HTML, CSS a JavaScript sú chrbtovou kosťou frontend developmentu. Frontend development kombinuje práve tieto tri technológie a k tomu JavaScriptové frameworky (alebo knižnice).” Krok číslo 1: HTML a CSSToto je úplne prvá téma, ktorej by si sa mal venovať, pokiaľ máš v pláne byť frontend developerom. Je to alfa a omega celého frontend developmentu. HTML a CSS používajú všetky weby, všetky webové aplikácie. HTML a CSS ťa zadarmo naučí kurz Webrebel 1: HTML, CSS a JavaScript. Všetky videá o HTML a CSS sú k dispozícii zadarmo, stačí sa prihlásiť do kurzu. V tomto kurze sa naučíš aj dôležité veci o tom, ako vôbec internet funguje, ako fungujú prehliadače, čo je HTTP a HTTPS, DNS, JSON, XML a kopec ďalších skratiek, ktorým teraz možno nerozumieš, ale v procese tvorby webstránok sú to dôležité znalosti. A keď budeš pri CSS, venuj mu poriadne veľa času. Môže sa zdať, že je ľahké pracovať s CSS, ale na jeho zvládnutie je potrebného veľa času. Skús sa opýtať backend developera, prečo nie je frontendistom? Šanca, že ti odpovie, "Lebo neznášam CSS" je dosť vysoká. Sledovať videá nestačí a preto si určite počas ich sledovania rob domáce úlohy, ktoré v kurze sú. Urob si svoje vlastné portfólio, ponúkni sa svojim známym, že im spravíš webstránku, rob maličké projektíky len tak pre svoje potešenie a takto sa budeš zdokonaľovať a chytíš písanie kódu za pačesy.Ukážka HTML, CSS, JavaScript |Zdroj: https://moz.com/blog/javascript-seo [Ukážka HTML, CSS, JavaScript |Zdroj: https://moz.com/blog/javascript-seo] Krok číslo 2: píš lepšie CSSLepšie CSS sa naučíš písať napríklad vďaka preprocesorom. Známymi preprocesormi sú Sass, Less alebo Stylus. Preprocesor je program, ktorý spracuje kód v jednom formáte (napr. Sass) a zmení ho na kód v druhom formáte (CSS). Vďaka Sass vieš písať menej kódu a bude prehľadnejší.  Keď budeš robiť na webových projektoch, je dobré ovládať aj nejaký ten CSS framework. Najväčšími frajermi na tomto poli sú pravdepodobne Bootstrap a Foundation. Bootstrap je iniciatíva Twitteru a zaslúži si veľkú pochvalu za zavedenie responzívneho dizajnu vo veľkom meradle. Bol to prvý framework, ktorý podporoval filozofiu 'mobile-first'. Pomocou Bootstrapu vieš relatívne rýchlo vytvárať responzívne weby.  Ak je pre teba Bootstrap zbytočne obmedzujúci v tom, ako tvoj dizajn bude vyzerať, vyskúšaj CSS framework Tailwind 2. Je pre ľudí, ktorí chcú mať flexibilitu a tvoriť vlastný dizajn. Tailwind je intuitívny a moderný CSS framework, ktorý sa dá rýchlo naučiť. Krok číslo 3: trošku prikúrime - JavaScriptJavaScript bude pre teba ako frontend developera bezpochyby najdôležitejšou zručnosťou. Ako sa naučiť JavaScript? Logická odpoveď: začni základmi. Nebuď povrchný, ale ani v úvode nechoď do úplných detailov. Learning by doing je naše odporúčanie, keď sa učíš JavaScript: 1. Nauč sa základy JavaScriptu, 2. Nauč sa React, Vue alebo Angular, 3. Pochopíš, že nemáš dobré základy JavaScriptu, 4. Vráť sa k bodu 1. a nauč sa poriadne JavaScript. JavaScript je už niekoľko rokov po sebe najpopulárnejším programovacím jazykom, pozície vyžadujúce JavaScript pribúdajú ako huby po daždi. Keď budeš vedieť JavaScript, o robotu máš postarané. Yablko pripravil parádny kurz o modernom JavaScipte. Tento kurz ťa naučí písať moderný JavaScript, budeš vedieť jeho syntax (ES6 a ES7), aby si nepísal spaghetti code a pravidlá jazyka. Okrem toho, zvládneš nástroje ako package managers (správa závislostí) npm a yarn, skrotíš DOM, budeš vedieť používať nástroje ako Webpack a tak ďalej. V kurze je takmer 23 hodín materiálu o modernom JavaScripte, bude to fuška, ale výsledok bude stáť za to. Krok číslo 4: vyber si svoj osud - Vue, React, AngularKeď si zvládol predchádzajúce tri kroky, si pripravný naučiť sa pracovať s mocnými nástrojmi v podobe JavaScript frameworkov alebo knižníc. Aktuálne v roku 2021 sú najviac v kurze Angular, React a Vue. Nemusíš vedieť všetky, radšej jeden a poriadne. Každá z týchto technológií má svoje pre a proti a sú určené na komplexný vývoj frontendových webových aplikácií. Tieto frameworky sú si podobné a pokiaľ sa naučíš jeden, prejsť na iný framework nie je až také náročné. Poďme si teraz veľmi stručne predstaviť spomínané tri frameworky. Angular je vývíjaný spoločnosťou Google, prvýkrát bol vydaný v roku 2010 a je postavený na TypeScripte. Otcom Angularu je Slovák Miško Hevery. V roku 2016 bol predstavený výrazný update tohto frameworku - Angular 2, v rámci ktorého došlo aj k vypusteniu "JS" z názvu. Okrem Googlu samotného používajú Angular weby ako PayPal, Upwork, Microsoft a ďalšie. React je vyvíjaný ďalším gigatnom - Facebookom, ktorý ho okrem iného používa v aplikáciách Instagram či WhatsApp, na Reacte fičia aj weby Netflixu či Uber. Prvý release bol v roku 2013 a ide o JS knižnicu pre vytváranie používateľských rozhraní (UI).  Vue je najmladším JS frameworkom v tomto výbere. Vue za sebou síce nemá žiadnu veľkú firmu, ale tiež je používaný veľkými firmami, napr. Alibaba, Behance alebo GitLab. S príchodom Vue 3 v septembri 2020 prešlo Vue na TypeScript.JavaScript frameworks Angular, React, Vue. [JavaScript frameworks Angular, React, Vue]BONUSGitGit sa používa vo väčšine vývojárskych firiem, čím skôr sa naučíš s Gitom pracovať, tým lepšie pre teba. Git je verziovací systém, vďaka ktorému sa môžeš kedykoľvek vrátiť k pôvodnej verzii svojho kódu, zdieľaš kód s kolegami spolupracovníkmi, pracuješ v tíme. Git ovládaš cez príkazový riadok alebo si nainštaluješ nejaké GUI pre Git. Git ti vlastne ukladá celú históriu tvojho projektu do repozitára. Svoje repozitáre ukladáš na akomsi hostingu - čo môže byť GitHub, GitLab či Bitbucket. TestovanieAk chceš byť úplný kráľ, svoj kód určite aj testuj. Vyhneš sa tak mnohým problémom pri vývoji. Pri JavaScripte sú najpoužívanejšie knižnice pre testovanie Jest, Mocha, Chai. ZáverNezabúdaj, nemusíš dokonale ovládať všetko z vyššie uvedeného. V tomto článku sme sa snažili priniesť ti prierez technológií, ktoré by si mal ovládať, pokiaľ sa chceš stať frontend programátorom. Mohlo by sa zdať, že ich je priveľa a bojíš sa, že to nezvládneš. Pre dodanie sebadôvery si prečítaj tieto príbehy absolventov našich kurzov, ktorí sa rozhodli zmeniť kariéru. Alebo si pozri zopár rozhovorov s absolventami na našom YouTube. Nikdy nie je neskoro začať s programovaním. Keď sa rozhodneš pre vzdelávanie formou online kurzov, najdôležitejšie je vydržať. Držíme ti palce. Kódovaniu zdar!