Vzdelávanie

Sekcia vzdelávania ponúka články o rôznych vzdelávacích programoch, vrátane Data science kurzov a kurzov ako kurz Excel, ktoré vám pomôžu získať praktické zručnosti. Objavte najlepšie spôsoby, ako sa vzdelávať online a posunúť svoje schopnosti na vyššiu úroveň.

Čo je testovanie softvéru?
Vzdelávanie
18.10.2021
Skillmea

Čo je testovanie softvéru?

Softvér je potrebné testovať počas jeho vývoja aj po každom update. Ak sa chceš dozvedieť, čo je súčasťou testovania softvéru, prečo je testovanie dôležité, kde v procese vývoja sa testovanie nachádza a ktoré jazyky je dobré ovládať ak chceš byť IT tester, čítaj tento článok ďalej. Čo je testovanie softvéru?Testovanie softvéru je metóda, ktorá kontroluje, či skutočný softvérový produkt zodpovedá očakávaným požiadavkám (implicitným aj explicitným) a zaisťuje, aby softvérový produkt neobsahoval chyby, resp. pomáha s tým, aby software obsahoval čo najmenej chýb a žiadne kritické. Zahŕňa spustenie softvérových/systémových komponentov pomocou manuálnych alebo automatizovaných nástrojov. Účelom testovania softvéru je identifikovať chyby, nedostatky alebo chýbajúce požiadavky v porovnaní s pôvodnými požiadavkami. Testovanie softvéru sa týka procesu overovania a vyhodnocovania funkcie softvérovej aplikácie alebo produktu. Používa sa na zníženie alebo odstránenie chýb a minimalizáciu množstva dodatočných investícií, ktoré musí spoločnosť investovať do riešenia problémov a vydávania aktualizácií. Softvérový tester teda hľadá chyby, nedostatky či iné problémy vo webových či mobilných aplikáciách, desktopových produktoch alebo hrách. “TL;DR: IT testeri sú dôležití, pretože pomáhajú vysokej kvalite softvérových produktov, spokojnosti zákazníkov a používateľov a dlhodobej prosperite businessu.” Prečo je testovanie softvéru dôležité?Testovanie softvéru je dôležité, pretože neotestovaný alebo nedostatočne výkonný softvér môže mať vplyv na tisíce používateľov. Ak napríklad webová aplikácia, ktorá predáva produkt, funguje príliš pomaly, zákazníci môžu byť netrpezliví a kúpia si podobný produkt inde. Alebo ak databáza v aplikácii pošle nesprávne informácie pre vyhľadávací dotaz, ľudia môžu stratiť dôveru k webovej aplikácii alebo firme vo všeobecnosti. Softvérový tester pomáha predchádzať týmto druhom zlyhaní. Testovanie softvéru navyše môže pomôcť zaistiť bezpečnosť používateľov alebo osôb, ktorých sa týka používanie.  Úlohou testera je teda vžiť sa do pozície používateľa daného softvérového produktu a pripraviť si rôzne scenáre, ktoré na danom produkte v priebehu vývoja testuje. Nájdené problémy následne reportuje vývojárskemu tímu, ktorý tieto chyby odstráni.  “TL;DR: Cieľom testovania je zabezpečiť čo najvyššiu používateľskú spokojnosť s produktom.[Image]” Typy testovania softvéruExistuje niekoľko typov testovania softvéru, z ktorých každý vyžaduje rôzny stupeň špecifickosti. Tu je zoznam niektorých z najbežnejších: Testovanie použiteľnosti (Usability testing)Testovanie použiteľnosti je najlepším spôsobom ako zistiť či s webstránkou, aplikáciou alebo hrou bežní používatelia vedia narábať a pochopiť, ako pri jej používaní rozmýšľajú. Usability testing je v podstate spôsob, akým dokážeme overiť výsledok svojej práce na reálnych používateľoch.  Usability testing predstavuje hodnotenie produktu alebo služby jeho testovaním reprezentatívnou vzorkou užívateľov. Spravidla musia účastníci počas testovania splniť niekoľko úloh, pričom je ich správanie a konanie pozorne sledované a zaznamenávané testerom. Akceptačné testovanieHlavným účelom akceptačného testovania nie je nájdenie chýb, ale ohodnotenie pripravenosti systému pre nasadenie a používanie. Ide teda o kontrolu, či systém funguje tak, ako má. Softvér v tomto prípade pracuje s ostrými a skutočnými dátami, testuje sa, či produkt pracuje správne v reálnom nasadení a spĺňa používateľské požiadavky. Integračné testovanieCieľom je overiť, či väčšie časti softvéru spolu fungujú. Tento typ testovania väčšinou nevykonávajú testeri, ale samotní vývojári. Testuje sa interakcia s rôznymi časťami softvéru, ale aj s hardwarom, operačným systémom.  Unit testySlúžia programátorovi ako okamžitá spätná väzba k napísanému kódu. Unit testy slúžia na testovanie menších jednotiek zdrojového kódu. Programátor napíše kód a následne pre tento kód napíše testy. Existuje prístup písanie testov pred kódom, ktorý sa nazýva Test Driven Development. Test by mal testovať správanie kódu za štandardných aj mimoriadnych situácií. Ideálny unit test je nezávislý na ostatných testoch a na zvyšku testovaného programu. Niekedy nie je na prvý pohľad vidieť rozdiel medzi unit a integračným testovaním. Okrem týchto testov poznáme ďalšie druhy testov, napr. performance testy. Čo potrebuješ vedieť, ak chceš byť testerom?Aj keď ako IT tester nemusíš napísať ani riadok kódu, v mnohých prípadoch ho stále musíš vedieť prečítať. Ako tester softvéru tvoja práca zahŕňa viac ako len klikanie a prechádzanie aplikáciou. Musíš byť schopný preskúmať kód a hľadať potenciálne problémy alebo zistiť, čo mohlo spôsobiť chybu alebo poruchu. Väčšina testerov robí okrem manuálneho testovania aj písanie automatizovaných testov. Napísať automatizované testy je ale výrazne jednoduchšie než naprogramovať celé aplikácie.  Podľa portálu platy.sk je priemerná mesačná mzda IT testera v Bratislave takmer 2.000 Eur, takže vydať sa na túto kariérnu cestu je aj z finančného pohľadu zaujímavé. Tu je niekoľko jazykov, ktoré by si sa mal naučiť, aby si maximalizoval svoje vyhliadky na prácu testera: • Java • Python • C# Stačí sa naučiť samozrejme jeden z jazykov, môže byť aj iný ako je v zozname. Okrem toho budeš určite potrebovať poriadnu dávku precíznosti a byť komunikatívny, nakoľko budeš musieť reportovať nájdené chyby, správne ich pomenovať, nájsť riešenie a budeš ďalej v kontakte s vývojárskym tímom. Ak v IT len začínaš, práca manuálneho IT testera je skvelý štart. Manuálne testovanie je stále tu a bude tu aj naďalej, nakoľko má mnoho výhod, napríklad pomocou manuálneho testovania vieš objaviť nové chyby v aplikácii, dizajnové chyby a ďalšie. Opäť poznamenávame, že trh v QA sa neustále vyvíja a predpokladáme, že bude chcieť univerzálnych testerov, ktorí vedia dobre manuálne testovať a zároveň aj tvoriť automatizáciu. Pokiaľ máš v pláne stať sa automatizovaným testerom, máme pre teba hneď niekoľko kurzov. Najskôr začni s kurzom Selenium, v ktorom sa naučíš aj Javu a JUnit. Tento kurz má aj pokračovanie pre pokročilých. Ak sa ti viac pozdáva JavaScript, určite mrkni kurz Cypress.io. Cypress je moderný testovací nástroj pre end to end testovanie.
10 programátorských C++ úloh pre začiatočníkov
Vzdelávanie
07.10.2021
Skillmea

