AI vs Generativní AI: rozdíly, technologie a praktické využití

Lidé se nás často ptají, jak se stát frontend developerem, jaké technologie by měly ovládat, co všechno vědět, kde začít a jaká je správná posloupnost jednotlivých online kurzů. Na základě našich zkušeností, rad od lektorů jako Yablko a dalších, jsme v tomto článku dali dohromady studijní cestu příštího frontened developera. Frontend developer vs backend developer vs fullstack developerFrontend developer, frontenďák je člověk, který je zodpovědný za části webové aplikace nebo webové stránky, které uživatelé vidí a interagují s nimi. Backend developer je člověk, který má na starosti všechno to, co člověk nevidí – infrastruktura, datový model, databáze. No a pak je tady full-stack developer, který je směsí frontendu i backendu a zvládne celý proces návrhu webové aplikace od začátku do konce. Pomozme si tímto meme pro lepší vizualizaci: [Frontend vs backend] V dnešní době se dost stírá hranice mezi frontendem a backendem. Je to kvůli tomu, že stále více úkolů, které spadají do oblasti backendu, mají na starosti frontend vývojáři. Frontend developer dělá zejména tyto úkoly: • rozhoduje o designu a struktuře webstránek, • vyvíjí funkce k dosažení dobré uživatelské zkušenosti (user experience), • dbá na responzivitu webové stránky, • optimalizuje webstránku pro rychlé načítání a škálovatelnost v budoucnosti, • volí správnou kombinaci webových technologií pro dosažení nejlepšího výsledku. Dovednosti front-end developeraDobrý frontenďák je k nezaplacení. Doslova. Při vývoji webstránek či aplikací je nesmírně důležitý a musí proto mít komplexní znalosti nejen z oblasti vývoje webu: • ovládat technologie jako HTML, CSS, JavaScript a další (čti dále v článku), • pokud umí pracovat s nějakým grafickým softwarem jako například. Photoshop, Sketch alebo Illustrator, je to veľké plus, • základní znalosti SEO, • dobré komunikační znalosti, neboť hodně komunikuje s kolegy (grafik, backend developer, projektový manažer, klient), • nezalekne se problémů a umí je řešit. Mzda frontend developeraPodle portálu platy.sk na Slovensku vydělává JavaScript developer (proč jsme vybrali právě pozici JavaScript developer se dozvíš níže v článku) od 1.300 Eur až po 2.900 Eur. Záleží na počtu let praxe, zkušeností, projektech na jakých jsi již pracoval a tak dále. Dobré JavaScript developery firmy stále hledají, takže když naskočíš na vlak frontend developmentu, o práci budeš mít postaráno.[Priemerný hrubý mesačný plat programátora na Slovensku]JavaScript je také extrémně populární, podle RedMonk rebríčka je JavaScript číslo 1 co se týče popularity na GitHube a Stack Overflow. Když pohledáš i otevřené pozice např. na Profesi, vyhodí ti to stovky pozic JavaScript či frontend programátora. A když si do svého LinkedIn profilu doplníš, že ovládáš JavaScript ak tomu nějaký JavaScript framework, inbox ti vybuchne od nabídek různých IT recruiterů. Pojď na to a viz návod, jak se stát frontend programátorem. Jak se stát frontend developerem?Nenech se odradit a jdi za svým cílem. V textu níže jsme vypíchli podle nás ty nejdůležitější technologie, které by si jako dobrý frontenďák měl ovládat. Pojďme na to. “TL;DR: HTML, CSS a JavaScript jsou zádovou kostí frontend developmentu. Frontend development kombinuje právě tyto tři technologie ak tomu JavaScriptové frameworky (nebo knihovny).” Krok číslo 1: HTML a CSSToto je úplně první téma, kterému by ses měl věnovat, pokud máš v plánu být frontend developerem. Je to alfa a omega celého frontend developmentu. HTML a CSS používají všechny weby, všechny webové aplikace. HTML a CSS tě zdarma naučí kurz Webrebel 1: HTML, CSS a JavaScript. Všechna videa o HTML a CSS jsou k dispozici zdarma, stačí se přihlásit do kurzu. V tomto kurzu se naučíš také důležité věci o tom, jak vůbec internet funguje, jak fungují prohlížeče, což je HTTP a HTTPS, DNS, JSON, XML a spousta dalších zkratek, kterým nyní možná nerozumíš, ale v procesu tvorby webstránek jsou to důležité znalosti . A když budeš u CSS, věnuj mu pořádně hodně času. Může se zdát, že je snadné pracovat s CSS, ale na jeho zvládnutí je zapotřebí mnoho času. Zkus se zeptat backend developera, proč není frontendistou? Šance, že ti odpoví, "Nebo nesnáším CSS" je dost vysoká. Sledovat videa nestačí a proto si určitě během jejich sledování dělej domácí úkoly, které v kurzu jsou. Udělej si své vlastní portfolio, nabídni se svým známým, že jim uděláš webstránku, dělej maličké projektíky jen tak pro své potěšení a takto se budeš zdokonalovat a chytíš psaní kódu za pačesy.[Ukážka HTML, CSS a Java Script | Zdroj: https://moz.com/blog/javascript-seo] Krok číslo 2: piš lépe CSSLepší CSS se naučíš psát například díky preprocesorom. Známými preprocesory jsou Sass, Less nebo Stylus. Preprocesor je program, který zpracuje kód v jednom formátu (např. Sass) a změní jej na kód v druhém formátu (CSS). Díky Sass umíš psát méně kódu a bude přehlednější. Když budeš dělat na webových projektech, je dobré ovládat i nějaký ten CSS framework. Největšími frajery na tomto poli jsou pravděpodobně Bootstrap a Foundation. Bootstrap je iniciativa Twitteru a zaslouží si velkou pochvalu za zavedení responzivního designu ve velkém měřítku. Byl to první framework, který podporoval filozofii 'mobile-first'. Pomocí Bootstrapu umíš relativně rychle vytvářet responzivní weby. Pokud je pro tebe Bootstrap zbytečně omezující v tom, jak tvůj design bude vypadat, vyzkoušej CSS framework Tailwind 2. Je pro lidi, kteří chtějí mít flexibilitu a tvořit vlastní design. Tailwind je intuitivní a moderní CSS framework, který se lze rychle naučit. Krok číslo 3: trošku přitopíme - JavaScriptJavaScript bude pro tebe jako frontend developera bezpochyby nejdůležitější dovedností. Jak se naučit JavaScript? Logická odpověď: začni základy. Nebuď povrchní, ale ani v úvodu nechoď do úplných detailů. Learning by doing je naše doporučení, když se učíš JavaScript: 1. Nauč se základy JavaScriptu, 2. Nauč se React, Vue alebo Angular, 3. Pochopíš, že nemáš dobré základy JavaScriptu, 4. Vrať se k bodu 1. a nauč se pořádně JavaScript. JavaScript je již několik let po sobě nejpopulárnějším programovacím jazykem, pozice vyžadující JavaScript přibývají jako houby po dešti. Když budeš vědět JavaScript, o robotu máš postaráno. Yablko připravil parádní kurz o moderním JavaSciptu. Tento kurz tě naučí psát moderní JavaScript, budeš vědět jeho syntaxi (ES6 a ES7), abys nepsal spaghetti code a pravidla jazyka. Kromě toho, zvládneš nástroje jako package managers (správa závislostí) npm a yarn, zkrotíš DOM, budeš umět používat nástroje jako Webpack a tak dále. V kurzu je téměř 23 hodin materiálu o moderním JavaScriptu, bude to fuška, ale výsledek bude stát za to. Krok číslo 4: vyber si svůj osud - Vue, React, AngularKdyž jsi zvládl předchozí tři kroky, jsi připraven naučit se pracovat s mocnými nástroji v podobě JavaScript frameworků nebo knihoven. Aktuálně v roce 2021 jsou nejvíce v kurzu Angular, React a Vue. Nemusíš vědět všechny, raději jeden a pořádně. Každá z těchto technologií má svá pro a proti a jsou určena ke komplexnímu vývoji frontendových webových aplikací. Tyto frameworky jsou si podobné a pokud se naučíš jeden, přejít na jiný framework není až tak náročné. Pojďme si nyní velmi stručně představit zmíněné tři frameworky. Angular je vyvíjen společností Google, poprvé byl vydán v roce 2010 a je postaven na TypeScriptu. Otcem Angularu je Slovák Miško Hevery. V roce 2016 byl představen výrazný update tohoto frameworku - Angular 2, v jehož rámci došlo ik vypuštění "JS" z názvu. Kromě Googlu samotného používají Angular weby jako PayPal, Upwork, Microsoft a další. React je vyvíjen dalším gigatnem - Facebookem, který jej mimo jiné používá v aplikacích Instagram či WhatsApp, na Reacte fičí i weby Netflixu či Uber. První release byl v roce 2013 a jedná se o JS knihovnu pro vytváření uživatelských rozhraní (UI). Vue je nejmladším JS frameworkem v tomto výběru. Vue za sebou sice nemá žádnou velkou firmu, ale také je používán velkými firmami. Alibaba, Behance nebo GitLab. S příchodem Vue 3 v září 2020 přešlo Vue na TypeScript.[JavaScript frameworks Angular, React, Vue] BONUSGitGit se používá ve většině vývojářských firem, čím dříve se naučíš s Gitem pracovat, tím lépe pro tebe. Git je verziovací systém, díky kterému se můžeš kdykoli vrátit k původní verzi svého kódu, sdílíš kód s kolegy spolupracovníky, pracuješ v týmu. Git ovládáš přes příkazový řádek nebo si nainstaluješ nějaké GUI pro Git. Git ti vlastně ukládá celou historii tvého projektu do repozitáře. Své repozitáře ukládáš na jakémsi hostingu – což může být GitHub, GitLab či Bitbucket. TestováníChceš-li být úplný král, svůj kód určitě i testuj. Vyhneš se tak mnohým problémům při vývoji. U JavaScriptu jsou nejpoužívanější knihovny pro testování Jest, Mocha, Chai. ZávěrNezapomínej, nemusíš dokonale ovládat vše z výše uvedeného. V tomto článku jsme se snažili přinést ti průřez technologií, které bys měl ovládat, pokud se chceš stát frontend programátorem. Mohlo by se zdát, že jich je příliš mnoho a bojíš se, že to nezvládneš. Pro dodání sebedůvěry si přečti tyto příběhy absolventů našich kurzů, kteří se rozhodli změnit kariéru. Nebo si prohlédni pár rozhovorů s absolventy na našem YouTube. Nikdy není pozdě začít s programováním. Když se rozhodneš pro vzdělávání formou online kurzů, nejdůležitější je vydržet. Držíme ti palce. Kódování zdar! Nejčastější dotazy (FAQ): Jak se stát frontend developeremJak dlouho trvá naučit se frontend development?Základy HTML, CSS a JavaScriptu lze zvládnout přibližně za 3 až 6 měsíců pravidelného studia. Pokročilejší dovednosti mohou trvat dalších 6 až 12 měsíců. Je frontend developer vhodná kariéra pro začátečníky?Ano. Frontend development patří mezi nejdostupnější IT profese pro začátečníky. Existuje spousta online kurzů, které umožňují naučit se programování i bez technického vzdělání. Jaký programovací jazyk potřebuje frontend developer?Nejdůležitější programovací jazyk pro frontend developery je JavaScript. Kromě toho používají HTML a CSS. Který JavaScript framework se vyplatí naučit?Nejpopulárnější frameworky jsou React, Angular a Vue. React je momentálně nejrozšířenější a často se doporučuje jako první framework pro začátečníky. Kolik vydělává frontend developer?Plat frontend developera na Slovensku se pohybuje přibližně od 1 500 € pro junior pozice až po více než 3 600 € pro senior frontend developerů.

Ešte pred pár desaťročiami stačilo vyštudovať školu a nájsť si stabilnú prácu. Dnes sa svet práce mení rýchlejšie než kedykoľvek predtým. Celoživotné vzdelávanie je proces neustáleho rozvíjania vedomostí a zručností počas celého života - prostredníctvom kurzov, praxe alebo samostatného učenia. Nie je to trend. Je to nová realita. Čo sa v článku dozvieš• čo presne znamená celoživotné vzdelávanie • prečo jednorazové vzdelanie už nestačí • aké zručnosti budú kľúčové v budúcnosti • ako sa efektívne učiť popri práci • ktoré online zdroje sa oplatí sledovať Čo je celoživotné vzdelávanieCeloživotné vzdelávanie znamená systematický rozvoj vedomostí, schopností a kompetencií počas celého života - nielen počas štúdia. Zahŕňa: • online kurzy • rekvalifikáciu • samovzdelávanie • učenie sa priamo v práci • rozvoj soft skills Cieľom nie je zbierať certifikáty. Cieľom je zostať relevantný. Prečo jednorazové vzdelanie nestačíJednorazové vzdelanie - napríklad vysoká škola - poskytuje dobrý základ. Problém je, že: • mnohé profesie sa menia rýchlejšie než študijné programy, • nové technológie vytvárajú úplne nové pracovné pozície, • zručnosti majú „exspiráciu“. Podľa výskumov sa významná časť odborných zručností stáva zastaranou v priebehu niekoľkých rokov. To znamená, že aj dobré vzdelanie bez ďalšieho rozvoja postupne stráca hodnotu. Firmy dnes nehľadajú iba odborníkov. Hľadajú ľudí, ktorí sa dokážu učiť. Budúcnosť práce patrí tým, ktorí sa učiaNástup umelej inteligencie zásadne mení pracovné pozície a zvyšuje význam znalostí z oblasti AI kurzov a automatizácie. Moderný trh práce je charakteristický: • digitalizáciou • automatizáciou • AI nástrojmi • flexibilnými pracovnými modelmi Zamestnávatelia dnes nehľadajú len odborné znalosti, ale najmä schopnosť učiť sa nové veci. Najcennejšou zručnosťou sa stáva schopnosť adaptácie. Človek, ktorý sa dokáže priebežne vzdelávať, má výrazne vyššiu šancu: • udržať si zamestnanie, • kariérne rásť, • meniť profesiu bez dramatických následkov. [Schopnosť prispôsobiť sa je kľúčová] Výhody celoživotného vzdelávaniaCeloživotné vzdelávanie prináša viac než len lepšie pracovné príležitosti. 1. Vyššia zamestnateľnosť Priebežný rozvoj zručností zvyšuje tvoju konkurencieschopnosť. 2. Väčšia adaptabilita Zmeny v práci či odvetví zvládneš s menším stresom. 3. Väčšia sebadôvera Nové znalosti posilňujú istotu v profesionálnych situáciách. 4. Lepšia schopnosť riešiť problémy Rozvoj analytického a kritického myslenia má priamy dopad na výkon. 5. Mentálna sviežosť Učenie podporuje aktivitu mozgu a dlhodobú kognitívnu vitalitu. Investícia do učenia je investíciou do budúcnosti. Ako sa učiť priebežne a efektívneCeloživotné vzdelávanie neznamená návrat do školských lavíc. Dôležité je ako sa učíme, nie len čo sa učíme. 1. Uč sa pravidelne, nie nárazovoKrátke, pravidelné bloky učenia sú efektívnejšie než občasné intenzívne štúdium. 15-20 minút denne je efektívnejších než víkendové „maratóny“. 2. Prepoj učenie s praxouNajlepšie si zapamätáme to, čo hneď používame. Uč sa veci, ktoré vieš aplikovať v práci alebo v živote. 3. Využívaj moderné formy vzdelávaniaOnline kurzy, webináre, podcasty, odborné články či microlearning umožňujú učiť sa flexibilne a vlastným tempom. 4. Rozvíjaj aj mäkké zručnostiKomunikácia, kritické myslenie, time management či schopnosť učiť sa sú rovnako dôležité ako odborné znalosti. 5. Stanov si jasný cieľUčenie bez cieľa rýchlo stratí motiváciu. Jasne si pomenuj, prečo sa chceš niečo naučiť a ako ti to pomôže. Celoživotné vzdelávanie ako konkurenčná výhodaV minulosti bola výhodou špecializácia. Dnes je výhodou schopnosť učiť sa nové veci rýchlejšie než ostatní. Celoživotné vzdelávanie už nie je „nice to have“. Je to základná zručnosť 21. storočia. [Celoživotné vzdelávanie je konkurenčná výhoda] Praktické tipy na celoživotné vzdelávanie MicrolearningUč sa 10-20 minút denne namiesto dlhých blokov. Spaced repetitionPravidelné opakovanie zlepšuje dlhodobé zapamätanie. Aktívne učenieRob si poznámky, kresli schémy, vysvetľuj si učivo nahlas. Vytvor si učebný plánNaplánuj si konkrétne ciele na týždeň alebo mesiac. Vyhradený čas v kalendári výrazne zvyšuje šancu, že učenie neostane len dobrým úmyslom. Uč sa s komunitouDiskusie a spätná väzba pomáhajú lepšie pochopiť nové témy a udržať motiváciu. ZáverCeloživotné vzdelávanie už nie je výhodou - je nevyhnutnosťou. Jednorazové vzdelanie nestačí v prostredí, kde sa technológie, profesie aj požiadavky menia rýchlejšie než kedykoľvek predtým. Schopnosť učiť sa priebežne a efektívne sa stáva jednou z najdôležitejších zručností 21. storočia. Investícia do učenia je zároveň investíciou do vlastnej budúcnosti. Často kladené otázky (FAQ)Čo je celoživotné vzdelávanie?Celoživotné vzdelávanie je neustály proces rozvíjania vedomostí a zručností počas celého života prostredníctvom kurzov, praxe alebo samostatného učenia. Prečo je celoživotné vzdelávanie dôležité?Pretože trh práce sa rýchlo mení. Technológie, automatizácia a nové profesie spôsobujú, že zručnosti rýchlo zastarávajú. Priebežné vzdelávanie zvyšuje zamestnateľnosť a kariérnu stabilitu. Ako sa vzdelávať popri práci?Najefektívnejšie je krátke, pravidelné učenie (15-20 minút denne), využívanie online kurzov a okamžité prepojenie nových poznatkov s praxou. Aké zručnosti sa oplatí rozvíjať?Digitálne zručnosti, práca s AI nástrojmi, analytické myslenie, komunikácia, time management a schopnosť učiť sa nové veci. Je online vzdelávanie rovnako efektívne ako klasické štúdium?Pri správnom prístupe áno. Online vzdelávanie umožňuje flexibilitu, okamžitú aplikáciu poznatkov a prístup k aktuálnemu obsahu.

Vo svete moderného vývoja aplikácií patria Docker a Kubernetes medzi najdôležitejšie technológie posledných rokov. Obe zásadne zmenili spôsob, akým firmy vyvíjajú, nasadzujú a spravujú softvér - no každá rieši iný problém. Ak sa pohybujete v IT, DevOps alebo sa chcete do tejto oblasti dostať, skôr či neskôr narazíte na otázku: Docker alebo Kubernetes?  V tomto článku si ich vysvetlíme jednoducho, prakticky a bez zbytočného hypu. “Docker slúži na vytváranie a spúšťanie kontajnerov, zatiaľ čo Kubernetes ich orchestruje a spravuje vo veľkom meradle. Docker je ideálny na vývoj, testovanie a menšie projekty. Kubernetes sa používa v produkcii, kde treba škálovanie, vysokú dostupnosť a automatizáciu.” Čo je Docker?Docker je platforma na kontajnerizáciu aplikácií. Umožňuje vývojárom „zabaliť“ aplikáciu spolu so všetkými závislosťami do jedného balíčka - kontajnera - ktorý sa správa rovnako na každom prostredí. V praxi to znamená: • aplikácia funguje rovnako na lokálnom počítači aj na serveri, • odpadá problém „u mňa to funguje, u teba nie“, • nasadzovanie je rýchle a opakovateľné. Docker je často prvý krok do sveta webových technológií a DevOps.  Hlavné komponenty Dockeru• Docker Image - obraz aplikácie so všetkým potrebným na spustenie • Docker Container - bežiaca inštancia image • Docker Engine - jadro, ktoré kontajnery spúšťa • Docker Registry / Docker Hub - úložisko image • Docker Compose - nástroj na spúšťanie viacerých kontajnerov naraz Docker je jednoduchý, rýchly a veľmi obľúbený najmä vo vývojových tímoch. Čo je Kubernetes?Kubernetes je open-source systém na orchestráciu kontajnerov. Nerobí kontajnery - tie už máte (často práve z Dockeru) - ale stará sa o ich správu vo veľkom meradle. Kubernetes rieši: • kde sa kontajnery spustia, • koľko ich má bežať, • čo sa stane, keď niektorý zlyhá, • ako aplikáciu automaticky škálovať. Kubernetes sa používa hlavne v produkčných prostrediach, kde bežia desiatky až tisíce kontajnerov. Základné komponenty Kubernetes• Pod - najmenšia jednotka, obsahuje jeden alebo viac kontajnerov • Node - server, na ktorom pody bežia • Cluster - skupina node-ov • Control Plane - riadiaci mozog klastra • Service - zabezpečuje sieťový prístup k podom • Deployment - riadi životný cyklus aplikácie Kubernetes je extrémne silný, ale zároveň komplexnejší na učenie aj správu. Docker vs Kubernetes: prehľadné porovnanie[Porovnanie Docker a Kubernetes] Ktorý sa oplatí učiť ako prvý?Toto je jedna z najčastejších otázok a odpoveď je jasná: Začnite DockeromPrečo? • rýchlo pochopíte princíp kontajnerov, • uvidíte okamžitý výsledok, • Docker je základ, na ktorom Kubernetes stojí. Kubernetes má zmysel až vtedy, keď: • rozumiete kontajnerom, • pracujete s cloudom, • riešite produkčné nasadenia. Presne takto je to postavené aj v kurzoch zameraných na Docker a Kubernetes. Kedy použiť Docker?Docker je ideálny, ak: • vyvíjate alebo testujete aplikáciu, • pracujete v malom tíme, • chcete rýchly a jednoduchý setup, • ste na začiatku s kontajnerizáciou. Kedy použiť Kubernetes?Kubernetes má zmysel, ak: • aplikácia beží na viacerých serveroch, • potrebujete vysokú dostupnosť, • očakávate vysokú návštevnosť, • chcete automatické škálovanie bez výpadkov. Sú Docker a Kubernetes konkurenti?Nie. Dopĺňajú sa. Docker: • vytvorí kontajner Kubernetes: • rozhodne, kde a ako bude bežať V praxi sa veľmi často používajú spolu. Prečo je dobré rozumieť obom technológiám?• sú základom moderného vývoja aplikácií, • používajú sa v cloude (AWS, Azure, GCP), • výrazne zvyšujú hodnotu vývojára na trhu práce, • patria medzi kľúčové DevOps zručnosti. ZáverDocker a Kubernetes riešia rozdielne problémy, no spolu tvoria základ modernej infraštruktúry. Ak ste na začiatku, Docker je správna voľba. Kubernetes prichádza na rad v momente, keď riešite škálovanie, stabilitu a produkčné prostredie. Ak chcete tieto technológie pochopiť prakticky a nie len teoreticky, najlepšia cesta je učiť sa ich krok po kroku, na reálnych príkladoch. FAQ - Často kladené otázkyČo je hlavný rozdiel medzi Docker a Kubernetes? Docker vytvára kontajnery, Kubernetes ich orchestruje a spravuje. Je možné používať Docker bez Kubernetes? Áno, pre menšie projekty je Docker úplne postačujúci. Je možné používať Kubernetes bez Dockeru? Áno, Kubernetes podporuje aj iné runtime prostredia (containerd, CRI-O). Ktorý je náročnejší na učenie? Kubernetes má výrazne strmšiu krivku učenia než Docker. Sú Docker a Kubernetes platené? Obe technológie sú open-source. Náklady vznikajú najmä pri cloudových službách.