✨ 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.

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.

CSS preprocesory: Sass (nový kurz)

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

Code Arena 2017, súťaž v HTML/CSS

napísal , 24 Feb 2017

Robíme súťaž v HTML/CSS kódení na Profesia days 2017.

Budúci týždeň, streda a štvrtok, 1. a 2. marec 2017, poď si zasúťažiť alebo sedieť prdelou na prednáškach alebo len tak, mať špás.

Ako Code in the Dark, ale môžeš používať vlastný notebook, tools, internet, všetko.
Dostaneš dizajn, 30 minút na nakódenie, ideš.
Alebo 20 minút. Ešte uvidíme.

Sú to 2 samostatné súťaže, jedna v stredu, druhá vo štvrtok.

Budem to vraj "moderovať". Nechajme sa prekvapiť.
Môžeš vyhrať iPhone, MacBook alebo jazdu Teslou. Čo je fajn!
Alebo learn2code predplatné na rok.

Registrácia do súťaže cez tento formulár. Viac info v tomto článku a skrz tento event.
Dójdi:)

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úť.

Všetky kurzy za 249 na rok!

napísal , 25 Nov 2016

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.