webdesign / development + awesome
archivovaný archívny archív
React, Angular a Vue sú JavaScriptové, frontendové knižnice (ok, Angular je framework a Vue je niečo medzi) na tvorbu UI. Pomáhajú ti vyrábať používateľské rozhrania, ktoré musia svižne reagovať na vstupy používateľa a prichádzajúce dáta. Predstav si Netflix, Spotify, Discord.
Spravím tú istú appku v každom. To je lož, spravím dve. Na prvej ti ukážem "reaktívnosť" a rozdiely medzi nimi. Na druhej ťa naučím programovanie cez komponenty a TypeScript. Naučím ťa všetky tri. Teda štyri. Veci.
Komponenty sú fajn. Ty si aplikáciu rozbiješ na menšie, samostatné časti. Netflix môže mať komponent pre navigáciu, kategórie, zoznam filmov, konkrétny film. Každý z nich má vlastný výzor, vlastné správanie, vlastné premenné. Kód pre každý komponent môžeš upratať do samostatného adresára a oddeliť ho od zvyšku kódu.
Vďaka tomu je kód appky prehľadnejší a jednoduchšie sa ti nad ním rozmýšľa. Keď vyrábaš komponent pre film, sústredíš sa len naň a nemusíš sa báť, že by zmena v ňom prepísala niečo v inej časti aplikácie. V praxi ti komponenty dovoľujú akoby vymyslieť si a naprogramovať si vlastné HTML elementy.
A kód môžeš písať v TypeScripte.
Ktorý ťa naučím tiež.
🔥🎉🔥 Nový kurz kupuj tu React, Angular, Vue (a TypeScript) 🔥🎉🔥
Je v ňom 80 videí. Stojí 79 eur (dostaneš ho aj v rámci predplatného). 10 hodín a 24 minút videa. Kurz je hotový, kompletný, ale v budúcnosti pár videí ešte môže pribudnúť.
pozri si tak hodinu z kurzu
Reaktívne frameworky (Vue, React, Angular) ti pomáhajú programovať svižné UI. Zo statického HTML kódu spravia živú šablónu. Samotnému HTML kódu pridáš pravidlá, a vždy keď príde zmena, sám sa podľa nich upraví.
Môžeš programovať cez komponenty. Vue ti dovolí vymyslieť si vlastné HTML elementy a naprogramovať im výzor a správanie. A keď príde zmena, prehliadač sám vymení len daný komponent, nemusí refreshnúť celú stránku.
Reaktívne frameworky držia UI zosynchronizované s dátami. Ak máš v premennej 3 články, 3 články svietia aj na obrazovke. Ak jeden vymažeš, automaticky zmizne z obrazovky. Zabudni na jQuery selecty, appendy, Vue to spraví za teba.
Tento kurz ťa naučí reaktívne frameworky.
A naučí ťa Vue.js. A single page aplikácie.
Po tomto kurze budeš chápať aj Angular/React, naučím ťa princípy.
🔥🎉🔥Nový kurz kupuj tu Vue.js + SPA (single page aplikácie) 🔥🎉🔥
Kupuj, kým je v zľave za 99 eur (alebo v rámci predplatného) a uč sa hneď:)
Ako býva zvykom, postupne pridávam videá.
Kým ich nebude 100. (Možno 150.)
Edit: Ok, kurz je hotový.
142 videí. 17 hodín. 27 minút.
Samozrejme kurz je tiž súčasťou predplatného.
pozri si pár ukážkok z kurzu, ňach máš predstavu, šak nebudeš kupovať len tak, ňe?
Môžem tu vypisovať, kým sa mi prsty neodlomia a neodkráčajú v proteste do západu slnka, ale veď pozri videá. Vieš jak sa hovorí - lepšie raz youtube, ako tisíckrát čítať. Kukaj tú mágiu.
V roku 2015 prišiel obrovský update do JavaScriptu, ktorý zmenil, ako ho píšeš. Opravil chyby, upravil syntax, pridal novinky, ale jeho hlavná výhoda je, že napíšeš menej kódu, napíšeš ho rýchlejšie a bude sa správať tak, ako čakáš. A to je pri špeciálne pri JavaScripte riadna výhoda.
Tento kurz je pre teba, ak poznáš JavaScript.
Ale chceš poznať ten moderný JavaScript.
Chceš používať šťavnaté novinky už dnes.
35 videí za 39 eur.
Kurz je vonku hneď teraz.
Nový kurz kupuj tu Moderný JavaScript pre React, Angular, Vue, Node (ES2015+)
pozri si pár ukážkok z kurzu, ňach máš predstavu, šak nebudeš kupovať len tak, ňe?
Pozor: Ak máš môj veľký JavaScript a ES6 kurz, tento nekupuj!
Videá o ES6+ / ES2015+ / Modernom JavaScripte má v sebe.
Vo svojom brušku.
ES2015+
História je komplikovaná, definície sú nejasné, ale JavaScript je programovací jazyk vytvorený podľa ECMAScript špecifikácie. ECMAScript je všeobecný návod pre tvorbu programovacích jazykov. Pravidlá pre tvorbu jazykov. JavaScript je konkrétny jazyk vytvorený podľa týchto pravidiel.
JavaScript je najpopulárnejší jazyk súčasnosti.
Má najživšiu vývojársku komunitu, o pracovné ponuky nie je núdza.
React, Angular, Vue a Node patria medzi najžiadanejšie technológie.
Všetky z nich vyžadujú moderný JavaScript.
Tento kurz ťa naučí moderný JavaScript.
Je to veľký kurz.
Môžeš si ho kúpiť už teraz, videá doň stále pribúdajú.
Na konci ich bude cez 100.
Teraz ho máš za 129 eur. Zdarma ak máš predplatné.
Plná cena, po dokončení všetkých videí, bude 179 eur.
Nový Webrebel kurz kupuj tu: JavaScript a ES6
pozri si pár drobných ukážok z úvodu, ňach máš predstavu
JAVASCRIPT
JavaScript začal ako skriptovací jazyk v prehliadači.
Slúžil na overenie, čo si správne vyplnil formulár.
Dnes toho zvládne oveľa viac. Vieš ním:
Dnes JavaScript existuje aj mimo prehliadača. Node.js ti dovolí jazykom JavaScript programovať server, tým pádom JavaScript dnes vie nahradiť aj PHP, Ruby či Python. Ak sa zameriaš na JavaScript, nebudeš potrebovať žiaden iný programovací jazyk na vytvorenie plnohodnotnej webovej aplikácie.
Tento online kurz sa venuje JavaScriptu v prehliadači. Na skutočných príkladoch sa naučíš syntax a pravidlá jazyka, ktoré platia všade, aj keby neskôr skočíš na server.
Na konci budeš vedieť JavaScript používať v prehliadači aj bez knižníc ako jQuery. Ale hlavne sa naučíš písať dosť moderného JavaScriptu na to, aby si vedel používať Angular, React, Node, Vue a čokoľvek ďalšie, čo príde v budúcnosti.
Hej, Vianoce!
Daj si darček.
Do počítača.
EDIT: To boli Vianoce a už nie sú:(
Predplatné ale malo úspech, tak sa predáva ďalej za 249 eur.
Keď prídu sviatky, určite sa vráti aj zľava:)
:: Objednaj tu
Ak si kúpiš jeden kurz, máš ho naveky. Videá môžeš pozerať kedy chceš, koľko chceš, dokedy chceš. Kým nezmizne internet1, máš ich tam. A k tomu diskusie, materiály, kód na stiahnutie, odkazy na užitočné nástroje, texty pod videom dovysvetľujúce tematiku.
Moje kurzy mávajú cez 100 videí, desiatky hodín a dávam si na nich fakt záležať. Snažím sa ich natrepať informáciami a nastrihať tak, aby boli zábavné. Ale sú to mesiace roboty. Niekedy pol roka. A viem, že sú drahé.
O tom je táto akcia.
Za cenu jedného dostaneš všetky.
A všetky, ktoré pribudnú budúci rok.
Háčik je v tom, že za 199 eur ich všetky dostaneš na jeden rok. Je to ako ročné predplatné. Ako Spotify, kde tvoje pesničky spievam ja. Dostaneš všetky moje hitovky:
Webrebel 1: HTML5, CSS3 & Javascript
Webrebel 2: PHP a MySQL
Webrebel 3: OOP a Laravel 5+
WordPress pre programátora 1: Témy
WordPress pre programátora 2: Pluginy
SQL databázy: MySQL a SQLite
Huh, všetky začínajú na dvojité vé2. To sa v budúcnosti zmení. (Edit: Už sa zmenilo, lebo som pridal SQL kurz.)
Už len tieto by ťa vyšli na viac než 800 eur.
K tomu ale dostaneš všetky od ostatných inštruktorov. Zatiaľ iOS kurzy, niekoľko kurzov Photoshopu, dokonca aj Excel a podobne. Ďalšie stovky.
Aj tieto nové seriály, na ktorých pracujem a ktoré pôjdu von v budúcom roku:
Základy programovania + OOP
Databázy, SQL + NoSQL
CSS preprocesory (LESS / SASS)
JavaScript (+ Vue / Angular / React / ... ešte sa rozhodnem)
A k tomu ďalšie pripravované dizajnové a marketingové kurzy.
V sekcii "Načo sa možeš tešiť".
Všetko toto za 199 eur na rok. Choď do toho!
Alebo to niekomu podaruj, šak ide tá Vánoca:)
Pozor: táto akcia platí iba do 31. decembra 2016.
Odvtedy 249 eur.
Also, pamätáš sa na Yablkov TurboTip? Niečo podobné teraz robím v angličtine.
1 Alebo kým katastrofálne neskrachujeme, čo si budeme hovoriť. Ale neboj, keby aj, všetky kúpené videá si potom budeš môcť stiahnuť.
2 Všetky kurzy su samozrejme môžeš vyskúšať zdarma.
Registrácie do kurzu Webrebel sú znova otvorené. A pravdepodobne naveky. Čiže si to môžete kúpiť kedy chcete, iba ten support je časovo obmedzený do leta. To bol hlavný dôvod, prečo mal kurz v prvom kole obmedzené registrácie a štartovací dátum - aby sme obišli situáciu, že niekto si kurz kúpi o 3 roky a bude chcieť 3 mesačný support. To by som potom poskytoval podporu do konca života a nezostal by mi čas na iné veci.
Ako napríklad na nový kurz.
Začal som s frontendom, chce to nejaký backend. Po konzultácii s facebookom a twitterom voľba padla na PHP a Laravel framework. PHP nie je v posledných rokoch zrovna sexy jazyk, ale absolútna väčšina jobov u nás chce práve PHP programátorov. Entry-level joby sú PHP, preto je to stále solídna voľba pre začiatočníka. A na to netreba zabudnúť - toto bude seriál pre začiatočníkov. PHP možno "nie je budúcnosť", ale ak má ten kurz byť reálne užitočný, zvoliť najpoužívanejšiu technológiu neznie ako blbý nápad.
Ruby už má pokryté learn2code, s ostatnými klasikami nemám veľké skúsenosti a Node.js, React/Flux, Meteor sú zaujímavé skôr pre skúsených programátorov. Nechcem začiatočníkom modzgy mútiť všetkými tými javascriptovými divočinami a navyše pri nových technológiách si treba dať pozor. Taký Angular bol nedávno druhý príchod Krista, dnes sa naň už nadáva. Nechcem dať mesiace života do niečoho, čo na konci už možno bude out:) Takže bude to pre začiatočníkov a bude to overená technológia, ktorá ešte pár rokov nikam neodíde.
Ešte nemáme stanovený žiadny dátum, ale niekedy tento rok. Medzičasom sa môžete nahlásiť do Webrebela, prípadne ho podarujte známym, bude celý veselý z toho:) A tu je môj článok O úspechu. Rozoberám v ňom, či považujem rebela za úspech a čo vlastne to slovo pre mňa znamená. Tam budem dávať také osobnejšie veci, brm zostane na tech stuff.
24. 3. tiež začína ďalší learn2code Webdesigner kurz so mnou ako inštruktorom. To je ten, kde učím naživo, v triede s ľuďmi. Tak sa prihláste, kým je čas! Hlavne, ak ste ženy, pretože come on, hádam nenecháte mužov vyhrať:)
Pridali sme do Webrebel kurzu verziu zdarma, ktorá obsahuje prvých 15 kapitol HTML a CSS kurzu. S tým, že ak sa vám videá budú páčiť, môžete si dokúpiť všetky ostatné.
Pri všetkých verziách to funguje tak, že dostanete prístup do aplikácie, kde môžete sledovať videá, diskutovať a budete cez ňu mať prístup k materiálom a domácim úlohám, ktoré tam budem uploadovať. Domáce sú dobrovoľné;)
Full disclosure: aplikácia zatiaľ nie je 100% hotová, preto je pri free verzii kurzu napísané, že videá sa odomknú 8. januára, spolu so všetkými ostatnými. Ja tlačím na to, aby sa free videá odomkli okamžite, keď bude aplikácia done. Čiže je možné, že na ne nebudete musieť čakať do januára. Tak by sa mi to páčilo.
Ok, takže behnite na webrebel.sk a hláste sa! Prípadne dajte babke vianočný darček a prihláste tú. Spolu s celou rodinou. A všetkými kamarátmi. Tak.