✨ React, Angular, Vue (a TypeScript) kurz

napísal , 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

Nový kurz: Vue.js + SPA (single page aplikácie)

napísal , 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 , 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 , 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 , 15 Dec 2017

JavaScript je najpopulárnejší jazyk súčasnosti.
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.

Konečne poriadny Javascript, edícia 2017

napísal , 8 Jun 2017

Ešte stále používaš v Javascripte Promises, ako za čias Márie Terézie? Alebo nebodaj callbacky, ako ich písal ešte Július Cézar? (čo malo za následok pád Rímskej ríše)

To nevadí. Svet Javascriptu sa hýbe šialeným tempom a treba vynakladať veľké úsilie, aby bol človek v obraze. Ukážeme si, ako sa v roku 2017 vieme definitívne vysporiadať s odvekým problémom Javascriptu a hlavne node.js - asynchrónnymi volaniami a takzvaným callback hell (pre ortodoxných slovenčinárov: peklo spätných volaní).

Všetky metódy si ukážeme na pomerne jednoduchom node-ovskom príklade s Mongooose/MongoDB, kde chceme:

  • vymazať článok z databázy
  • vymazať súbory, ktoré boli k nemu uploadnuté
  • aktualizovať čas poslednej aktivity autora článku

Tento príklad bude stále jednoduchší, čím viac budeme postupovať do prítomnosti.

Info o nových kurzoch, pravidelné (video)updaty

napísal , 24 Feb 2017

Založil som facebook stránku https://www.facebook.com/yablko.smrdi kam budem dávať info o kurzoch/článkoch/videách/prednáškach/projektoch, na ktorých pracujem.

Jak toto:

Predtým všetkým ešte pôjde von pár bonusových videí k mojim learn2code kurzom.
Budúci týždeň začnú vychádzať tie, takže:

1) Bonusové videá
2) SQL kurz (+ Lumen)
3) SASS/SCSS kurz
4) Zrejme NoSQL (vs SQL)
5) JavaScript (+ Vue)

Keď chceš info o tom, jak to ide, hoď tam like na tú yablko page a na youtube plánujem free kurzy, zopár javascriptových videí, chcem tam z-video-dokumentovať redizajn tohoto blogu, ktorý to už žalostne potrebuje, čo vlastne bude free WordPress kurz.

--
A budúci týždeň, 1. a 2. marec 2017, robíme fajn súťaž v HTML/CSS kódení. Dójdi vyhrať iPhone, MacBook, jazdu Teslou, všetky learn2code kurzy alebo sa len stretnúť.