.png)
Absolútne základy programovania (v JavaScripte)
- Level
- Kapitol
- 147
- Kategória
- Programovanie
- Hodnotenie
- 5,0 z 5
- Dĺžka
- 15h 39min
- Jazyk
- SK
Popis online kurzu Absolútne základy programovania (v JavaScripte)
JavaScript je jeden z najpoužívanejších programovacích jazykov súčasnosti. Poháňa internetové stránky, mobilné aplikácie a vlastne všetko, čo si dnes vieš predstaviť. Základy JavaScriptu ti rozkopnú dvere do IT sveta. Vieš sa od neho odraziť mnohými smermi. Ale JavaScript je tu pre mňa vlastne vedľajší. Ja ťa chcem naučiť programovať. Programovanie je spôsob rozmýšľania. Naučím ťa rozmýšľať ako programátor.
Naučím ťa programovať od absolútnych základov. V JavaScripte. Ľudsky. Na príkladoch. Pochopíš, ako zvnútra vyzerajú a fungujú všetky aplikácie, ktoré denne používaš. Na akých princípoch stoja. Budeme ich vyrábať! Od jednoduchých webov sa postupne dostaneš k aplikáciám, ktoré komunikujú s API a databázami a pracujú s modernými frameworkmi. Popri tom si vytvoríš vlastné projekty, na ktorých budeš reálne vidieť svoj progres. A počas ťa zavalím radami a myšlienky o programovaní, ktoré som zbieral 20 rokov.
Začneme na nule a skončíme s reálnou, živou aplikáciou zavesenou na internet. Nechcem ťa učiť formou poučiek. Vymyslím nám úlohu, tú si vyrobíme. Začneme jednoducho a s každou ďalšou úlohou do toho primiešam niekoľko nových konceptov a postupov. Od nuly sa takto budeme posúvať ku spôsobu, ktorým kód možno budeš písať práci. A vo výsledku mne nezáleží na tom, či v práci budeš kód písať ručne alebo pomocou AI agenta. Ja ťa tu chcem naučiť ako tie systémy fungujú. Lebo čím viac vieš, tým lepšie výsledky dostaneš aj od AI.
A samozrejme tento kurz vôbec nemusí byť o práci. Programovanie môže byť tvoje hobby, pretože programovanie je zábava. A tento kurz bude tiež 🙂✨
Naučím ťa programovať od absolútnych základov. V JavaScripte. Ľudsky. Na príkladoch. Pochopíš, ako zvnútra vyzerajú a fungujú všetky aplikácie, ktoré denne používaš. Na akých princípoch stoja. Budeme ich vyrábať! Od jednoduchých webov sa postupne dostaneš k aplikáciám, ktoré komunikujú s API a databázami a pracujú s modernými frameworkmi. Popri tom si vytvoríš vlastné projekty, na ktorých budeš reálne vidieť svoj progres. A počas ťa zavalím radami a myšlienky o programovaní, ktoré som zbieral 20 rokov.
Začneme na nule a skončíme s reálnou, živou aplikáciou zavesenou na internet. Nechcem ťa učiť formou poučiek. Vymyslím nám úlohu, tú si vyrobíme. Začneme jednoducho a s každou ďalšou úlohou do toho primiešam niekoľko nových konceptov a postupov. Od nuly sa takto budeme posúvať ku spôsobu, ktorým kód možno budeš písať práci. A vo výsledku mne nezáleží na tom, či v práci budeš kód písať ručne alebo pomocou AI agenta. Ja ťa tu chcem naučiť ako tie systémy fungujú. Lebo čím viac vieš, tým lepšie výsledky dostaneš aj od AI.
A samozrejme tento kurz vôbec nemusí byť o práci. Programovanie môže byť tvoje hobby, pretože programovanie je zábava. A tento kurz bude tiež 🙂✨
Čo sa naučíš v kurze Absolútne základy programovania (v JavaScripte)
- Absolútne základy programovania
- Práca s VS CODE a projektovou štruktúrou
- Práca s API a externými dátami
- Externé KNIŽNICE a ich využitie
- Dokumentácie, MDN a AI asistenti
- Node.js a NPM na správu knižníc
- DEBUGGING a práca s chybami
- VITE ako nástroj pre vývoj moderných aplikácií
- FRONTEND s Vue alebo React
- JavaScriptové EVENTY a interakcia
- Časovače, async await, try catch, promises
- BACKEND a Node.js
- DATABÁZY ako Supabase, Pocketbase, SQLite
- Deploy reálnej aplikácie na SERVER
- Vlastný PROJEKT počas celého kurzu
- Práca s AI agentami a VIBE CODING
- Kopa ďalšieho! Je tam toho VEĽA!
Čo všetko dostaneš
- video tutoriály o programovaní v javascripte
- kurz v textovej verzii (v podstate kniha základov)
- množstvo zadaní
- kopu hotového kódu, ktorý môžeš používať
- moje rady a myšlienky, ktoré zbieram 20 rokov
- certifikát o absolvovaní kurzu
- srandu!
JavaScript?
Ja celý kurz vnímam v kontexte základov programovania. Že na ich vysvetlenie použijem JavaScript, je takmer vedľajšie. Ale JavaScript je snáď najpoužívanejší jazyk súčasnosti. Poháňa internetové stránky, mobilné aplikácie a dnes vlastne všetko, čo si vieš predstaviť. Na rozdiel od iných jazykov si ho nemusíš inštalovať, nič komplikovane nastavovať, už teraz máš v počítači všetko potrebné na písanie JavaScript kódu. A základy JavaScriptu ti rozkopnú dvere do IT. Vieš sa od neho odraziť mnohými smermi. Testing? Databázy? Hry? Čo len chceš.
Ja ťa hlavne chcem naučiť programovať. A chápať. A premýšľať.
Čo sa naučíš tu, bude fungovať, aj keby sa neskôr presunieš na iný jazyk. Bude to platiť, aj keby kód za teba píše agent. Ja ťa naučím, ako tie systémy fungujú. Ako nad programovaním premýšľať a zároveň ti vysvetlím, nad čím premýšľať nemusíš. Všetko ľudskou rečou a na príkladoch. Je pre mňa dôležité, aby sme všetci chápali, čo robíme a prečo.
A aby sme sa pri tom bavili! Lebo vyrobiť niečo z ničoho? To je super! To je skvelá vec! Tak poďme sa hrať 🙂
Ja ťa hlavne chcem naučiť programovať. A chápať. A premýšľať.
Čo sa naučíš tu, bude fungovať, aj keby sa neskôr presunieš na iný jazyk. Bude to platiť, aj keby kód za teba píše agent. Ja ťa naučím, ako tie systémy fungujú. Ako nad programovaním premýšľať a zároveň ti vysvetlím, nad čím premýšľať nemusíš. Všetko ľudskou rečou a na príkladoch. Je pre mňa dôležité, aby sme všetci chápali, čo robíme a prečo.
A aby sme sa pri tom bavili! Lebo vyrobiť niečo z ničoho? To je super! To je skvelá vec! Tak poďme sa hrať 🙂
Kapitoly online kurzu
📚 01 | ZATIAĽ IBA SLEDUJ, nepíš (8)
01 ABSOLÚTNE ZÁKLADY PROGRAMOVANIA, v javascripte
8:12
02 PROGRAMOVANIE V RADIKÁLNEJ RÝCHLOSTI, zatiaľ iba sleduj
5:47
03 PROGRAMÁTOROVI STAČÍ 7 VECÍ, a už vieš 3
2:55
04 DOSTAL SI PODMIENKU, a už vieš 4
4:19
05 3 TÉZY O PROGRAMOVANÍ, a pole a objekt
4:23
06 DOSTAŇ TO DO KRVI, to bolo programovanie
3:20
07 AKO KURZ PÔJDE, programovanie cez mikroskop
7:26
⭐️ Úloha 00 | v programovaní začínaš od nuly
📚 02 | ZÁKLADY PROGRAMOVANIA #1 (4)
08 DEVTOOLS a... matematika?!
7:53
09 PREMENNÉ, let a const
7:17
10 DÁTOVE TYPY, number string a tvoja úloha
8:32
11 FUNKCIE (a METÓDY), jediná úloha programátora
7:14
📚 03 | ZOPÁR MOJICH ZAMYSLENÍ (3)
12 NIKTO NEVIE PROGRAMOVAŤ
6:21
13 TEN NAJDÔLEŽITEJŠÍ SKILL, neni matematika 🌮
5:09
14 KNIŽNICE a DOKUMENTÁCIE, keď kód nepíšeš ty
7:47
📚 04 | VSCODE (2)
15 VISUAL STUDIO CODE, nastavíme rozbeháme
12:53
⭐️ Úloha 01 | skús to spustiť
📚 05 | ZNOVA IBA SLEDUJ, nepíš (9)
16 JS TI VYROBÍ HTML, ty len sleduj a buď voyeur
11:05
17 FETCH + LOOP, na pole objektov
7:34
18 AUTOMATIZÁCIA NUDNÉHO, o tom to celé je
3:20
19 NAŠE VLASTNÉ FUNKCIE, a refaktoring
6:00
20 JSDOC KONKRÉTNE, a komentáre všeobecne
4:53
21 KEĎ VIEŠ JEDNO, tak vieš všetko
2:10
22 CHCEŠ SEDEM VECÍ, a hraj sa s API
7:51
⭐️ Úloha 02 | premenné, funkcie
⭐️ Úloha 03 | HTML pomocou JS
📚 06 | ZÁKLADY #2 (6)
23 OBJEKT (a JSON), keď o veci vieš viac
11:51
24 POLE (ARRAY), keď máš vecí viac
8:21
25 CYKLUS (LOOP) a ITERÁCIA, keď kus kódu opakuješ dokola
11:20
26 CYKLUS RECAP (a for), programovanie chce lenivosť
9:59
27 ZNOVA PRAX, krok po mini kroku
12:49
⭐️ Úloha 04 | hry a mašiny
📚 07 | SKRATKY RADY TIPY TRIKY (6)
28 NEEXISTUJE SPRÁVNY SPÔSOB, sleduješ lož
7:51
29 NAMING CONVENTIONS, nepísané napísané pravidlá písania (kódu)
5:54
30 NÁZVY SÚBOROV A ZLOŽIEK, a GIT a GITHUB chceš tiež
8:39
31 KLÁVESOVÉ SKRATKY, uprataný kód a VSCode
11:09
32 KNIŽNICE PRE SRANDU, bo nie všetok kód píšeš ty
13:03
⭐️ Úloha 05 | objekty, polia, cykly
📚 08 | FUNKCIE (10)
33 FUNKCIE 01, tvoje vlastné a ich argumenty
10:55
34 FUNKCIE 02, majú spoločnú misiu, vznikajú organicky
8:19
35 FUNKCIE 03, a tok kódu je TO, čo potrebuješ chápať
10:43
36 FUNKCIE 04, ktoré aj niečo robia (lebo RETURN)
11:09
37 ZOPÁR ÚLOH, mozog cvičiť treba
4:17
38 AKO BY SOM TO ROBIL JA, a country kódny bonus 🤠
10:16
39 FUNKCIE 05, funkcia je vlastný vesmír
7:11
40 JEDEN JEDINÝ RIADOK, môj (ne)patentovaný princíp
8:59
41 FUNKCIE 06, discount() princípom jediného riadku
6:06
⭐️ Úloha 06 | dudes, adventures, knihy
📚 09 | ZÁKLADY #3 (7)
42 REDIZAJN, skočme si do CSS pre srandu
20:19
43 KURZ ZAČAL KOŠÍKOM, dokončíme ho a HTML kraľuje
6:25
44 KOŠÍK 02, všetko je len NÁSTROJ a ty ho použi
9:01
45 KOŠÍK 03, upratanie kódu a WINDOW objekt
9:09
46 KOŠÍK 04, URL search string na prepínač jazykov
9:26
47 NEČAKAJ NA MOMENT, teraz je ten čas! 🫵❤️
12:02
⭐️ Úloha 07 | začni drobne, buď sochár
📚 10 | AK SA TO FAKT CHCEŠ NAUČIŤ (5)
48 PREČO MA ŠKOLA NENAUČILA PROGRAMOVAŤ, a prečo HTML
10:31
49 REÁLNE PROJEKTY MOJICH ŠTUDENTOV, inšpiruj sa
11:17
50 TOTO JE TERAZ TVOJ PROJEKT, ale nemusí byť
5:35
51 AKO JA SOM SA NAUČIL PROGRAMOVAŤ, a prečo kurz je často výhovorka
5:41
⭐️ Úloha 08 | ahoj ❤️
📚 11 | EVENTS a interaktivita (11)
52 EVENTY a arrow funkcie
7:51
53 PREVENT DEFAULT, event object
8:42
54 FORMULÁR, základ každej interakcie vždy
7:25
55 PLOŠTICA PRE ODPOSLUCH, form pre element
8:06
56 EVENT PRE VIAC ElEMENTOV, koniec animácie
6:50
57 EVENT DELEGATION, elementy z budúcnosti
6:35
58 KLÁVESNICA EVENTY, input keydown keypress keyup
7:34
59 DEBOUNCE a knižnice a život je kompromis
7:05
60 APPLE MUSIC ITUNES APPKA, ale zlá
10:38
61 CORS ODBOČKA, ak ti appka nefunguje
3:18
⭐️ Úloha 09 | eventy, udalosti
📚 12 | DEBUGGER, TIMER a iné srandy (8)
62 DEBUGGER, pauzni si kód
3:29
63 DEBUGGER, v praxi
18:09
64 BACKTICKS, and/or, undefined NULL, arrow funcs
12:32
65 AI AGENT, našepkávač kódu
2:44
66 TIMERY a pekné dátumy, ASYNC programovanie
10:07
67 TIMERY V PRAXI, setTimeout
9:17
68 KÓD V INÝCH JAZYKOCH, programovacích that is
8:30
⭐️ Úloha 10 | timery, dátumy
📚 13 | NODE a NPM a VITE (9)
69 PACKAGE MANAGER, npm node vite
8:52
70 NODE inštalujeme, TERMINÁL používame
9:26
NODE NA WINDOWS, ak ti robí problémy
6:48
71 VITE, build tools
8:00
72 PREČO BUILD TOOL, prečo vite?
15:11
73 NPM INSTALL, package z internetu
8:22
74 IMPORT EXPORT, appka ready na databázu
11:40
75 KNIŽNICE CEZ NPM, v praxi znova
8:50
76 NPM JE EVIL, temné stránky PACKAGE MANAGEROV
6:12
📚 14 | DATABÁZA a BACKEND (10)
77 SUPABASE (konkrétne), SLUŽBY (všeobecne)
6:17
78 SELECT v SUPABASE, connect a get
11:11
79 INSERT, upratovačky a then
10:59
80 CRUD, create read update delete
3:51
81 ID a CREATED_AT, v databázach
4:07
82 DELETE, mažeme zo supabase
6:01
83 DELETE, klikom na element
9:29
84 UPDATE, edit úprava záznamu
15:19
85 CRUD HOTOVÝ, naša appka zvládne všetko
3:47
⭐️ Úloha 11 | JSON API srandy
📚 15 | ASYNC AWAIT, TRY CATCH (3)
86 PROMISES, callback hell nech zomrie
7:13
87 ASYNC AWAIT, význam v praxi
4:24
88 TRY CATCH, skús a uvidíš
4:04
📚 16 | UI FRAMEWORKY (vue, react, ...) (6)
89 UI FRAMEWORKY (vue, react, angular, svelte...)
4:00
90 VUE, reaktivita a KOMPONENTY
10:24
91 .ENV SÚBORY, vue a supabase
12:24
92 REACT vs VUE vs ANGULAR, a VUE formulár
12:27
93 SINGLE PAGE APPKY, nie všetky musia byť
5:50
⭐️ Úloha 12 | knihovny, libraries
📚 17 | NODE + SQLITE API (6)
94 FRONT/BACKEND, klient/server, DB
14:00
95 NODE a SQLITE, náš SERVER a DB
7:59
96 NODE HTTP SERVER, naše vlastné API
10:20
97 VUE TODOAPP, má náš vlastný backend
6:27
98 API DRIVEN vs SERVER SIDE, json vs html
4:27
⭐️ Úloha 13 | tvoj projekt
📚 18 | DEPLOY A KONIEC ❤️ (3)
99 DOMÉNA A HOSTING, dáme tomu život
7:50
100 DEV vs PRODUCTION, tvoj kód vs výsledný kód
5:54
101 DEPLOY, nahráme to na server
12:56
📚 19 | AI (9)
102 AI S ROZVAHOU a rozumom
4:21
103 AI MUSIC PLAYER 01, ZED a našepkaj mi kód
9:23
104 AI MUSIC PLAYER 02, zoznam
5:10
105 AI MUSIC PLAYER 03, prehrávač
12:16
106 AI ZÁKLADNÉ POJMY, llm model token...
11:29
107 AI AGENTS, harness codex pi claude...
7:02
108 AI AGENTIC CODING, we painting we vibing?
14:52
109 AI HALUCINÁCIE, ako to celé (ne)funguje
13:11
110 VEZME TI AI PRÁCU a život? 😳😌
16:56
📚 20 | Naša "kniha" JavaScriptu (22)
01 | PREMENNÉ, funkcie, dátové typy Number a String, konzola
02 | VSCODE, zložky a súbory, main.js
02+ BONUS | WEB-APPKY rozdelené do súborov
03 | MAGICKÝCH 7 🪄 programovania
04 | OBJEKT, POLE (array), CYKLUS (loop)
05 | NAŠE FUNKCIE, argumenty, return
06 | KNIŽNICE, dokumentácie, MDN, AI, const vs let
07 | VYRÁBAME HTML, document object model
08 | KNIŽNICE V PRAXI, animate gsap confetti
09 | JSDOC, undefined, BOOLEAN
10 | DEBUGGER áno, diakritika nie
11 | EVENTS, udalosti
12 | NEČAKAJ NA MOMENT, teraz je ten čas ❤️
13 | TIMERY, async programovanie
14 | NODE, NPM, VITE 🥲🙂
14+ BONUS | AKO SPUSTÍŠ VITE KÓD?
15 | SUPABASE a služby a databázy
16 | ASYNC AWAIT, TRY CATCH, promise
17 | VUE (react, angular, svelte...)
18 | WEBDEV: klient, server, frontend, DB, backend
19 | DEPLOY a SERVER a KONIEC
20 | AI
Lektor online kurzu
Yablko (Roman Hraška)
Front-end, back-end
Ďalšie programátorské tutoriály (a rady pre život v IT svete) nájdeš na mojom youtube rob web s yablkom.
Na internete pôsobím roky. Som autorom kurzu WEBREBEL. Predtým Nauč sa jQuery, Nauč sa CodeIgniter, Yablkov TurboTip, Robíme WordPress a potom desiatok ďalších kurzov, ktoré nájdeš aj tu. Napísal som kopu článkov pre zajtra.sk, brm.sk, medium a inde.
Všade ma nájdeš ako yablko. Napríklad na yablko.sk alebo youtube.com/yablko.
4,9
Hodnotenie
23
Kurzov
Hodnotenia študentov
Hodnotenia od študentov zapísaných v kurze na Skillmea.
5,0 z 5
· 7 hodnotení
GH G.
5
srozumitelné a svěže podané
Alena V.
5
Za mě naprosto luxusní kurz plný nových užitečných informací. Někdy až tak plných, že se mi z hlavy kouřilo. Ale jak říkal sympatický Yablko, spoustu informací máme proto, abychom věděli, že existují. No a já si vybrala to, co mi nejvíc vyhovovalo, co mi šlo nejlépe pro mé začátky. Byla to zároveň zábava, Yablko je vtipný (mohl by dělat i stand up comedy), jeho hlasový projev je jak med, takže jako posluchač dávám 1***** Děkujiiiiiiiiiii! PS: zde specielně ještě jeden z mých projektů Yablku - po splnění pitného režimu na něj čeká dárek :-D - projekt zde: https://wahikaya-cloud.github.io/Hydratace/
jiri p.
5
Zdravím musím říct že jsem naprosto spokojený. Výklad a přístup Yablka je úžasný. Dobře se to poslouchá, skvěle vše vysvětlí. Yablka znám již z youtube a smekám před ním;;)
Violetta R.
5
Študent ohodnotil kurz bez slovného komentára.
