webdesign / development + awesome
archivovaný archívny archív
✨ React, Angular, Vue (a TypeScript) kurz
napísal yablko,
25 Apr 2020
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
0 komentárov
[ 
]
]
Nový kurz: Vue.js + SPA (single page aplikácie)
napísal yablko,
15 Dec 2018
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.
[ ]
]
NPM ako Task Runner (namiesto Grunt/Gulp)
napísal yablko,
2 Sep 2018
V prvom rade, pozri si moje instagram hajlajty* tuto ak ti chýba dôležité umenie.
* tu sú tamtie kruhové ikonky v profile, ak si starý jak ja
To bolo dôležité, teraz si môžeš pozrieť videá o tom, jak NPM použiť ako build tool/task runner. Čiže namiesto Grunt/Gulp alebo namiesto Webpacku, ak sa nasereš nadurdíš.
task runners
:: https://gulpjs.com
:: https://gruntjs.com
:: https://www.npmjs.com
build tools, frontend tools
:: https://gulpjs.com
:: https://survivejs.com/webpack/appendices/comparison
:: https://medium.freecodecamp.org/making-sense-of-front-end-build-tools-3a1b3a87043b
vybúchanec
:: https://www.google.com/maps/place/071+01+Nacina+Ves-Vyb%C3%BAchanec...
NPM ti dovolí spúštať veškeré konzolové príkazy. Jedna otravnosť - ak si unixák a pracuješ v tíme s windowsákmi, u nich nemusí "rm" napr. fungovať. Preto tu mám rimraf v príklade.
[ 
]
]
Moderný JavaScript pre React, Angular, Vue, Node (ES2015+ kurz)
napísal yablko,
24 May 2018
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 a ES6 (masívny kurz)
napísal yablko,
15 Dec 2017
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:
- čítať, upravovať a mazať HTML a CSS
- reagovať na udalosti v prehliadači
- reagovať na akcie používateľa
- ovládať prehliadač samotný
- robiť tak stránky interaktívnymi a meniť ich na aplikácie
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.
[ ]
]
CSS preprocesory: Sass (nový kurz)
napísal yablko,
11 Oct 2017
Vďaka Sass napíšeš menej CSS kódu.
A bude prehľadnejší. A napíšeš ho rýchlejšie.
Prestaneš si trhať vlasy a CSS ťa začne baviť. Tak.
35 čisto nových videí.
Za 49 eur. Zdarma ak máš predplatné.
Nový Webrebel kurz kupuj tu: CSS preprocesory: Sass
pozri si pár ukážkok z kurzu, ňach máš predstavu, šak nebudeš kupovať len tak, ňe?
Už nemusíš loviť farby a hľadať, na ktorom riadku v CSS si nastavil ten font-weight. Prestaneš rozmýšlať nad prefixami. Neotvoríš Photoshop len preto, aby si našiel tmavší odtieň farby. Už nemusíš HEX farby prehadzovať na RGB len preto, aby si nastavil polo-priesvitné pozadie. Pri responzívnom dizajne Sass za teba prepočíta pixely na percentá.
Môžeš si svoj kód rozdeliť na koľko len súborov chceš a tvoj prehliadač aj tak vždy dostane len jeden, z ktorého sa automaticky odstránia nadbytočné znaky a komentáre, pre rýchle načítavanie. Môžeš si vytvárať $premenné, kam uložíš všetky často používané / meniace sa hodnoty. Môžeš si písať vlastné funkcie(), ktoré ti spravia poriadok v kóde, alebo používať kopu predvyrobených.
Sass je guča život zlepšujúcich drobností, vďaka ktorým ťa CSS začne baviť:)
A ak nie, tak ťa minimálne prestane otravovať. A to sa pri CSS počíta.
[ 
]
]
Základy programovania a OOP, nový kurz za 49 eur
napísal yablko,
17 Jul 2017
Poď. Naučím ťa programovať!
Aj objektovo orientovane.
Na to si nadržaný.
Ja ťa vidím.
Ak máš aj PHP kurz aj Laravel kurz, tento nepotrebuješ.
Ale má v sebe 15 čisto nových videí, staré sú prerobené a 50 nových úloh.
50 videí dokopy.
50 úloh na precvičenie si.
49 eur.
1 video za 1 euro.
#deal
Nový Webrebel kurz kupuj tu: Základy programovania a OOP
pozri si pár ukážkok z kurzu, ňach máš predstavu, šak nebudeš kupovať len tak, ňe?
Naučím ťa programovať. Lebo je to sranda. Poťukáš gombíky a stanú sa veci! A to je super. Programovanie vie byť frustrujúce a búchaš si hlavu o stenu, pretože programovanie je o riešení problémov. Nič iné to nie je. Len "pozri, toto nefunguje" a ty si trieskaš čelo o betón, až kým nezačne. Ale keď začne? Keď vyriešiš problém? Cítiš sa jak najmúdrejší ďábel.
A už len za ten pocit to stojí.
A potom príde niekto a dá ti za to peniaze.
What?
[ 
]
]
