Nové tutoriály - v angličtine

napísal , 25 Nov 2016

Pamätáš sa na Yablkov TurboTip? Je to séria videí, kde vyrábam rôzne www srandy. Niečo podobné teraz robím v anglickom jazyku pre firmu Leadinger.

Idea je, že chcú rásť a hľadajú nových kóderov a chcú ich nabaliť na moje videá. Ty môžeš len pozerať videá. Ak chceš pre nich ale pracovať, napíš im. Sídlia v Bratislave.

Zatiaľ vyšli videá, v ktorých vyrábvam javascriptový Reading Progress Indicator a kde vysvetľujem JavaScript Throttling.

Ďalej pribudne Debouncing a chcem sa venovať Vue a Webpack a NoSQL a requestAnimationFrame a možno nejaké API srandy, Chrome Devtools tutoriály...

Všeličo bude, takže ak ťa bavia moje reči, skús ich v angličtine.
Ak to pôjde OK, nové video každé 2 týždne.

Webrebel HTML/CSS kurz zdarma

napísal , 21 Jul 2016

Ak chceš opáčiť prvého Webrebela, tu je prvých 20 videí z HTML a CSS kurzu. Úplne prvý, klasický, vintage Webrebel! Tie staré dobré časy, keď ešte Británia bola v únii a nikoho nezaujímal futbal, pretože všetci stáli v rade na banány.

Znamená to, že ti len tak podarujem 20 videí? Nie. Pretože s bonusmi ich tam je 25! A keď sa zaregistruješ na learn2code.sk, dostaneš ich zdarma 40! Plus pár ďalších bonusových! A to sa oplatí.

Všimol si si tú nenápadnú reklamu? O to tu ide.
Počkaj, si dievča? Ok, všimla si si tú nenápadnú reklamu? O to tu ide.

Teraz, keď tam klikneš, vyskočí na teba suma peňazí. A ty si povieš "Hej, on povedal, že dostanem 40 zdarma, chumaj jeden!" a dostaneš, len musíš kliknúť na Vyskúšať zdarma a vyplniť email. Yep. Hľadal si háčik, tu ho máš:) Cena HTML a CSS kurzu je jeden email.

Aby sme sa rozumeli - HTML a CSS nie je celý kurz. Je to iba jeho úvod. Kurz ďalej pokračuje na Responzívny dizajn a jQuery/JavaScript, tie naozaj šťavnaté veci. Ak budeš chcieť, ten zvyšok si treba doplatiť. Ale dostaneš k tomu bonusy a materiály na stiahnutie a úlohy na precvičenie.

Takže máme tvoj email. Čo s ním spravíme? Pošleme ti email, keď spravím nejaký nový kurz. Ako napríklad WordPress pre programátora! Hahá, reklama pokračuje!

Na tom linku nájdeš všetky potrebné informácie, ale najdôležitejšia je teraz táto - zľava na kurz platí iba do 31. júla 2016.

Kurz má dve časti a podobne ako v telešopingu, ak si teraz kúpiš jednu, dostaneš druhú zdarma! Akože... to isté sa stane aj potom, len teraz to máš lacnejšie.

A dostaneš aj hosting od Websupportu.
A to sa tiež oplatí.

Registrácie otvorené, úspech, nový kurz

napísal , 9 Mar 2015

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ť:)

Webrebel verzia ZDARMA

napísal , 12 Dec 2014

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.

Vektorové obrázky, nový img srcset atribút, HTML <picture> element

napísal , 8 Dec 2014

S obrázkami je to v dobe retín komplikované. Webrebel kurz venuje niekoľko videí tematike zobrazovania obrázkov na displejoch rôznej veľkosti/hustoty. Toto je jedno z nich, kde sa pozerám na vektory a novinky v HTML - nový <img srcset> atribút a nový <picture> element. Yep, HTML má nový element!

Prihlásiť na kurz sa dá do janára, takže šup šup!
Viac info o kurze tu.

Ukážka WEBREBEL kurzu

napísal , 8 Dec 2014

HTML 01: Úvod do HTML/CSS kurzu

Na ochutnávku zopár videí z webrebel.sk kurzu.
Aby ste videli, že je to skutočná vec, ktorá existuje:)

:: HTML 03: Formátovanie textu v HTML
:: HTML 10: Úvod do CSS, CSS vlastnosti, CSS selektory a deklarácie
:: Responsive 01: Úvod do responzívneho webdizajnu
:: Responsive 08: Box-sizing: border-box, CSS funckia calc()
:: Responsive 20: CSS3 Transforms, CSS3 Transitions

Prihlásiť sa dá do janára, takže šup šup!
Viac info o kurze tu.

CSS Flexbox, CSS display: flex

napísal , 8 Dec 2014

Floaty neboli nikdy určené pre čarovanie s layoutom stránky. Floaty nám mali len dať možnosť hodiť obrázok do textu a nechať text obtekať okolo neho. My sme ale večne nespokojní a chceme pekné stránky a chceme sa podobať knihám a časopisom a mať hlavičky a pätičky a sidebary a všetky tieto veselosti. Flexbox je prvý CSS modul špeciálne určený pre layout. Vďaka nemu môžeme zabudnúť na všetko to floatovanie a clearovanie a margin: autovanie a iné špinavé odžuby. Vďaka flexboxu CSS vyzerá, že funguje:)

Flexbox, CSS display: flex

Responzívny layout cez CSS display: flex

Flex je pre nás užitočný hlavne pri responzívnom dizajne. A sním je spojený aj nasledovná finta.

Box-sizing: border-box, CSS funckia calc()

Tieto videá sú súčasťou balíčka http://webrebel.sk/.
Kde nájdeš kopu ďalších šikovností.