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.

WordPress plugin: Maštalizátor

napísal , 1 Nov 2016

Prvých 5 minút kecám o WordPress pluginoch, potom ti ukážem, aké jednoduché je spraviť si vlastný. Ďakujem Tomášovi Maštalírovi a konferencii WordCamp Žilina, kde som Maštalizátor predstavil.

Stiahni si Maštalizátor plugin.

Ak sa ti WordPress zapáčil, mám pre teba kurz: WordPress pre programátora. Prvá časť ťa naučí robiť témy, druhá ťa naučí robiť pluginy. A potom už len peňáze. Nonstop peňáze.

PHP/MySQL kurz v Bratislave

napísal , 26 Sep 2016

Idem zas učiť v Bratislave.

Celý tento blog je hore dole zakydaný mojimi online video kurzami. To je, že si kúpiš kurz, dostaneš prístup k videám a môžeš ich pozerať kedy chceš, kde chceš, koľko chceš a dokedy chceš. Okrem toho ale občas učím aj "naozaj". To je, že ja ti poviem kedy sa máš kam posadiť na svoju prdelku a prinesieš si počítač a ja do teba mudrujem 3 hodiny po 3 mesiace.

To idem robiť znova, teraz v októbri v Bratislave.
Volá sa to Webdeveloper kurz a dójdi.

Naučíš sa programovať. A keď to budeš vedieť, naučíš sa programovať dynamické webové stránky. Čiže internetové aplikácie. Čiže stránky, ktoré majú databázu a používateľov a vedia robiť veci. Veci, ktoré iba s HTML robiť nemôžeš. Ale HTML potrebuješ vedieť, než prídeš na tento kurz.

Toto je kurz, kde sa naučíš programovať, aby PHPčko vedelo vyrobiť HTML kód namiesto teba. Na to ale potrebuješ HTML vedieť. Inak nevieš PHPčku povedať, čo má vlastne vyrobiť. Takže ak vieš HTML a CSS a rozmýšľaš, ako s tým spravíš nejaké CMS alebo ako spravíš formulár alebo ako spravíš registráciu a prihlasovanie používateľov, tak nespravíš. Ale cez PHP a MySQL to bude pohoda. A to ťa naučím.

Znova, ak už vieš HTML. Pretože na hodine jednoducho nebude čas vysvetľovať aj to a budeš stratený. Našťastie sa to predtým stíhaš doučiť, pretože môj základný HTML a CSS kurz je zdarma. Takže najprv to, a keď budeš mať, prídeš na Webdeveloper kurz.

Pozri sem do popisu pre bližšie info o ňom. Budú sa preberať témy, ktoré sú spomínané v mojom PHP video kurze, takže prelistuj aj tamten článok, pozri si kapitoly a to všetko budeš vedieť. Plus veci navyše.

To všetko je super, ale jedna vec je smutná. A ťažko sa mi to hovorí. Ale... tá brada je už kratšia.
Ja viem, pre mnohých to bude deal-breaker.
Možno si aspoň na oplátku vyzlečiem tričko a utopím vás a hrudných chlpoch.
Hm. Tuším ten kurz nepredávam správne.

Hej, je to fajn kurz!

Pár ľudí, čo moje kurzy vychodili, pracujú vo Wezeo. A iní, čo sa učili na mojich videách, pracujú v Triade. Českom aj Slovenskom. A mnohí sú na iných miestach. A chalan, čo sledoval moje veci, keď som ich ešte robil na zajtra.sk, nedávno vyhral prvý ročník Code in the Dark.

Takže k niečomu to bude:)
Poď!

Zo Sublime Text na PHPStorm

napísal , 20 Sep 2016

Svojho času som spravil video Sublime Text 2 je lepší ako tvoj editor, neskôr Je Atom lepší ako Sublime Text? a teraz ideme na PHPStorm.

Roky používam Sublime Text, ale občas sa hodí niečo väčšie. Roky používam Sublime, som zvyknutý na jeho skratky a fičúry, a ak mám prejsť na niečo nové, chcem, aby sa to používalo rovnako.

