✨ 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

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.

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.

Nový kurz: SQL databázy - MySQL a SQLite

napísal , 6 Apr 2017

V PHP kurze som sa obtrel o databázy, ale zaslúžia si viac.
Napríklad vlastný kurz!

Nový Webrebel kurz: SQL databázy - MySQL a SQLite

Databáza drží údaje dovolí ti pridávať nové, upravovať a mazať existujúce a vyberať špecifický subset na základe podmienok. Ak si napríklad v e-shope vyberieš kategóriu "vysávače", nechceš tam vidieť klobásy. Preto si potrebuješ správne navrhnúť databázu a klásť jej správne otázky.

Okrem toho údaje v databáze vieš analyzovať, robiť medzi nimi výpočty a štatistku. Koľko červených kolobežiek sa predalo v druhý pondelok tretieho mesiaca poobede? Databáza sa nepýta prečo to potrebuješ vedieť, ale ak jej dáš správnu žiadosť, dostaneš správnu odpoveď.

ukážka z kurzu, je tam zopár videí s teóriou a zopár, kde búcham SQL kód jak ďábel

Všetky príspevky na sociálnej sieti, všetky produkty v e-shope, všetky príspevky na tomto blogu sú uložené v databáze.Kontakty a SMSky v telefóne? Databáza. Že ti to zobrazí správne číslo, keď začneš písať "babka"? Správna žiadosť na databázu.

Žiadosti na databázu robíš pomocou jazyka SQL. V tomto kurze ťa naučím písať SQL kód a vysvetlím ti, ako sa databáza a programovací jazyk spravia sladkú, sladkú lásku a porodia stránku alebo aplikáciu.

SQL je všeobecný jazyk na komunikáciu s konkrétnym databázovým systémom. To znamená, že kopa SQL príkazov funguje rovnako pri akejkoľvek databáze. Pri aplikáciách a stránkach a startupoch fičia MySQL a SQLite, ktoré používam v tomto kurze.

Ktorý si môžeš kúpiť za prudko sexuálnych 69 eur.
69, nice.

Samozrejme kto má predplatné, dostane tento kurz zdarma.


Tematicky sa kurz skladá z troch častí:

V PRVEJ ČASTI rozprávam o databázach všeobecne. Naučím ťa relačné databázové systémy. Tak sa mal ten kurz volať pôvodne - Relačné databázy: MySQL a SQLite - ale SQL databázy vraj znelo lepšie. Asi nejaké SEO biznis dôvody, pfft. V relačných databázach delíme všetko do tabuliek, ktoré spolu prepájame pomocou vzťahov.

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

Ako si aktivovať a nastaviť elektronickú schránku

napísal , 16 Dec 2016

Každý podnikateľ (minimálne sro) si potrebuje vybaviť elektronický podpis a čítačku kariet. Pretože jedného dňa chce štát prestať posielať listy do reálnej schránky. Chce všetko posielať do nereálnej, internetovej schránky @slovensko.sk.

Nikto nevie čo tam štát bude posielať a kedy to tam bude posielať, preto ju treba kontrolovať pravidelne. A dostaneš sa tam iba s očipovaným občianskym strčeným v čítačke kariet. Čo je otravné.

Ale dá sa nastaviť, aby ti prišla SMS alebo email, vždy keď ti tam niečo pribudne.
To ukážem videu. A vysvetlím všetko okolo. Od podlahy, jednoducho.

04:38 - na čo ti je elektronický podpis?
07:15 - elektronická schránka a ako sa do nej dostať
13:07 - inštalácia pre Mac
14:23 - prihlásenie sa do elektronickej schránky
19:26 - inštalácia pre Windows
24:47 - nastav si zasielanie SMS
28:31 - nastav si zasielanie emailov
31:55 - čo sú tie BOK, ZEP kódy a zničím stránku slovensko.sk


Keď som si bol vybaviť občiansky a čítačku, nikto mi nevedel vysvetliť na čo to celé je, ako sa to používa a nikto mi ani len nespomenul stránku slovensko.sk, kde sa nachádza tá elektronická schránka. A že to je vlastne email, cez ktorý s tebou štát chce popísmenkovať.

Preto som spravil video. Je hlavne pre ľudí, ktorí nesedia celý deň pri počítači. Aj oni potrebujú používať elektronickú schránku a pre nich to bude komplikované. Chcel som spraviť video, kde všetko skúsim vysvetliť veľmi jednoducho.

Ak aj ty máš v rodine niekoho, kto je zmätený, pošli mu:)
Nižšie v článku sú vysvetlenia a užitočné odkazy.