10 programátorských C++ úloh pre začiatočníkov

Naučiť sa C ++ nie je ľahká úloha, keď si však chceš uchovať svoje znalosti v dobrej forme, vyžaduje si to prax. Jedna vec je naučiť sa základy programovania v C++ a syntax jazyka, ale niečo úplne iné je použiť tieto znalosti na tvorbu reálnych programov v jazyku C++. V tomto článku si povieme, kde by ste mohli použiť jazyk C++ vo svojej ďalšej práci a prečo je to stále používaný programovací jazyk. A takisto ti v článku prinesieme 10 programátorských úloh v C++, na ktorých si jazyk precvičíš. Na čo sa používa C++?C++ je jedným z najpoužívanejších programovacích jazykov. Lepšou otázkou by teda mohlo byť, na čo sa C++ nehodí? 🙂 C++ je najčastejšie zvolený kvôli svojej schopnosti efektívne prevádzkovať veľké aplikácie. Môžete ho tiež použiť na doladenie toho, ako program používa svoj hardvér. C++ nájdete v operačných systémoch, vašich obľúbených multiplayer hrách, pripájaní na databázy a dokonca aj v nových technológiách VR a AR. Okrem toho je C++ populárne pri tvorba databázových aplikácií, vo finančníctve a ekonomike, využíva sa vo vstavaných systémoch, real-time systémoch, pri spracovaní veľkého objemu dát, ďalej v robotike a kybernetike, v počítačovej grafike (spracovanie obrazu, grafický rendering) či komunikačných systémoch. Mnoho vývojárov si vyberá C++, pretože dokáže efektívne spúšťať ich programy. Komunita C++ vývojárov je tiež pomerne široká, umožňuje to jednoduchšiu spoluprácu a pomoc, keď sa človek pri niečom zasekne.  10 C++ úloh pre začiatočníkovNa splnenie úloh použi ľubovoľný editor, ktorý ti vyhovuje. Stanov si cieľ a časový horizont, v ktorom chceš úlohy splniť. Kľudne urob jednu úlohu každý deň, niektoré úlohy budú možno náročnejšie a zaberú viac času.  Začnime s úlohami. 1. Vypíšte „Hello world“ správuV ktoromkoľvek editore, s ktorým ste sa rozhodli pracovať, skontrolujte, či môžete napísať kód, ktorý zobrazí tento reťazec znakov. Aj keď sa to môže javiť ako jednoduchá úloha, zamyslite sa nad všetkými spôsobmi, akými budete chcieť zobrazovať správy v budúcich programoch, ktoré vytvoríte. Tlač chybových správ alebo potvrdzovacích správ pre rôzne časti kódu je dôležitá pri ladení programu. Môžu sa tiež objaviť výzvy alebo výsledky, ktoré budete chcieť vytlačiť a zdieľať s koncovým používateľom. Vypisovanie správy je zručnosť, ktorú budete používať pomerne často. 2. Vytvorte program, ktorý sčíta dve celé číslaZistite, či dokážete vytvoriť program v jazyku C++, ktorý načíta dve celé čísla zo vstupu klávesnice a sčíta ich. Výsledok by mal vrátiť súčet. Ide síce o základný kalkulátor, predstavte si ale jeho silu vo veľkej databáze, kde by ste pomocou slučiek mohli pridávať obrovské množstvo údajov. Bonusová úloha: Rozšírte tento program o súčet dvoch matíc (nezáleží, koľko bude mať prvkov), aby ste vytvorili pole súčtových prvkov. Ak máte záujem pracovať vo finančnom odvetví ako vývojár, pomocou programov, ako je tento, môžete vašej firme vypočítať dôležité údaje. 3. Napíšte program, ktorý prevádza pixely na centimetreMeniče jednotiek sú malé pomocné nástroje. Môžete vytvoriť program v jazyku C++, ktorý bude zaznamenávať rozmery v pixeloch a vypľuje presne rovnaké meranie v centimetroch? Ak uvažujete o kariére v oblasti dátovej vedy, budete musieť byť dobrý v čistení a formátovaní údajov. Konverzia údajov na inú mernú jednotku je dobrým praktickým testom. 4. Naprogramujte nástroj na konverziu teplotyPodobne je užitočný program na zostavenie prevodu teploty na inú mernú jednotku. Zistite, či môžete vytvoriť program, ktorý bude merať zadanú teplotu v stupňoch Celzia a vráti rovnakú teplotu vo Fahrenheite. 5. Vytvorte multiplikátor s pohyblivou rádovou čiarkouVzhľadom na dve čísla s pohyblivou rádovou čiarkou vytvorte program C ++, ktorý vám poskytne súčin týchto dvoch. Chcete posunúť veci na strednú úroveň? Na tejto výzve stavte tým, že povolíte ľubovoľný počet vstupov (alebo ich množstvo) a vrátite súčin všetkých vstupných čísel s pohyblivou rádovou čiarkou. 6. Skonvertujte reťazec na všetky veľké písmenáMôžete sa rozhodnúť, ako dlhý alebo krátky bude váš vstupný reťazec. Tento program by mal brať zadané malé písmená a prevádzať ich na veľké písmená. Ide o veľmi užitočný nástroj na správu databázy alebo čistenie údajov. 7. Vytvorte kalkulačku, ktorá bude počítať priemerNapíšte program v jazyku C++, do ktorého zadáte pole čísel a výstupom bude ich priemer. Bonusom by mohla byť kalkulačka, ktorá ako vstup použije maticu a poskytne priemer každého riadka alebo stĺpca. 8. Vytvorte funkciu, ktorá skráti reťazec na 10 znakovMôžete zostrojiť funkciu, ktorá prijíma ako vstup reťazec a vracia skrátenú verziu? Existuje mnoho aplikácií na orezávanie údajov, takýto nástroj vie odstrániť chyby v databáze. Napríklad v údajoch o adrese zákazníka by akékoľvek PSČ, ktoré má viac ako päť znakov, bolo nesprávne. Orezávanie celých súborov pomocou tohto programu môže pomôcť udržať databázy so správnymi údajmi. 9. Naprogramujte program, ktorý bude vykonávať triedenie poľa číselných prvkovVzhľadom na pole, povedzme, 10 čísel, môžete vytvoriť program, ktorý vráti pole v číselnom poradí od najmenšieho čísla po najväčšie? Zoradenie údajov je účinný spôsob využitia jazyka C++. Ak vám vyhovuje malé pole, skúste pracovať s väčším - alebo dokonca s maticou. Triediaci algoritmus nechávame na riešiteľovi. 10. Napíšte program, ktorý počíta duplicitné položky poľaPri čistení údajov je potrebné odstrániť duplicitné údaje. V tejto krátkej úlohe teda vytvorte program, ktorý vráti počet prvkov v poli, ktoré sú duplikáty. Nezabudnite každý deň pracovať na svojich programátorských zručnostiach, aby ste postupne dosiahli vytúžený cieľ a stali sa dobrými programátormi. 
Hra GalaxyCodr učí programovať deti od 8 rokov
Vzdelávanie
17.09.2021
Skillmea