Cieľ týchto videí je nastaviť PHPStorm tak, aby vyzeral a fungoval podobne, ako Sublime Text. Spraviť prechod bezbolestný.

Takže čum na videá, nižšie v texte si môžeš stiahnuť moje nastavenia, nájdeš tam skratky, tipy a triky a všetky tie pekné veci.

Code in the Dark 2016

napísal , 29 Aug 2016

Poď si zasúťažiť v HTML/CSS!

Zaregistruj sa na codeinthedark.sk, dostaneš dizajn a 15 minút na to, aby si ho nakódil bez toho, aby si pozeral do prehliadača:) Takže nemôžeš priebežne kontrolovať, čo robíš. A na konci sa na tom všetci dobre zasmejeme, a keď bude tvoje riešenie najbližšie k realite, postúpiš do ďalšieho kola. A na konci je víťaž. A počas toho žrádlo. Prvé 3 miesta dostávajú cenu.

Moje kurzy sú pre začiatočníkov, táto súťaž je už skôr pre pokročilých, budú tam aj nejakí ťažkí majstri (vrátane Blade-a čo je naozajstný človek, iný ako ja, žiadne alter ego), ale kto nechce súťažiť, môže sa prísť pozerať a pokecať a podobne.

Bratislava, 23. september, príď sa zabaviť:) Ja to podľa všetkého moderujem.

Edit: fotky, vyhodnotenie a tak podobne tu. Tu si môžeš vyskúšať nakódiť dizajny a pozrieť riešenia niektorých finalistov.

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

Nový kurz: WordPress pre programátora

napísal , 16 Jul 2016

Pred pár rokmi som tu začal vyrábať WordPress kurz a nikdy som ho nedokončil. A celý čas ma to sralo. Ale už nemusí:)

Nový Webrebel kurz: WordPress pre programátora!

Prečo WordPress? Mohol by som dávať tie klasické kydy, že "na WordPresse dnes beží 20% stránok na nete," ale tu je pointa - ľudia sa ma stále pýtajú, či mám čas im spraviť stránku a takmer vždy tým myslia stránku vo WordPresse.

Máme tu kopu WordPress jobov a nedostatok programátorov. Firmy sa ma pýtajú, či im neviem spraviť stránku alebo aspoň dohodiť programátora, pretože nestíhajú. Ak si spravíš kurz, budem konečne vedieť niekoho dohodiť. Teba:)

A je jedno, o aké weby ide. Ja aj Blade sme v ňom za život narobili kopu stránok. Napríklad túto thetape.eu alebo scheltemaleiden.nl alebo punch.ideablade.com alebo ibrand.sk alebo ilyanaumoff.com.

WordPress zvykol byť na blogy, ale ani jedna nevyzerá ako blog. WordPress sa dnes používa ako univerzálny CMS systém alebo, keby to veľmi preženiem, ako PHP framework - dá mi strašnú kopu vstavaných funkcií, systémov a pravidiel, ktorými keď sa budem riadiť, spravím akúkoľvek stránku. A tento kurz ťa naučí tie pravidlá.

Tie 3 videá "téma za minútku" majú debilné rozlíšenie a nižšiu kvalitu, ako ostatné v kurze. Videá v kurze sú v 2K rozlíšení (2560x1440), tieto sú v nižšom, pretože som ich robil iba pre seba, ako prípravu na prednášku. Ale potom som si uvedomil, že by mohli byť pre ľudí zaujímavé, tak som ich vypustil von. Vedz, že ostatné videá v kurze sú krajšejšie:)

Na rozdiel od frameworku ale navyše dostaneš Admin rozhranie, cez ktoré si klient môže stránku sám šoférovať.

Pretože to je uhol pohľadu, ktorý som zvolil pre tento kurz - pomyselný klient ti zadá úlohu, že chce takú a takú stránku. A ty ju spravíš vo WordPresse. Cieľ je zaručiť, aby si klient absolútne všetok obsah - texty, obrázky, všetko - mohol sám zmeniť, upraviť a prepísať cez Admin rozhranie.

