Kurz full-stack vývoje: front-end, back-end i AI
Web Developer Akademie patří mezi nejkomplexnější kurzy moderního front-endu. Během 14 týdnů tě čeká výuka, domácí cvičení, projekty… Víc jak 250 nabitých hodin. JavaScript, HTML a CSS jsou nepostradatelnou součástí každého webu. Jednoduché webové stránky díky nim dokážeš vytvořit už za pár týdnů. Do kurzu jsme přidali i praktickou práci s AI. Naučíš se klíčové a poctivé front-endové i back-endové know-how a spojíš ho s moderním AI přístupem. Ať se chceš věnovat webům nebo se ti takové znalosti hodí třeba pro správu e-shopu, tenhle kurz je ideální. Nepotřebuješ žádné předchozí znalosti.
Každý týden se potkáme na online webináři od 18:00 do 21:00.
Počítej 3 hodiny na webinář a zbytek na praktické úkoly, projekty a samostudium. Kurz trvá 3 měsíce.
Každá lekce má záznam, který si můžeš kdykoliv pustit a být tak flexibilní. Výuka probíhá v češtině.
Když otevřeš jakoukoliv webovou stránku nebo aplikaci, vše, co vidíš před sebou na obrazovce, ať už jsou to texty, obrázky, menu nebo tlačítka, to všechno patří do „front-endu“. Můžeš si to představit jako „vitrínu“, která je určena pro návštěvníky, aby s ní mohli pohodlně interagovat. Front-end zahrnuje vše, co je spojené s tím, jak web vypadá a jak s ním uživatel může pracovat.
Back-end je všechno, co na webu nebo v aplikaci není na první pohled vidět, ale bez čeho by nic nefungovalo. Je to „motor v pozadí“, který zpracovává data, komunikuje s databázemi, řeší přihlašování uživatelů, logiku aplikace nebo třeba odesílání formulářů. Zatímco front-end je vitrína, back-end je zákulisí, kde se rozhoduje, co se komu zobrazí a proč. Díky back-endu web reaguje na akce uživatele, ukládá informace a propojuje vše dohromady do funkčního celku.
Digitální svět a trh se mění a byla by škoda tvářit se, že AI a vibe coding neexistují. Vibe coding je zjednodušeně způsob práce, kdy si s pomocí AI necháváš navrhovat a skládat kód rychleji – často přes popis toho, co chceš vytvořit, místo psaní všeho od nuly. My tenhle přístup bereme jako užitečný nástroj, ne jako náhradu poctivých a hlavně potřebných základů. Web Developer Akademie je postavená jako full-stack – učíš se front-end i back-end tak, aby ti bylo jasné, co a proč píšeš a jak spolu jednotlivé části aplikace souvisí. AI do kurzu přidáváme tam, kde dává smysl: na zrychlení rutiny, prototypování, hledání chyb, ladění kódu nebo práci s daty – a zároveň tě učíme výstupy kriticky ověřovat, dobře zadávat kontext a nenechat se „ukecat“ řešením, kterému nerozumíš. Výsledkem je kombinace pevného know-how a moderního přístupu.
Chceš se stát webovým vývojářem? Pak se bez znalosti HTML, CSS a JavaScriptu neobejdeš. JavaScript navíc patří mezi programovací jazyky, které zásadně stoupají na oblibě, takže krok vedle s tímhle kurzem určitě neuděláš a o uplatnění nebudeš mít nouzi. HTML i CSS se naučíš opravdu rychle a už během chvíle uvidíš velký progres. A když přidáš i základy JavaScriptu a základní obratnost s AI, firmy se o tebe poperou. Ať už chceš tvořit vlastní weby nebo si prostě jen rozšířit svoje znalosti a dovednosti, HTML, CSS a hlavně JavaScript je vždycky dobrá volba, protože je jednoduše používá 100 % webů.
Pokud se ve světě IT teprve rozkoukáváš, pak je pro tebe webový vývoj pomocí JavaScriptu, HTML a CSS jako dělaný. Osvojit si tyhle programovací jazyky a technologie je určitě jednodušší než začít od nuly třeba s Javou. Poměrně rychle se tak můžeš stát front-end vývojářem interaktivních webových aplikací. A těch je v dnešní době potřeba spousta. 🙂
Node.js ti umožní psát serverový kód v JavaScriptu a postavit skutečný back-end aplikace. Express.js je pak lehký a přehledný framework, se kterým rychle vytvoříš API, napojíš se na databázi, vyřešíš autentizaci uživatelů nebo práci s formuláři. Díky téhle kombinaci pochopíš, jak funguje logika aplikace „pod kapotou“ a jak propojit front-end s back-endem do jednoho funkčního celku. To je klíčový krok k full-stack vývoji.
Front-end vývojář, back-end vývojář, full-stack vývojář, vývojář mobilních aplikací, automatizovaný tester, UX designer, správce e-shopů, specialista na e-mail marketing a spoustu dalších profesí. To je jen malá ochutnávka z toho, kam se můžeš se znalostí JavaScriptu dostat. Je to opravdu všestranný jazyk a když ho doplníš HTML a CSS, máš kariéru jistou.
Začneme pěkně od začátku. Budeš potřebovat jen notebook a pořádnou chuť se učit, protože nudit se rozhodně nebudeš. Čekají tě desítky hodin studia pod vedením zkušených lektorů.
Výuka probíhá online formou live webinářů, které si případně můžeš pustit i ze záznamu. To je určitě velká výhoda a od našich studentů víme, že tuhle možnost často využívají. Získáš taky přístup na výukovou platformu, kde najdeš interaktivní cvičení, projekty i další kurzy.
Všechny důležité informace ti řekneme na první hodině, takže se ničeho neboj. Na začátku ti ukážeme všechny nástroje, které budeš během celého kurzu potřebovat. Získáš taky 8měsíční přístup do e-learningových materiálů ke kurzu.
Čeká tě 14 online webinářů s lektorem po 3 hodinách a spousta materiálů na procvičování doma. Celkem tedy desítky až stovky hodin práce – záleží, jak moc tomu budeš chtít věnovat. 🙂 Na každé hodině ti nejdříve ukážeme nový koncept a teorii si pak hned procvičíš v připraveném prostředí – vše online, z pohodlí domova. Novou látku si tak hned osaháš v praxi. Během výuky dostaneš prostor se na cokoli zeptat, lektor ti rád se vším poradí. A pokud náhodou live webinář nestihneš, můžeš si lekci znovu pustit ze záznamu.
Všechny nové znalosti a schopnosti budeš trénovat i doma. Počítej, že ti samostudium průměrně zabere asi 5–10 hodin týdně, pokud si chceš z kurzu odnést maximum. Úkoly na vzdělávacím portále ti zaručí, že budeš kurz zvládat a dobře si osvojíš látku. A pokud budeš během samostudia potřebovat pomoci, stačí napsat na Discord.
V průběhu celé Akademie budeš pracovat na komplexních projektech a nespočtu dílčích úkolů. V nich zužitkuješ vše, co se naučíš a procvičíš si tak veškerou látku. K projektům dostaneš individuální zpětnou vazbu – dozvíš se, kde je potřeba zamakat a co ti jde naopak dobře. Můžeš využít i Live Chat podporu či komunikaci v rámci naší Discord komunity.
O certifikaci ECJWD (ENGETO Certified Junior Web Developer) můžeš požádat po absolvování celé Front-end Developer Akademie. Podmínkou jeho získání je úspěšné splnění všech projektů a úkolů, a to nejpozději 8 měsíců od první lekce. Do té doby máš celkem 3 pokusy, o certifikát se žádá online skrze výukový portál. Zadání jednotlivých projektů ti vysvětlí lektoři v průběhu Akademie a pokud o certifikát nestojíš, projekty vypracovávat nemusíš.
V kurzu tě naučíme moderní workflow, které se dnes používá v týmech: AI jako akcelerátor, ne autopilot. To znamená, že ti pomůže zrychlit psaní a orientaci v kódu, ale ty pořád víš, co se děje, umíš to otestovat, upravit a vysvětlit.
Během výuky ti ukážeme, jak používat Cursor (AI‑asistovaný editor) tak, aby ti reálně šetřil čas a zároveň zvedal kvalitu výsledku.
HTML je kostra každé webové stránky. V první lekci začneš úplně od základů a pochopíš, jak má vypadat správně strukturovaný web, ve kterém se dobře orientuje prohlížeč, uživatel i vyhledávače.
Nezůstane ale jen u „výčtu tagů“. Ukážeme si, jak obsah na stránce přirozeně rozdělit do částí jako head, main a footer, proč řešit blokové vs. řádkové prvky a jak psát HTML tak, aby bylo čitelné a udržitelné. A protože web bez stylů nedává smysl, rovnou navážeš základním CSS a naučíš se ho správně napojit na HTML.
Když už umíš postavit základ stránky, je čas naučit se ji opravdu „poskládat“. V téhle lekci se podíváme na box model a na to, jak prohlížeč přemýšlí o každém prvku jako o krabičce s obsahem, odsazením a okraji. Díky tomu začneš mít layout pod kontrolou a přestaneš bojovat s tím, proč je něco posunuté jinam, než čekáš.
Zároveň si ukážeme pozicování (position) a praktické situace, kdy ho použít. Vyzkoušíš si taky vložení externího obsahu, jako je video nebo mapa. A na závěr se poprvé potkáš s flexboxem – moderním způsobem, jak snadno zarovnávat prvky vedle sebe a tvořit základní layouty bez zbytečných hacků.
Flexbox už znáš v základu, teď ho začneš používat tak, aby ti skutečně šetřil čas. V téhle lekci se zaměříme na rozvržení stránky pomocí flexboxu do detailu – jak prvky skládat, zarovnávat a nechat je „chytře“ reagovat na dostupné místo.
Zároveň uděláme důležitý krok k moderním webům: responzivitě. Ukážeme si, jak přizpůsobit layout různým velikostem obrazovky a jak pomocí media queries cílit styly pro mobil, tablet i desktop. Díky tomu začneš tvořit stránky, které vypadají dobře všude – a ne jen na tvém monitoru.
Teď přichází část, která web „rozhýbe“. V téhle lekci se seznámíš se základy JavaScriptu a pochopíš, jak přemýšlet nad kódem: co je proměnná, jak psát komentáře, jak si vypsat hodnoty do konzole a jak bezpečně pracovat se vstupy od uživatele (např. přes prompt).
Hned od začátku to bude praktické – naučíš se načítat HTML elementy ze stránky, měnit jejich obsah i styly a vytvářet nové prvky přímo z kódu. Projdeme si také přehled datových typů a ukážeme si, jak zjistit typ hodnoty, aby ses v kódu neztratil a uměl předcházet chybám.
V páté lekci dáš svému kódu rozhodování a naučíš se psát logiku, která reaguje na situaci. Probereme podmínky (if/else) a ukážeme si, jak si pomoct logickými operátory, aby tvůj kód uměl pracovat s více scénáři najednou. V praxi si to vyzkoušíš na jednoduchých interaktivních příkladech, které na webu hned uvidíš.
Potom navážeme funkcemi – tedy znovupoužitelnými bloky kódu, díky kterým budeš psát čistěji a přehledněji. A protože web je hlavně o interakci, dostaneme se i k událostem (events): jak zachytit kliknutí, změnu hodnoty nebo odeslání a jak na ně v JavaScriptu správně reagovat.
Když začneš pracovat s větším množstvím dat, proměnné ti brzy přestanou stačit. V téhle lekci se proto naučíš používat pole (arrays) a pochopíš, jak v nich data ukládat, číst a upravovat. Díky tomu budeš moct stavět praktičtější funkce a programy, které zvládnou víc než jen pár hodnot.
Na pole přirozeně navážou cykly – tedy způsob, jak kód opakovat bez zbytečného kopírování. Ukážeme si různé typy cyklů a kdy se který hodí. A protože web často pracuje s čísly (ceny, skóre, výpočty), přidáme i zaokrouhlování a základní práci s numerickými hodnotami.
Moderní webové aplikace neustále komunikují se světem okolo – načítají data z externích služeb, odesílají požadavky a pracují s odpověďmi. V téhle lekci pochopíš rozdíl mezi synchronním a asynchronním kódem a hlavně proč je asynchronita pro web tak důležitá.
Ukážeme si, jak v JavaScriptu pracovat s API pomocí fetch, jak zpracovat odpověď a co dělat, když se něco pokazí. Naučíš se psát kód s ošetřením chyb přes try/catch a porovnáš si dva běžné přístupy: .then() a moderní async/await. Díky tomu budeš umět bezpečně načítat data a zobrazovat je uživateli.
V osmé lekci začneš skládat všechno dohromady. Vezmeme HTML, CSS a JavaScript a ukážeme si, jak z nich vytvořit reálně použitelné interaktivní prvky – od práce s DOM přes události až po načítání dat z API.
Lekce je postavená hlavně na praxi: společně projdeme několik mini‑projektů, na kterých si upevníš logiku, práci s prvky na stránce i správné strukturování kódu. Na závěr dostaneš i dobrovolnou domácí výzvu, díky které si vyzkoušíš celý proces samostatně a přeneseš si dovednosti do vlastního portfolia.
Doteď jsme tvořili hlavně to, co běží v prohlížeči. Teď uděláme krok k full‑stacku a vysvětlíme si, co je back-end, k čemu je server a jak spolu front‑end a back-end komunikují. Node.js si krátce ukotvíme teoreticky (ať víš, v jakém prostředí JavaScript na serveru běží), ale rychle se přesuneme k praxi.
Hlavní hvězdou lekce bude Express.js – jednoduchý a velmi používaný framework pro tvorbu webového serveru. Společně si postavíš svůj první Express server, spustíš ho lokálně a pochopíš, co se děje, když prohlížeč pošle požadavek a server vrátí odpověď.
V desáté lekci dáme tvému serveru jasnou strukturu a naučíš se pracovat s tím nejdůležitějším: serverovými požadavky a odpověďmi. Ukážeme si routy (routes) a pochopíš, jak server rozhoduje, co vrátí pro různé URL nebo typy požadavků.
Zároveň si vyzkoušíš, jak propojit back-end s front‑endem v praxi – jak serverem doručit HTML, CSS i JavaScript soubory, aby aplikace fungovala jako celek. A přidáme i middleware: „mezivrstvu“, která ti pomůže s logikou okolo požadavků (např. logování, zpracování dat nebo ochrana přístupu).
V téhle lekci uděláš další velký krok směrem k „opravdovým“ aplikacím. Naučíš se používat šablonovací jazyk Express.js, díky kterému můžeš generovat HTML dynamicky – tedy skládat stránku z dat, která přicházejí ze serveru. To je přesně ten moment, kdy web přestává být jen statická stránka a začíná se chovat jako aplikace.
Zároveň si otevřeme dveře do světa databází. Ukážeme si, co je SQL, proč se databáze používají a jak přemýšlet o datech (tabulky, řádky, sloupce). Cílem není naučit se hned všechno nazpaměť, ale pochopit principy, které budeš v dalších lekcích používat pořád dokola.
Teď půjdeme do SQL naplno. Naučíš se psát základní dotazy, se kterými v databázi umíš data vytvářet, číst, upravovat a mazat – tedy CRUD. Ukážeme si, jak dotazy skládat tak, aby dávaly smysl a aby ses v nich neztratil(a), i když se databáze začne rozrůstat.
To nejdůležitější: SQL hned napojíš na svoji Express aplikaci. Díky tomu pochopíš celý tok dat – od požadavku uživatele, přes serverovou logiku, až po uložení nebo načtení z databáze a zobrazení výsledku na stránce.
Závěrečná lekce je o tom, co odlišuje „demo projekt“ od aplikace, kterou můžeš bezpečně pustit mezi lidi: autentikace a práce s přihlášením. Pochopíš rozdíl mezi registrací, přihlášením a autorizací (kdo je uživatel vs. k čemu má přístup) a naučíš se navrhnout tok aplikace tak, aby dával smysl i z pohledu bezpečnosti.
Prakticky si ukážeme, jak bezpečně ukládat hesla (hashování), jak pracovat se session a jak chránit vybrané části aplikace. Na konci budeš mít kompletní základ full‑stack aplikace, na kterém můžeš stavět dál – a který si můžeš bez ostychu dát do portfolia.
Naučíš se tvořit webové stránky od nuly pomocí HTML, CSS a JavaScriptu.
Pochopíš základy responzivního designu a další trendy, které se dnes ve vývoji webů používají.
Vše si vyzkoušíš prakticky a získáš portfolio projektů do CV.
Naučíš se propojit znalosti front-endu a back-endu a s principy vibe codingu a AI.
Získáš pevné základy a certifikát, který ti otevře dveře do světa IT.
Příprava portfolia a CV
Na konci kurzu můžeš využít 1:1 kariérní konzultaci s recruiterkou Leničkou, která ti pomůže např. vylepšit CV nebo se připravit na pohovor.
Personalizovaná zpětná vazba
Práce na reálných scénářích je to nejvíc, co si můžeš odnést. Dáme ti zpětnou vazbu na projekty, které vytvoříš během kurzu.
Na 4hodinovém workshopu s Jirkou Psotkou zjistíš, jak hledat práci v IT, na co si dát pozor, jak pracovat s LinkedInem, získáš přehled o trhu práce a další.
Spolupracujeme s firmami, které mají volná pracovní místa a aktivně nás oslovují, abychom dali vědět našim studentům. K nabídkám získáš přístup.
Tematické webináře, hackathony, meetupy… Potkejme se na některé z našich offline akcí nebo se zapoj do komunity na Discordu.
Pravidelně sdílíme rady a na blogu, v newsletteru a na sociálních sítích. Poslouchat můžeš taky náš „podcast“ ENGETO Drop!
David rád vzdělává lidi. Jeho cílem je měnit lidem pomocí vzdělávání život. Na IT ho zaujala volnost a kreativita. Žádná myšlenka není nedosažitelná. A to se snaží předat studentům. Aktuálně pracuje jako programátor, učí na dvou školách a mezi jeho největší koníčky patří studium AI, kybernetické bezpečnosti a hackingu.
Viliam vystudoval KISK na MU v Brně a o programování se začal zajímat při psaní diplomové práce. Od Pythonu a krátké fáze automatizovaných testů postupně přešel k front-endu. Vili ti bude dobře rozumět, protože sám prošel několika ENGETO kurzy.
Anička je celoživotní nadšenec do matematiky a vědy, ale i tvoření nových věcí a zlepšováků. Ideální kombinaci obojího našla právě v programování. Studuje MatFyz a pro lektorování se rozhodla, protože věří, že programování je pro každého, a chce pomáhat ostatním lidem objevovat jeho kouzlo.
Karel je back-end vývojář a nadšený student informatiky, který si oblíbil vývoj webových aplikací v .NET a Reactu. Vyzkoušel si tvorbu her v Unity i Unreal enginu a zajímá ho i vývoj aplikací v qT frameworku. Karel se neustále učí nové věci a rád se dělí o své znalosti s ostatními. Rád vidí, jak jeho studenti získávají nové schopnosti a dovednosti v programování. Věří totiž, že programování není jenom o psaní kódu, ale také o tvorbě nových a inovativních nápadů a jejich proměně v reálné produkty.
Šimon je počítačový nadšenec (čti „nadšený šílenec“), který se zabývá fungováním věcí a snaží se pro klienty vymyslet vždy co možná nejlepší řešení. Záleží mu na osobním přístupu a rozvoji v IT znalostech i jinde. Má za sebou gympl, kousek VŠ, několik obsáhlých kurzů a nespočet dokumentací. Taky několik let pokusů (a omylů) v PHP, JavaScriptu (v Reactu i Vanille), Linuxu a dalších technologiích. A pár let praxe. Chce předávat své znalosti a největší radost je pro něj vidět vývoj svých studentů. Je hudebníkem a momentálně se učí učit na pedagogické fakultě UP.
Tomáš má dlouholeté zkušenosti s vedením kurzů věnovaných front-endovýcm technologiím, od HTML a CSS, přes JavaScript k VueJS a Reactu. Sám se se živý vývojem front-endu, lektorování jej ale naplňuje a zakládá si na kvalitní výuce a upřímné zpětné vazbě.
Engeto můžu jen doporučit. Nedávno jsem dokončila Front-end Developer Akademii (Web Developer akademie) a jsem ráda, že jsem si vybrala kurz právě od Engeta. Všichni lektoři jsou moc milí, šikovní a nápomocní, vše srozumitelně vysvětlí a člověk se opravdu něco naučí 😊 Určitě jsme se neviděli naposledy.
Absolvovala jsem kurz "Front-end Developer Akademie" (Web Developer Akademie). Vše bylo srozumitelně vysvětleno, obsáhlé materiály, lektoři ochotní a nápomocní. Člověk zpracovával 2 projekty. Kurz byl trošku časově náročnější (každý týden 3 hodiny přednáška + nepovinné konzultace den předem + zpracovávání projektu, případně i nepovinných úkolů mezi lekcemi), ale za mě určitě velmi přínosný a jsem ráda, že jsem měla možnost se ho zúčastnit.
Dokonce úplně nejvhodnější! Akademii startujeme od úplných začátků, takže se nemusíš bát ničeho záludného. 🙂
Ano! V případě online studia máš možnost si pustit záznam a látku dostudovat kdykoliv budeš chtít. Součástí tvého studia je i náš online výukový portál, na kterém najdeš obsah všech lekcí, projekty i správná řešení a další úkoly. Pokud budeš potřebovat pomoct, stačí využít náš live chat – reagujeme zpravidla do několika hodin.
Určitě, spousta našich absolventů to tak měla. Počítej ale s tím, že ti Akademie zabere cca 10–15 hodin týdně po dobu 14 týdnů (3 hodiny na lekci plus minimálně 10 hodin týdně samostudia). Pokud máš odhodlání a vůli na sobě pracovat, určitě to zvládneš! 🙂
Přístup k materiálům máš:
Jasně, přeci tě v tom nenecháme! 🙂 Pokud máš opravdu zájem, hotové všechny úkoly a projekty a tvým cílem je získat práci v IT, velice rádi ti pomůžeme. Naši absolventi mají možnost účastnit se:
O certifikaci ECJWD můžeš požádat po absolvování celého kurzu Front-end Developer Akademie a odevzdání všech projektů, kdy jsou projekty ohodnocené lektorem jako splněné. Na odevzdání máš 8 měsíců od začátku Akademie a celkově 3 pokusy.
Pro získání certifikátu tedy nemusíš skládat žádnou certifikační zkoušku. Po splnění kritérií jen kontaktuješ studijní koordinátory, kteří ti certifikát vystaví.
No jasně! Akademii je možné uhradit na 2 splátky. Při této volbě se celková cena počítá z plné sumy (nezapočítává se žádná sleva). Každá splátka je pak ve výši poloviny ceny Akademie. Postup nákupu kurzu na splátky najdeš níže nebo prostě napiš na info@engeto.com.
Postup je následující:
Do 24 hodin na svůj e-mail obdržíš 2 faktury. První fakturu (1. splátku) uhradíš ihned. Splatnost druhé faktury (2. splátka) je 30 dnů od začátku kurzu.
Hardware: Na naši Akademii stačí mít notebook s pamětí alespoň 4 GB RAM a procesor s jedním jádrem. Pro uživatelský komfort bude ideální mít alespoň 8 GB RAM a procesor se 4mi jádry. Účastníci na kurzu mají notebooky, které slouží víc než 8 let. Bude ti stačit prakticky cokoliv.
Software: Máš Windows (ideálně verze 11 a novější), OS X nebo Linux? Jakýkoliv operační aktuální systém je v pohodě.
JavaScript je pro naprosté začátečníky ideální volbou. Stejně tak nešlápneš vedle, pokud si vybereš Python. Detailněji se výběru programovacího jazyka věnujeme v tomto článku u nás na blogu: Jaký programovací jazyk si vybrat?
Úkolem front-end developera je přeměnit návrh webové stránky (často vytvořený designérem) na skutečný, funkční web. Používá k tomu různé programovací jazyky, jako jsou HTML, CSS a JavaScript.
HTML používá na to, aby postavil „kostru“ stránky (texty, odkazy, obrázky), CSS použije na to, aby té „kostrě“ dal „oblečení“ (styly, barvy, rozložení) a JavaScript dodává stránce „život“ (interakce, animace, dynamické změny bez nutnosti obnovovat stránku).
Zajímá tě, jaké technologie musí front-end vývojář ovládat? Přečti si tento článek u nás na blogu.
Front-end je vše, co vidíš na obrazovce. Ve světě webu je to právě ta část, kterou vidí a se kterou interaguje návštěvník stránky/aplikace: design, rozložení, animace a všechno, co se děje, když na něco klikneš nebo po stránce pohybuješ.
Back-end zahrnuje servery, databáze a aplikace, které běží na pozadí webové stránky/aplikace. Tedy části, které uživatel přímo nevidí ani s nimi interaguje, ale které jsou nezbytné pro její funkčnost.
Takže zatímco front-end je to, s čím přímo „komunikuješ“ na webové stránce, back-end je všechno, co se musí stát v pozadí, aby web mohl správně fungovat. Obě tyto části spolu úzce spolupracují.
JavaScript běží hlavně v prohlížečích a oživuje webové stránky/aplikace přidáním interaktivních a dynamických prvků (jako jsou formuláře, galerie obrázků nebo třeba animace), které dělají z procházení webu zážitek. S pomocí JavaScriptu můžeš taky programovat online hry, vytvářet aplikace, které fungují i offline, nebo dokonce vyvíjet komplexní webové aplikace, jako jsou sociální sítě nebo e-shopové platformy.
Naproti tomu Java je programovací jazyk, který se využívá pro budování komplexních aplikací běžících na serverech nebo v mobilních zařízeních, kde se klade důraz na bezpečnost, výkon a škálovatelnost.
Přestože mají Java a JavaScript něco málo společného a mohou se doplňovat ve vývoji moderních aplikací, jsou to velmi rozdílné jazyky určené pro odlišné účely. A to, že mají společnou část názvu, je spíše historickou náhodou než ukazatelem jejich podobnosti. Detailní představení JavaScriptu – co umí, na co se používá a jak se liší od Javy rozebíráme u nás na blogu v tomto článku.
HTML (HyperText Markup Language) je standardní jazyk a základní kámen pro tvorbu a strukturování obsahu na internetu. Pomocí HTML můžeš vytvářet webové stránky, určit, kde bude text, obrázky, odkazy na jiné stránky apod. Každý prvek na stránce je definován pomocí HTML značek (tagů), které říkají webovému prohlížeči, jak má daný obsah zobrazit.
Více detailů o HTML se dozvíš v tomto článku.
CSS (Cascading Style Sheets) v překladu znamená „kaskádové styly“. Je to jazyk, který se používá pro popis vzhledu a formátování dokumentů napsaných převážně v jazyku HTML nebo XML. CSS definuje, jak by webové stránky měly vypadat na straně uživatele – tedy jaké barvy, fonty, rozměry a další stylové prvky by měly mít jednotlivé části stránky.
Podrobnosti o CSS dozvíš v tomto článku.
Skriptování, především prostřednictvím JavaScriptu, je neoddělitelnou součástí front end vývoje moderních webových stránek. Skriptování umožňuje vývojářům a administrátorům psát krátké programy (skripty), které mohou spouštět aplikace, manipulovat s daty, komunikovat s jinými programy a provádět mnoho dalších operací.
Skript je soubor napsaný v programovacím jazyce, který automaticky provádí úlohy bez toho, aniž by je uživatel musel provádět ručně. Můžeš si to představit jako soubor instrukcí, který říká počítači nebo programu, co má dělat, krok za krokem. Skripty se často používají pro automatizaci opakujících se úkolů, zpracování dat, správu systémů, vytváření webových stránek a aplikací, a mnoho dalších věcí.
Skriptovací jazyky vykonávají automatizované úkoly. Jsou obvykle jednodušší a flexibilnější než jiné programovací jazyky. Mezi populární skriptovací jazyky patří:
Vibe coding je moderní způsob psaní kódu s pomocí AI, kdy místo toho, abys všechno psal/a od nuly, popíšeš, co chceš vytvořit (např. komponentu, stránku, formulář nebo úpravu designu) a AI ti navrhne řešení. Ty pak kód upravíš, doplníš a hlavně zkontroluješ, že dává smysl a funguje správně. Je to skvělé na rychlé prototypování, generování „kostry“ aplikace nebo hledání chyb – ale neznamená to, že už nemusíš rozumět HTML, CSS a JavaScriptu. Naopak: čím lepší máš základy, tím líp dokážeš AI vést, poznáš, kdy „halucinuje“, a dostaneš z ní výstupy, které se dají použít i v reálné práci.
Stačí se ozvat na čísle +420 773 087 597 nebo na e-mailu info@engeto.com.