Hra GalaxyCodr učí programovať deti od 8 rokov

Veľký tresk našej galaxiePrácou so žiakmi sme získali cenné skúsensti. Z nich sme čerpali pri tvorbe video kurzov programovania pre deti. Vo videách účastníkom predstavíme postup, podľa ktorého si dokážu naprogramovať vlastné projekty. Naším zámerom však je, aby deti neboli len pasívnymi divákmi, ale aby samé aktívne tvorili riešenia problémov pri programovaní. Rozhodli sme sa preto vytvoriť vzdelávaciu hru. Inšpiráciu sme našli napríklad v aktivitách Hour of Code alebo hre Run Marco, na ktorú sme pozerali ako na nášho duchovného súpera. Vo svete však existuje viacero podobných projektov. Väčšina z nich sa však venuje len úplným základom a to je pohyb alebo orientácia robota. My sme chceli ísť viac do hĺbky. Na prvý pohľad sme chceli zaujať príjemnou grafikou, vtipným príbehom a animovanými filmami. Už od samého začiatku sme náš projekt testovali s deťmi. Žiakom sme predviedli náčrty postáv a nechali sme ich hlasovať. Vybrali si vzhľad hlavného hrdinu, vesmírnu raketu alebo príšerky do albumu. Keďže som zberateľský typ, hneď na začiatku som chcel deti motivovať zbieraním. Podobne, keď som ako školák kupoval samolepky pokémonov do nálepkového albumu. Prvá verzia hry, ktorú sme testovali so žiakmi, vznikla ešte ako prototyp v prostredí Scratch. Popravde Scratch doteraz využívame pri tvorbe podkladov a návrhu nových mechaník. Na obrázku nižšie si pozrite malú ukážku.[Image] Simulujeme to, ako budú fungovať, predtým než sa pustíme do ich programovania a implementácie do hry. Počas vývoja sme upustili od viacerých návrhov. Napríklad, pôvodne sme našu hru pomenovali Galacticco. Chceli sme deti odmeňovať predmetmi, ktorými by si zveľaďovali svoju virtuálnu izbu alebo vylepšovali vesmírnu raketu. To by bola domovská základňa nášho hrdinu. Do finálnej podoby sa nedostal ani dizajn úrovní pod vodou alebo medzi oblakmi. Vulkanickej planéty plnej lávy sa však možno ešte v budúcnosti dočkáme.  Popis hry GalaxyCodr v skratke Hra je rozdelená na niekoľko planét. Každá z nich sa venuje nejakej problematike programovania. Obsahuje 20 základných príbehových úrovní. Pre odvážnych je určených 5 náročnejších bonusových úrovní. Každá planéta má vlastné príbehové videá a graficky odlišné prostredie. Úrovne tvoria cesty zložené z políčok. Cieľom je navigovať postavičku Spike na cieľové políčko. Riešením je algoritmus zložený z pokynov teda príkazov, ktoré majú tvar blokov. Zkladáme ich dokopy podobne ako pri stavebnici. Programujeme spôsobom uchop, presuň. a umiestni. Poradie inštrukcií je veľmi dôležité, pretože Spike vykonáva príkazy postupne. Každý level obsahuje didaktický cieľ. Ktorý keď žiaci splnia dostanú víťazný pohár. Na splnenie cieľa na prvých úrovňiach sa postačí dostať do cieľa. Neskôr sa ciele prispôsobia problematike, ktorej sa na danej úrovne venujeme. [Image] Zábavný fakt: Prvé dve planéty Sandy a Roj meteoritov, ktorý obieha okolo planéty, sme spojili do jedného celku. Tieto dva akty boli zverejnené a dlhý čas dostupné na hranie. Spolu s ďalšími planétami prichádzame aj so súťažou. Chceli sme, aby hráči hrali niečo nové a neboli znudení opakovaním úrovní. Tak sme sa rozhodli spojiť pôvodné dva celky dokopy. Zároveň sme navrhli novú sadu úloh. Je mierne náročnejšia. Uvidíme, ako sa nám toto rozhodnutie osvedčí. Hráči sa tak po prejdení prvej planéty môžu tešiť na nový obsah tvorený 4 novými planétami a teda 80 levelmi. Kurikulum planét1. Planéta: Sandy Na povrchu planéty sa naučíme: pohyb postavičky, postupnosť príkazov, vstupné parametre a cyklus. Začíname s bežnými príkazmi ako choď dopredu alebo otoč sa. Riešenie niektorých úrovní nabáda opakovať časti kódu pomocou príkazu opakuj. Všimnite si, že do príkazov vieme písať rôzne čísla. Vo vesmíre sa naučíme: orientácia na dráhe a časovanie. Dráha je kvôli meteoritom rozdelená na niekoľko samostatných častí. Tie sú poprepájané pomocou portálov. Pozor, východy z portálu môžu byť otočené iným smerom ako ich vstupy! Premávku vo vesmíre podobne ako aj u nás pomáhajú riadiť semafory. Musíme si naplánovať, pri ktorom semafore budeme čakať a ako dlho. Prípadne musíme hľadať cestu, po ktorej sa dostaneme najrýchlejšie do cieľa. Na získanie víťazného pohára je potrebné prejsť level za určitý počet ťahov. Každý krok dopredu ako aj čakanie nás stojí drahocenný ťah. 2. Planéta: TerraNaučíme sa: cyklus s ne-určeným počtom opakovaní a podmienky. Cesta sa nám zdá príliš dlhá. Nebudeme počítať políčka. Budeme opakovať kráčanie pokiaľ sa nedostaneme do cieľa. Sem tam musíme odbočiť alebo sa vyhnúť prekážke. Aby sme vedeli kedy, tak sa na to potrebujeme opýtať. Tieto otázky skladáme pomocou podmienok, napríklad: Ak je cesta vpravo, odboč doprava. Na začiatku ich budeme mať predpripravené, neskôr si ich budeme musieť poskladať z jednotlivých dielikov. 3. Planéta: Crystal Naučíme sa: premenné a vstupné parametre. Cestu nám blokujú rôzne uzavreté zátarasy alebo nefunkčné portály. Na ich spojazdnenie potrebujeme určitý počet kryštálov vhodnej farby. Tie sú našťastie všade okolo nás. Budeme ich zbierať, počítať a používať. 4. Planéta: VotanNaučíme sa: súradnice. Celá plocha je pokrytá ľadom až na pár zasnežených políčok. Práve ich polohu musíme zistiť. Je zložená z písmen a čísel. Keď zistíme správnu polohu, môžeme sa po ľade na políčko šmyknúť. 5. Planéta: Zombie IXNaučíme sa: programovať viacero postáv a udalosti. V ceste nám stojí zavretá brána. Niekde musí byť páka, ktorá ju otvorí. Nedočiahneme na ňu. Pomôcť nám môžu okolo sa potulujúci roboti. Ich program je však poškodený. Sú hlúpejší ako zombie, ktoré sú nám v pätách. Pomocníkov potrebujeme naprogramovať. Musíme im dať znamenie, aby v správnej chvíli otvorili bránu. Tak, aby nás pustili ďalej, ale aby zombie zostali vonku.[Image] Nové možnosti a súťaž s KauflandomHraním hry môžeme plniť rôzne úspechy, za ktoré dostanete odmeny pre svoj účet. Môžeme si upraviť obrázok a rámček avatara, pridať pred svoju hernú prezývku titul ako napríklad "kráľ galaxie". Na stránke hry máme pripravenú aj pomoc pre učiteľov. Tí majú možnosť založiť si učiteľský účet. V ňom môžu vytvárať triedy, kam si vás pomocou kódu môžu pridať a sledovať tak váš postup hrou.  Vďaka spolupráci s Kauflandom sme hráčom sprístupnili nový obsah. V Kauflande si môžete zakúpiť len za 1 euro nálepkový album. Za každých 20 Eur nákupu získate jeden balíček obsahujúci 5 náhodných nálepiek do albumu a 1 QR kód. Pomocou QR kódu môžete získať ďalší balíček, ale tentoraz do digitálneho albumu. Dvojnásobná radosť z otvárania.  Tento balíček si v predajni môžete zakúpiť aj samostatne za 0,5 Eur. Ak sa vám podarí zozbierať celý digitálny album a dokončíte prvú planétu, víťazné poháre  nepotrebujete, môžete sa zapojiť do súťaže o herný notebook. Digitálnych hrdinov môžete získať aj hraním hry. Ak si vo svojom profile vyplníte školu, automaticky ju zapíšete do súťaže o IT učebňu.[Image]Viac informácií o súťaži a hre GalaxyCodr nájdete na webe.
Programovanie pre deti. Ako si vybrať ten správny online kurz
Vzdelávanie
08.09.2021
Skillmea