Pozri sa znova na tie stránky. Všetko na nich je upraviteľné. Každé menu, každý obrázok, každý kontaktný formulár. Klient si môže všetko upraviť bez toho, aby poznal HTML alebo vedel, čo je to FTP. Tvoja úloha je pripraviť stránku tak, aby si to mohol naklikať.

Toto nie je kurz o naklikaní si WordPressu.
Toto je kurz o naprogramovaní WordPressu tak, aby si ho mohol naklikať niekto iný.

Možno si už videl WordPress niekedy. Možno si ho už používal. A nevieš si celkom predstaviť, ako cez tie Články a Stránky a Tagy vyrobíš stránku, ako sú tamtie. V tomto kurze sa to naučíš:)

WordPress bol vyrobený pre blogy a má strašnú kopu funkcionality, ktorú blogy používajú.
Ty ju môžeš zneužiť na svoje účely. WordPress je tiež rozšíriteľný - čokoľvek na ňom môžeš zmeniť, veci môžeš vyhodiť, upraviť, nastaviť a ak to WordPress neponúka, môžeš si to jednoducho doprogramovať. Všetko sa naučíme.

Samozrejme v ňom môžeš používať pluginy. Alebo moduly, ak to chceš prehánať so slovenčinou. A zopár z nich aj ukážem. Ale nie moc. Pretože väčšina stojí za hovno. Nie je nič horšie, ako dostať obrovský plugin a úlohu "trocha mi ho uprav, aby robil toto."

Ok, mohol by som to robiť, ale rovnako by som si mohol gule cviknúť do štipca a trieskať si rýľom do hlavy. Radšej ťa naučím spraviť si vlastné.

Totiž WordPress je fajn. Dá sa v ňom písať pekný, zrozumiteľný kód. Ak si sa snažil pozerať môj Laravel seriál a zdal sa ti nerozlúštiteľný, toto sa ti bude páčiť. Stručné, pochopiteľné, veľa spraví za teba. Ale ľudia to zneužívajú. Pluginy a témy sa predávajú a keď niekto chce predať tému, tá musí mať miliardu fičúr, pretože to má "Oh, aj to by sa mi mohlo zísť" efekt.

Miliarda fičúr je problém, pretože ty chceš dve. Miliarda fičúr znamená desiatky tisíc riadkov kódu navyše a je jedno, aký pekný v teórii môže byť, už si sa stratil a ideš radšej krumple kopať.

Preto ťa naučím robiť vlastné Témy a Pluginy.

Aby si sa nemusel odstreliť a mohol radšej vyrábať stránky. Napísal som ich Veľkým Písmenom, pretože kurz je rozdelený do dvoch celkov - Témy a Pluginy;)

 
 

WordPress pre programátora 1: Témy sa dá kúpiť tu.

Téma sa stará o vzhľad, ale WordPress téma je vlastne WordPress stránka. Ak to berieme, že ty si programátor a robíš klientovi stránku, spravíš mu tému. Tu je zoznam epizód:

  1. WordPress ako PHP framework alebo CMS systém
  2. WordPress téma za minútku (1/3)
  3. WordPress téma za minútku (2/3)
  4. WordPress téma za minútku (3/3)
  5. Inštalácia WordPressu