Programovanie pre deti. Ako si vybrať ten správny online kurz

Programovanie pre deti je čoraz viac obľúbenejšie. Nie je to prekvapujúce, vzhľadom k tomu, ako sa spoločnosť stala závislou na technológiách. Stále viac ľudí sa zaujíma o túto zručnosť a pýta sa: mohol by som sa to tiež naučiť? Aj rodičia viac venujú pozornosť programovaniu a snažia sa k nemu svoje deti viesť. Naučiť sa programovať v mladom veku môže dieťaťu zaistiť celoživotný úspech. Programovaniu sa venujú už aj učitelia na základných školách a existuje viacero vzdelávacích programov, kurzov IT, či nástrojov, ktoré sa snažia programovanie deťom čo najviac priblížiť a uľahčiť. V tomto článku prinesieme náš pohľad na programovanie pre deti: výhody, prečo je táto počítačová zručnosť v súčasnosti taká dôležitá, zoznam nástrojov, vďaka ktorým sa vaše dieťa vie naučiť základy programovania, a odporúčania na najlepšie vzdelávacie kurzy.[Image] V akom veku môžu deti začať s programovaním?Podľa Piagetovej kognitívno-štrukturálnej teórie vývinu, ktorú vypracoval švajčiarsky psychológ Jean Piaget v roku 1971, sú deti vo veku 5 rokov v predoperačnom štádiu. V tejto fáze dieťa začína chápať svet pomocou mentálnych reprezentácií prostredníctvom slov a obrazov. Prejavom reprezentatívnej funkcie v poznávaní je tiež oddialená imitácia. Dieťa môže napríklad vidieť iné dieťa ako prelieza zábradlie. Spomenie si na to na druhý deň a na základe predstavy, ktorú si uchovalo, dokáže samo uvedené úkony podobným spôsobom vykonať. Podľa tejto teórie a dostupnosti moderných vzdelávacích nástrojov a technológií sa mnohí odborníci zhodujú, že dieťa sa môže začať učiť programovať vo veku 5 rokov. Niektorí rodičia môžu mať z tohto veku obavy a rozumieme týmto obavám. Základy programovania je však možné vyučovať ľahšie vďaka gamifikácii, moderným programovacím aplikáciám, robotike a ich nástrojov. Mnoho webových aplikácií a stránok učí deti programovať pomocou blokového programovania. V rámci tohto prístupu sa kladie dôraz na umelú inteligenciu, ktorá môže deťom pomôcť zlepšiť ich logické myslenie a riešiť problémy zábavnou formou. Niektoré vlády, napríklad Veľkej Británie, Estónska a Fínska, zaviedli alebo zvažujú zavedenie programovania ako súčasť školských osnov pre deti vo veku 5 a viac rokov. Okrem toho sa rozvíja aj koncept online kurzu programovania pre deti, ktorý ponúka flexibilitu a prístup ku kvalitným materiálom z pohodlia domova. Ako vzbudiť záujem vášho dieťaťa o programovanie?Ak sa vaše dieťa už zaujíma o detské programovanie, tvorbu webov či vývoj hier a aplikácií, pravdepodobne nebudete musieť urobiť veľa, aby ste ich k samotnému reálnemu programovaniu doviedli. V zásade by ste už len našli vhodné online kurzy programovania pre deti, offline kurzy, krúžky a podobne. Ak však vaše dieťa z počítačových vied (alebo aj STEM predmetov - Science, Technology, Engineering, Mathematics) nadšené nie je, existuje niekoľko spôsobov, ako v nich vzbudiť záujem. Zvážte zapojenie hier alebo aplikácií, ktoré spájajú zábavu s učením, alebo im ukážte inšpiratívne príbehy detí, ktoré vďaka programovaniu dosiahli úspech. Kombinujte programovanie s ich súčasnou vášňou• Hračky a roboty Existuje množstvo zábavných "offline" hračiek, ktoré pokrývajú základy STEM a kódovania. Existuje takisto mnoho programovateľných robotov. Môžeme spomenúť populárneho Ozobota alebo Makeblock mBot Robot Kit. Sú to sety vhodné pre začiatočníkov v oblasti programovania a viete ich programovať aj pomocou rozhrania v notebooku či tablete. NAO Robot je humanoidný robot, ktorý je však veľmi drahý a tu ho spomíname skôr ako zaujímavosť.[Image] • Stavebnice LEGO je lídrom v oblasti hračiek pre začínajúcich staviteľov. S LEGO MINDSTORMS si môžete postaviť a naprogramovať vlastného robota. Obsahuje aj jednoduchú aplikáciu s programátorským rozhraním a takto viete ovládať svojho robota. Páčiť by sa vám mohol aj LEGO BOOST Creative Toolbox, vďaka ktorému sa vaše dieťa môže naučiť základy kódovania, inžinierstva a robotiky.[Image] • Kreslenie, maľovanie Ak má vaše dieťa umelecké vlohy, má rado kreslenie, ukážte mu nástroje ako napr. Scratch vďaka, ktorému môžete vytvárať animácie, interaktívne príbehy, hry a pod. pomcou blokového programovania. Deti môžu do Scratch platformy nahrať vlastné obrázky, zvuky, pozadie a vytvárať tak unikátne projekty. Viac o Scratch si prečítajte nižšie v článku. • Video hry (mobilné hry) Deti, ktoré hrávajú počítačové a mobilné hry, by mohli mať záujem o ich výrobu. Vášniví hráči sa môžu naučiť základné znalosti programovania prostredníctvom veľmi obľúbených počítačových hier ako Minecraft a Roblox. Učte sa programovať s nimiDeti chcú byť nezávislé, ale napriek tomu môžu uprednostniť, keby im boli rodičia nápomocní pri začiatkoch v programovaní. Učia sa niečo nové a častokrát sa môžu na niečom zabrzdiť, zaseknúť, čo môže byť veľmi frustrujúce a demotivujúce. Keď im však pomôžu rodičia, ktorým dôverujú, učenie sa stane väčšou zábavou. Pokiaľ teda vaše dieťa váha s učením sa programovania, navrhnite mu, že sa budete učiť spoločne. Ak nie ste technicky zdatný rodič, nevadí, je to skvelá príležitosť aj pre vás naučiť sa niečo nové a vzdelávať sa.[Image] Aký je najlepší programovací jazyk pre deti?Moja cesta k programovaniu začala na strednej škole v prostredí Turbo Pascal. Na počítačoch pre moju skupinu nebola dostupná grafika. Tak zatiaľ čo druhá skupina kreslila autíčka, my sme sa snažili s tou modrou obrazovkou nejako komunikovať. Programovali sme rôzne jednoduché výpočty a odpovede. Po výmene učebne sa pre nás finálnou skúškou stal príklad naprogramovať nakreslenie olympijských kruhov. Veľkým vtipom bola moja príprava na maturitu. Pred Vianocami sa nám pokazil počítač a oprava trvala celý zvyšok školského roka. Programoval som pomocou ceruzky a starého zošita. Spustenie programu prebiehalo v mojej hlave s myšlienkami: „Teraz by to asi malo fungovať.“  Doba postúpila a digitálne technológie sú dostupnejšie. Úvodné nástroje do programovania sa skrývajú za každým rohom. Jedným očkom môžete mrknúť na našu vzdelávaciu hru GalaxyCodr. Vaše prvé kroky na ceste k programovaniu sú oveľa jednoduchšie. Ale ktorou cestou sa vydať? Skúsim vám poradiť podľa mojich skúseností, nakoľko som odučil nespočetne veľa kurzov, krúžkov a webinárov programovania pre deti.  Scratch Junior (škôlka – 3. trieda ZŠ) Začnime s tými najmladšími. Im by som odporučil prostredie Scratch Junior. Je určené pre smartfóny alebo tablety. Vhodnejší je však tablet, vďaka jeho rozmerom obrazovky. Na ktorej sa vám bude s blokmi lepšie pracovať. Príkazy sú stvárnené blokmi pripomínajúcimi stavebnice. Z nich skladáte scenáre pre postavičky, spôsobom uchop potiahni a pusti. Význam príkazov je znázornený obrázkami. Možno na začiatku budete potrebovať pomoc rodičov, ale programovať v prostredí Scratch Junior by mali zvládnuť aj deti v predškolskom veku.   Scratch (4. – 8. trieda ZŠ) Keď trochu podrastiete, môžete sa pustiť do prostredia Scratch. Tu začína tá pravá zábava pre každého nadšenca, ktorý rád vymýšľa vlastné svety alebo chce tvoriť hry. Opäť programujeme blokovým systémom. Všetky príkazy máte dostupné a rozdelené do kategórií. Nachádza sa tu bohatá knižnica postáv a pozadí. Nesklame nás ani celkom slušný nástroj na kreslenie. Scratch beží vo webovom prehliadači. Ak si vytvoríte účet, môžete si vaše diela ukladať priamo online do cloudu. Tu prichádzame ku skvelej Scratch komunite. Priamo na stránke nájdete obrovské množstvo zverejnených projektov. Každý z nich si môžete vyskúšať a pozrieť jeho zdrojový kód. Môžeme sa takto naučiť, ako projekt funguje a prípadne sa ním inšpirovať. Keďže programy tvoria používatelia, sú tu aj slabšie projekty s prosbou o pomoc, vtipné príbehy, zábavné hry a dokonca aj majstrovské diela. Scratch má neskutočný potenciál! Môžete tu dokonca naprogramovať rekurzívne stromy, čo je téma na vysoké školy.   App Inventor (od 7. triedy ZŠ) Z „dospelejších“ programátorských nástrojov je k prostrediu Scratch najbližšie App Inventor. Je to grafický programovací nástroj pre mobilné Android telefóny. To znamená, že programujetee pomocou blokov a rôznych komponentov. Programujete vo webovom prehliadači. Môžete sa prihlásiť pomocou Gmail účtu a zdrojový kód projektov ukladať v cloude. Naprogramované projekty si môžete spustiť na vašom telefóne. Jednoduchú hru typu „Udri prstom krtka“ naprogramuje skoro každý. App Inventor je vhodný na výuku programovania, ale možno v ňom vyvíjať aj plnohodnotné mobilné aplikácie. [Image] p5.js - JavaScript (od 7. triedy ZŠ)Moju cestu do „dospeláckého textového programovania“ som započal v prostredí p5.js, ktoré mi predstavil jeden kolega. Ahoj Majo 🙂 Prostredie beží online vo webovom prehliadači. Prihlásiť sa môžete pomocou Gmail konta a všetky projekty si priamo naň uložiť. Na písane kódu používame jazyk JavaScript. S tým, kde zobrať tie správne slová, aby nám vznikol kód, si ťažkú hlavu robiť nemusíte. Na stránke je bohatá Referenčná knižnica s príkazmi. Výhodou sú príklady, ktoré môžete upraviť a tak experimentovať. Fanúšikovia vytvorili rôzne užitočné knižnice, ktoré sú dostupné priamo na stránke. Naše projekty môžeme pomocou webového odkazu poslať kamarátom, či už so zdrojovým kódom alebo len spusteným projektom. Osobne môžem učiteľom toto prostredie vrelo odporučiť! Dôležité je zvoliť správnu sadu jednoduchých a zaujímavých projektov. Ako mám vo zvyku, na overenie našich „skillov“ môžeme využiť hru Bludisko.  [Image] Ďalšie nástrojePočas svojej praxe som sa stretol s viacerými jazykmi a prostrediami pre začiatočníkov v oblasti programovania. Môžeme si ich spomenúť v „Sieni slávy.“ Blockly Games Ponúka viacero aktivít, ale mojou obľúbenou je Maze. Tu vás čaká zopár zaujímavých bludísk. Programujete cestu do cieľa pomocou blokov. Posledné úrovne vás môžu potrápiť s vetvením podmienok.  CodeCombat Chcete sa naučiť programovať hraním hry na hrdinu. V tomto RPG dobrodružstve môžete prechádzať rôznymi kobkami pomocou textového programovania ako Phyton, JavaScript, C++ a tak ďalej. Hodina kódu (Hour of Code) Obsahuje početnú sadu aktivít zameraných na programovanie pomocou blokov. Oblečené sú v tematickom kabáte ako Minecraft, Star Wars, Angry Birds alebo Plants vs Zombies. Môžete tu nájsť aj zbierku odkazov na ďalšie zaujímavé prostredia.  GalaxyCodr Vráťme sa naspať domov na Slovensko, kde štartuje vesmírna raketa pripravená na programátorské dobrodružstvo. V peknom grafickom prostredí programujete cestu postavičky Tima pomocou blokov. Jeho cesta za záchranou kamaráta je podporená vtipnými animáciami. Môžete sa v blízkej dobe tešiť na pokračovanie príbehu a nové planéty, ktoré čoskoro pribudnú.  LEGO Stavebnice LEGO ponúkajú viacerých robotov, ktorý nie sú určený len na skladanie. Ich pomocou sa môžeme učiť programovať. Pre mladších je tu LEGO Boost a pre starších LEGO Mindstorms. Programujeme na tablete alebo počítači pomocou blokov.  Veteráni K starším veteránom v tejto oblasti patria prostredia pre deti ako Robot Karel, EasyLogo, Imagine alebo Baltík. Odporučiť môžem aj sadu aktivít na precvičenie digitálnych zručností v prostredí Cirkus Šaša Tomáša alebo archív súťaže iBobor.  Na záver môžem povedať, že som určite nespomenul všetko. Chcel som sa s vami podeliť o programátorské prostredia, s ktorými mám osobnú skúsenosť. Ak máte tipy na ďalšie vzdelávacie hry, aplikácie či robotov, neváhajte sa s nimi podeliť v komentároch.
Frontend vs Backend vs Fullstack a ako sa na to pozerám ja
Vzdelávanie
20.08.2021
Jaroslav Beňo