rozbaliť zvyšné epizódy

  1. Inštalácia WP, reset hesla a základné nastavenia
  2. Admin 01 - Dashboard
  3. Admin 02 - Posts, databázové tabuľky, metadáta
  4. Admin 03 - Custom Post Types, vlastné typy dát, Taxonómie
  5. Admin 04 - Widgety, Témy
  6. Admin 05 - Pluginy (Moduly) a nastavenia
  7. Tvorba Tém - Úvod
  8. Tvorba Tém - Conditional Template Tags
  9. Tvorba Tém - Template Tags a rozbitie stránky na kúsky
  10. Tvorba Tém - wp loop phpstorm wp_query globálny objekt
  11. Tvorba Tém - the_date vs the_time vs the_fuck, get_option, gravatar, šablóny
  12. Mužli stránka - prehodenie z HTML do WordPress (1/2)
  13. Mužli stránka - prehodenie z HTML do WordPress (2/2)
  14. Functions.php a kedy ho nepoužívať, error logging, téma vs plugin
  15. Navigačné menu a pravidlá písania kódu (Coding Standards)
  16. wp_head a wp_footer
  17. Enqueue Scripts, princíp Events a Hooks
  18. WordPress a Javascript, Hooks, Scripts, Styles, Dependencies
  19. WordPress a CSS, predpony, rady pre správny kód
  20. Hooks pre úpravu WordPress cez filtre, add_action vs add_filter
  21. Anonymné funkcie, vyznačená položka v menu, obrázok k postu, CSS pre editor
  22. Úvod do WordPress shorcodes
  23. WordPressom generované CSS
  24. Vlastný Shortcode
  25. Bezpečný kód pre vlastný shortcode - escape, sanitácia vstupov a výstupov
  26. Simple Gallery Shortcode, ako zobraziť súbory uploadnuté k príspevku
  27. Simple Gallery 2, práca s uploadnutými obrázkami
  28. Získanie príspevkov mimo WordPress Loop, špecifické šablóny
  29. Filtrovanie dát z databázy, ako PHPčkom odpáliť shortcode
  30. Kontaktný formulár - Contact Form 7 Plugin
  31. Úprava Contact Form 7 formuláru
  32. Ako upraviť funkcionalitu pluginu cez Hooks, Contact Form DB
  33. Sidebary a Widgety
  34. Customizer API (1/3) - vlastne nastavenia témy role používateľov
  35. Customizer API (2/3) - settings controls zmena hodnôt
  36. Customizer API (3/3) - sanitácia vstupov
  37. Vlastná Options Page (1/4) - nová položka v Admine, generátory WP kódu
  38. Options Page (2/4) - sekcie, upload Logo obrázka 1
  39. Options Page (3/4) - Logo obrázok 2 - upload súboru na disk
  40. Options Page (4/4) - Logo obrázok 3
  41. Prečistenie WordPress kódu, pridávanie CSS a JS iba kam treba
  42. Prečistenie WordPressom generovaného HTML kódu
  43. Upratanie functions.php kódu
  44. Úprava Admin Dashboard na mieru, yhodenie a preusporiadanie položiek
  45. Otestovanie témy pred vypustením do sveta
  46. Presun WP do iného adresára, rozchodenie môjho kódu u teba

WordPress pre programátora 2: Pluginy sa dá kúpiť tu.

Keď už máš tému a potrebuješ komplikovanejšiu funkcionalitu, na to sú pluginy. To je zoznam epizód:

  1. Rekapitulácia prvej a úvod druhej časti kurzu
  2. Migrácia WP do iného adresára, rozchodenie môjho kódu u teba
  3. Plugin pre zálohu, WP backup a migrácia Cached stránky
  4. Backup, záloha a migrácia stránky cez Duplicator Plugin
  5. Custom Post Fields, Post Meta dáta, vlastné najčítanejšie príspevky 1