Frontend vs Backend vs Fullstack a ako sa na to pozerám ja

Pri riešení a vývoji aplikácii si vieme vývoj rozdeliť na dve hlavné časti – front end a back end. Front end je v podstate to čo vidíš očami – to s čím sa používateľ ako prvým stretne (počas vysokej školy ma pucoval jeden profesor, že človek, čo kliká našu aplikáciu je používateľ a nie užívateľ). Následne back end je všetko vzadu, čo bežný používateľ nevidí, čo sa deje na pozadí, zväčša je to spracovanie dát, komunikácia s databázou a podobne.  Po internete kolujú desiatky memes, v ktorých sa tieto rozdiely medzi frontendom a backendom zobrazujú. Pozri si zopár z nich: [Image] Dúfam, že máš teraz akú takú hrubú predstavu o tom, čo je frontend a čo backend. Ako sa nám snažia podsunúť tieto meme obrázky, backend nemusí byť a nemal by byť škaredý a zle napísaný špagetový kód, práve naopak. Napriek tomu, že backend používateľ nevidí, mal by fungovať parádne. Pozrime sa teraz na to z pohľadu reálnej aplikácie.  Reálna aplikácia Uvažujem nad webovou aplikáciou, ktorá bude napojená na databázu. Ako prvé potrebujem poznať, čo sa má v aplikácii diať, čo má aplikácia robiť, aké sú podmienky, čo sa má kedy zobrazovať a tak podobne.   Na túto úlohu sú vyhradení špecialisti ako analytik, ktorý analyzuje aplikáciu z pohľadu používania a takzvanej business logiky. Teda napríklad banková aplikácia má inú business logiku a podobne aplikácia na správu používateľov má inú logiku. Potom nastúpi architekt, ktorý povie, v čom sa bude programovať frontend, v čom back end a všetko navrhne technicky.  Následne prichádza na scénu frontend programátor a backend programátor. Alebo čoraz viac populárny fullstack programátor.  Úloha front end developeraFrontend developer má za úlohu pripraviť obrazovky – UI – user interface podľa požiadaviek. Napríklad potrebuje zobraziť všetky transakcie na bankovom účte. Pripraví si obrazovku. Použije HTML + CSS na výzor stránky plus JavaScript na funkcionalitu. Použije najčastejšie jeden z populárnych frameworkov – podľa zadania architekta – Angular, Vue, React. Okrem toho by frontend vývojári mali ovládať frameworky ako Bootstrap, Foundation a ďalšie, ktoré zaistujú skvelo vyzerajúci obsah bez ohľadnu na zariadenie, na ktorom si daný obsah prezeráte. Ak potrebuje dáta, tak podá požiadavku na backend programátora alebo analytik pripraví úlohu pre back end programátora. Frontendista následne potom zobrazí dáta, ktoré mu poskytol backend.  “Frontend developer je zodpovedný za interiérový dizajn domu, ktorý postavil backend developer.” Úloha back end developeraBack end developer pripraví databázu, pripraví si kód na získanie dát z databázy a napojenie dát do programu. Následne pripraví službu na poskytnutie dát do okolitého sveta. Nie všetko, čo je v databáze chceme zobrazovať na obrazovke, len to čo je treba. Služba býva hlavne REST rozhranie (REST api), ktoré vyzerá ako klasická url adresa na webovú stránku, no namiesto web stránky vráti dáta v požadovanom tvare. Napríklad vráti zoznam bankových transakcií daného používateľa v tvare JSON.   Ako backendista by si mal poznať jazyk SQL na komunikáciu s databázou. Potom záleží v akom jazyku je backend napísaný – Java, C#, Python, Ruby a podobne. Potom každý jazyk má frameworky, ktoré pomáhajú pri práci.  Úloha full stack developeraIdeálna kombinácia je vedieť aj front end aj back end. Fullstack developer si pripraví obrazovku a ak potrebuje dáta, tak si ich vie aj sám pripraviť. Podľa môjho názoru je dobre vedieť aj front aj backend, ale trpí tým hĺbka znalostí problematiky.   Zručnosti a znalosti fullstack developerov sú potrebné vo všetkých fázach procesu webového vývoja, počnúc fázou plánovania projektu, správou databáz, vytváraním používateľských rozhraní až po štruktúrovanie údajov a riešenie kritických potrieb. Fullstack vývojári preto musia porozumieť všetkým úrovniam webových stránok a tomu, ako web funguje. Na záver možno povedať, že učenie sa viacerých webových jazykov a technológií je pravdepodobne najlepšia cesta. Je však dobré mať na pamäti tento prístup: osvojte si najpoužívanejšie a najpopulárnejšie technológie/jazyky, pretože čím väčšiu podporu pre svoj web/produkt/službu máte, tým lepšie. Backend developer pozná do hĺbky problémy, ktoré môžu vzniknúť s databázou, pozná lepšie všetky procesy na pozadí.  Frontend developer ovláda lepšie javascriptový framework, vie ako spraviť veci efektívnejšie. Fullstack developer nemusí čakať, kým mu pripravia dáta na backende a vie si všetko lepšie manažovať.
Data Science: ktorým jazykom začať?
Vzdelávanie
11.08.2021
Skillmea

Data Science: ktorým jazykom začať?

Aj ty rozmýšľaš o tom, že sa naučíš data science, ale nevieš, kde začať? Dostávame otázky na to, s ktorým data science jazykom začať ako s prvým. Preto sme pripravili tento blog, v ktorom ti zosumarizujeme nami navrhovaný postup učenia sa data science. V článku nájdeš tipy na jazyky dátovej vedy od našich lektorov Mira Beku, ktorý spravil populárny online kurz Python Data Science a od Mareka Čecha, ktorý vytvoril kurz so zameraním na SQL dátovú analýzu. Veríme, že tento článok ti pomôže vybrať ten správny data science jazyk.[Image] Správny jazyk pre tvoje Data Science cielePredtým, ako si vyberieš konkrétny jazyk, by si si mal(a) položiť niekoľko otázok a zodpovedať na ne. Sú to najmä tieto: Na akých projektoch chceš pracovať? Aké témy ťa zaujímajú? Do ktorých odvetví chceš ísť? Odpovede na tieto otázky ti pomôžu určiť jazyk, ktorý sa budeš musieť naučiť. Niektoré odvetvia vyžadujú znalosť konkrétneho jazyka, je to najmä z dôvodu, že budeš pracovať s preverenými modelmi daného odvetvia, ktoré sú vytvorené pomocou určitého jazyka. Dobrým postupom je aj opýtať sa dátových vedcov z odvetvia, ktoré ťa zaujíma, na jazyky, ktoré používajú a čím odporúčajú začať. Nižšie v článku nájdeš niekoľko facebookových a iných skupín z regiónu Slovenska a Česka, ktoré ti odporúčame. “TL;DR: Najčastejšie používané jazyky v dátovej vede sú Python, R a SQL. Toto sú aj nami odporúčané jazyky, ktorými začať, pokiaľ máš v úmysle stať sa dátovým vedcom. ” Pri výbere akéhokoľvek z data science jazykov však v podstate neurobíš chybu, nakoľko keď sa naučíš extrahovať poznatky a dáta pomocou jedného jazyka, nebude pre teba problém naučiť sa iný jazyk. Všestranný dátový vedec by mal byť schopný "skákať" medzi jazykmi. Najobľúbenejšie Data Science jazykyV tomto stručnom prehľade ti predstavíme najobľúbenejšie Data Science jazyky a na čo slúžia. Dobrou správou je, že Python, R aj SQL majú rozsiahle ekosystémy a komunity, takže tieto jazyky sú vhodné pre takmer všetky úlohy dátovej vedy. Python Python je univerzálny moderný programovací jazyk, vieš ním robiť weby aj programovať robotov. Medzi programátormi je obľúbený pre svoju stručnú a ľahko čitateľnú syntax. Dobre sa teda číta a je možné sa ho veľmi rýchlo naučiť - je teda skvelou voľbou pre výučbu programovania. Vďaka množstvu výkonných knižníc a balíkov môže Python implementovať mnohé zo štatistických modelov a výpočtov potrebných pre dátovú vedu. Je to tiež jeden z najlepších jazykov na získavanie (scraping) údajov z webu. Veľa firiem a organizácií používa Python na data science, pretože ich programátori už používajú Python aj na iné účely. Python tiež používa intuitívnu a jednoduchú syntax, takže je vhodný pre začiatočníkov na učenie sa dôležitých všeobecných konceptov programovania, ako sú napr. funkcie. Miernou nevýhodou Pythonu ako prvého jazyka pre data science je, že základná inštalácia Pythonu neobsahuje štatistické funkcie, takže si budeš musieť stiahnuť všetky potrebné balíčky, aby si mohol začať s data science v Pythone. Keď si však všetko nastavíš, Python sa dá ľahko naučiť. Zopár zaujímavých a odporúčaných balíčkov pre Python: • Data manipulácia: pandas a NumPy • Vizualizácia: Matplotlib a seaborn • Testovanie hypotéz a modelovanie: SciPy, scikit-learn, statsmodels Lektor Miro Beka odporúča aj Jupyter notebook, ktorý je podľa neho "skvelý nástroj ako pracovať s Python datas cience, pretože programátor vie priamo v ňom vykonávať všetky funkcie, zobrazovať grafy a obrázky, prípadne importovať existujúce jupyter notebooky. Keďže python nemá natívne IDE, kde by všetky tieto veci fungovali out of the box, jupyter notebook slušne dopĺňa Python prostredie o potrebné nástroje." Programovací jazyk R R je štatistický programovací jazyk vytvorený pre analýzu údajov, vizualizáciu údajov a dátovú vedu. Dodáva sa s komplexným súborom vstavaných štatistických funkcií a metód. R je dobrá voľba, ak si nováčik v oblasti dátovej vedy, ale už máš základné znalosti o všeobecných konceptoch programovania. Dátové štruktúry, typy premenných a analytické nástroje v R sú jednoduché a navrhnuté špeciálne pre dátovú vedu. Na začiatku nemusíš byť zaneprázdnený syntaxou alebo viacerými rôznymi knižnicami. So základnou inštaláciou R budeš mať prístup k mnohým funkciám dátovej vedy, ako sú lineárne regresie alebo t-testy, a vytvárať peknú grafiku a vizualizácie. R sa tiež dobre kombinuje s RStudio - integrovaným vývojovým prostredím (IDE) - ktoré uľahčuje spustenie kódu R a kontrolu výstupu. Medzi niekoľko užitočných balíkov, o ktorých by si mal vedieť pri učení jazyka R, patria: • Zbierka data science balíčkov: tidyverse • Data manipulácia: dplyr (nachádza sa aj v tidyverse) • Vizualizácia: ggplot2 (nachádza sa aj v tidyverse) • Regresia: caret SQLSQL je jazyk, ktorý umožňuje programátorom komunikovať s databázami a spravovať údaje, ktoré obsahujú. Bežne sa používa na dopytovanie a úpravu údajov uložených v relačnej databáze. Dátoví vedci zvyčajne extrahujú údaje z databázy pomocou jazyka SQL a potom ich importujú do R alebo Pythonu na analýzu. Bez ohľadu na to, aký jazyk sa pre analýzu údajov naučíš, SQL je dôležité naučiť sa, ak chceš sťahovať údaje z databáz. Znalosť jazyka SQL ti umožňuje pracovať s databázami PostgreSQL, SQLite, MySQL a ďalšími relačnými databázami. Syntax základných dotazov je v rôznych databázach podobná, takže SQL je na tento účel univerzálnym jazykom. Ak sa chceš dozvedieť viac o rôznych typoch databáz, pozri si tento online kurz o MySQL a SQLite. Lektor Marek Čech hovorí o SQL ako o vstupnej bráne do odborov súvisiacich so správou dát, či už sa jedná o dáta science, dáta analýzu alebo napríklad business intelligence. Je nielen univerzálnym jazykom pre komunikáciu s databázami a získavanie dát z nich, ale ponúka aj veľké množstvo vstavaných funkcií, vďaka ktorým je používateľ veľmi rýchlo a jednoducho schopný robiť pomerne komplexné operácie. "Začať svoju cestu k práci s dátami jazykom SQL by som práve preto odporučil aj ľuďom, ktorí nemajú predchádzajúce skúsenosti s programovaním či "kódovaním". Človek sa tak naučia písať jednoduché aj zložité otázky, vytvárať databázové schémy, indexy či procedúry, a všeobecne pochopí, ako tok dát a ich čistenie / transformácie bežne prebieha." hovorí ďalej Marek Čech. Jazyk SQL je možné využiť naozaj v akomkoľvek odbore. Poznať ho teda znamená otvorené dvere do lokálnych podnikov i nadnárodných korporácií snáď vo všetkých odvetviach. A keď sa človek rozhodne svoje znalosti rozšíriť o ďalšie jazyky, bude sa mu znalosť SQL stále hodiť pri pátraniach na zdrojové dáta a často aj pre najrôznejšie dáta analytické operácie či poskytovanie dát "businessovým" používateľom - teda napr. Manažment firmy. Ďalšie data science jazykyV závislosti od toho, do akého odvetvia nakoniec pôjdeš, sa možno budeš musieť naučiť konkrétny jazyk pre dátovú vedu. V nasledujúcom zozname jazykov sa dozvieš viac o tom, na čo sa používajú. C/C ++: C aj C ++ vyžadujú silné znalosti základov programovania a učenie týchto jazykov môže trvať dlhšie. V kombinácii s Pythonom alebo R je možné C/C ++ použiť na rýchlejšie a efektívnejšie výpočty datasetov. JavaScript: JavaScript je super nástroj na vývoj interaktívnych data vizualizácií na webe s knižnicami ako D3.js. JavaScript tiež podporuje knižnice strojového učenia ako TensorFlow.js. MATLAB: Ideálny pre pokročilé numerické výpočty a na riešenie zložitých matematických a štatistických problémov. MATLAB sa v akademickom prostredí široko používa na vyučovanie matematiky, fyziky a inžinierstva. Julia: Novší programovací jazyk navrhnutý pre numerickú analýzu a výpočtovú vedeckú analýzu. Je to užitočné pre aplikácie vo fyzike, chémii, astronómii, strojárstve, bioinformatike a ďalších oblastiach. Scala: Výkonný jazyk, ktorý dokáže spracovať veľké množstvo údajov. Scala beží na Java Virutal Machine, čo znamená, že sa dobre integruje s programami napísanými v Jave. SAS: Vytvorený pre pokročilú analytiku, obchodnú inteligenciu a prediktívnu analýzu. SAS sa bežne používa v zdravotníctve, bankovníctve a poisťovníctve. Stata: Používa sa v ekonomickom výskume, verejnej politike a sociálnych vedách. Stata je navrhnutá pre čokoľvek od jednoduchej deskriptívnej analýzy po komplexné štatistické modelovanie. Ďalšie vzdelávanie v data sciencePokiaľ chceš byť v kontakte s ľuďmi z fachu, pozri si týchto zopár užitočných odkazov. Toto sú slovenské Facebook skupiny, ktoré sa zaoberajú dátovou vedou: • PyData Slovakia & Bratislava 👉 https://www.facebook.com/groups/1813599648877946/ • R Slovakia 👉 https://www.facebook.com/groups/931707906955080/ Pycon konferencia v Bratislave je organizovaná dobrovoľníkmi a dobrovoľníčkami z občianskeho združenia SPy o.z. zameraného na šírenie jazyka Python a ďalších open sourcových technológií a myšlienok. Pycon má špecializovaná časť, ktorá sa volá Edu Summit a je zameraná na vyučovanie programovania na základných a stredných školách. Viac info nájdeš na webe Pyconu. Pythonu sa venuje aj konferencia Python Day Bratislava. Je to československá konferencia, na ktorej si vypočuješ prednášky od popredných českých a slovenských odborníkov zo sveta Pythonu. Ročník 2021 bol organizovaný online. Machine Learning Prague je najväčšia európska konferencia o Machine Learningu, AI a Deep Learningu. Ročník 2022 bude v marci, viac info na stránke konferencie. 
Krátky úvod do SQL
Vzdelávanie
25.06.2021
Skillmea

Krátky úvod do SQL

Ú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.
Izometrický dizajn: 3D objekty zobrazené v 2D priestore
Vzdelávanie
10.06.2021
Ľudovít Nastišin

Izometrický dizajn: 3D objekty zobrazené v 2D priestore

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.
Podmienené formátovanie v Exceli
Vzdelávanie
14.05.2021
Skillmea

Podmienené formátovanie v Exceli

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.
Agilný vývoj - úvod do problematiky
Vzdelávanie
10.05.2021
Skillmea

Agilný vývoj - úvod do problematiky

Č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.
O zlatom reze a jeho aplikáciách v dizajne
Vzdelávanie
11.04.2021
Ľudovít Nastišin

O zlatom reze a jeho aplikáciách v dizajne

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.
Ako sa stať front end developerom. Plán pre budúceho JavaScript programátora
Vzdelávanie
26.03.2021
Skillmea

Ako sa stať front end developerom. Plán pre budúceho JavaScript programátora

Ľ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!