rozbaliť zvyšné epizódy

  1. Post Meta Custom Fields, vlastné najčítanejšie články 2
  2. Usporiadanie podľa meta hodnoty, pridanie stĺpca do Admin tabuľky
  3. Skryté meta dáta, Admin CSS a JS na konkrétne podstránky dashboardu
  4. Upravenie SQL Query, usporiadanie zoznamu príspevkov podľa vlastného stĺpca
  5. Vlastný Post View Count plugin (1/2)
  6. Vlastný Post View Count plugin (2/2) - rozdelenie kódu do súborov
  7. Pravidlá pre rýchly WordPress, Debug SQL Queries
  8. Query Monitor, Debug a vplyv témy na rýchlosť stránky
  9. Tipy a Triky pre rýchly a efektívny WordPress kód
  10. Pravidlá pre rýchly WodPress - efektívne komprimované obrázky
  11. Optimalizácia databázy a HTTP performance
  12. Optimalizácia JS a CSS, minifikacia, kombinácia a kompresia HTML kódu
  13. CACHE - WP Super Cache plugin (1/2)
  14. CACHE - WP Super Cache plugin (2/2) - pokročilé nastavenia
  15. WordPress SEO a zoznam užitočných pluginov
  16. Presun stránky na živý server (1/2)
  17. Presun stránky na živý server (2/2) - test rýchlosti živej stránky
  18. Úprava login formuláru (1/2) - Customizer pre uploadnutie loga firmy
  19. Úprava login formuláru (2/2)
  20. MUST USE pluginy, MU Moduly (1/2)
  21. MUST USE pluginy, MU Moduly (2/2)
  22. Vlastný Widget pre náš vlastný plugin (1/3)
  23. Vlastný Widget pre náš vlastný plugin (2/3)
  24. Vlastný Widget pre náš vlastný plugin (3/3)
  25. Viacjazyčná stránka (1/2) - qTranslate 1
  26. Viacjazyčná stránka (2/2) - qTranslate 2
  27. Preklad pluginov a tém, internacionalizácia a lokalizácia (1/2)
  28. Preklad pluginov a tém, internacionalizácia a lokalizácia (2/2)
  29. Vlastné Meta Boxy (1/4) - Facebook Open Graph meta tagy
  30. Vlastné Meta Boxy (2/4) - vlastný Shitty SEO plugin 1
  31. Vlastné Meta Boxy (3/4) - Shitty SEO plugin 2
  32. Vlastné Meta Boxy (4/4) - Shitty SEO plugin 3
  33. Nová stránka, WordPress starter témy, Underscores
  34. Migrácia pluginov a témy na novú stránku
  35. Tvorba Témy Reloaded
  36. Customizer - Farba pozadia a obrázok na ňom
  37. Custom Post Types - vlastné typy dát / príspevkov
  38. Custom post Types - nastavenia CPT
  39. Modify Query, Úprava hlavného WP Loop SQLka
  40. Úprava pluginov aby fungovali s Custom Post Types
  41. Meta Boxy ku Custom Post Types
  42. WordPress globálne premenné, Template Partials
  43. Spúštanie vlastných SQL queries, Pagination (stránkovanie)
  44. Tagy a kategórie zneužijeme na žánre
  45. Vlastné taxonómie - tagy a kategórie zostanú, prídáme k nim Žáner
  46. Edit, Delete a Create linky na úpravu, vymazanie a vytvorenie príspevku
  47. Custom Post Type pre režiséra
  48. Vzťahy medzi Post Types, prepojenie filmu s režisérom (1/2)
  49. Vzťahy medzi Post Types, prepojenie filmu s režisérom (2/2)
  50. Finále je na tebe, Záver kurzu

Ja ten kurz beriem ako celok. Dokopy má 105 epizód a cez 15 hodín videa.

Ak si to kúpiš do 31. júla 2016, dostaneš obe časti za 129 eur dokopy.
Potom stojí každá 99 eur samostatne (alebo 179 spolu).
Takže poponáhľaj:)

Ak si kúpiš kurz, dostaneš hosting od websupport.sk na 3 mesiace zadarmo:)

---

Potrebuješ vedieť HTML/CSS a PHP. Ak nevieš, mám pre teba zopár kurzov;) Ak sa bojíš, či to neni ojeb, učuj - keď tam klikneš na Objednať, dostaneš sa na stránku, kde môžeš kurz naozaj objednať alebo "Vyskúšať zdarma!".

Pri HTML kurze dostaneš zdarma 40 videí. To je celá HTML a CSS časť kurzu. On potom pokračuje na Responzívny dizajn a JavaScript, tie si môžeš dokúpiť, ak sa ti prvých 40 zapáči.

Pri PHP kurze a OOP/Laravel kurze tiež dostaneš okolo 20 videí zdarma. Tak skús, čo sa budeš.

A ak sa ti páči tento alebo ktorýkoľvek iný môj kurz, pošli kamarátom, vďaka:)