webdesign / development + awesome
archivovaný archívny archív
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.
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ď!
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.
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.
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í.
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:
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:
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:)
Nový kurz WordPress pre programátora
V minulom článku som detailne popísal Webrebel 2 kurz. Sú tam všetky informácie, ktoré potrebujete. Ak nie sú tam, možno budú v komentároch.
Napríklad informácia, že kurz sa rozdeľuje na 2 časti. Prvá sa volá Webrebel PHP a MySQL a je už ukončená. Má to 20 hodín, 116 videí, 13 domácich úloh, desiatky materiálov, kopu zdrojákov a funkcií na posťahovanie... v článku je zoznam všetkých videí.
Druhá časť sa volá Webrebel OOP a Laravel a na tej pracujem teraz. Bude podobného rozsahu, kto si kurz kúpi teraz, dostane obe časti (PHP + MySQL aj OOP + Laravel). Plán je, aby sa neskôr dali kúpiť aj samostatne, keď sa všetko dokončí.
Vo videu používam tento helper file.
Kurz sa dá zakúpiť tu:
:: Webrebel 3: OOP a Laravel
Kurzy sa dajú kúpiť samostatne. PHP/MySQL je jeden kurz, OOP/Laravel je druhý kurz.
Do OOP a Laravel časti postupne pribúdajú videá. Chcel som mať miesto, kde s vami budem zdieľať progres. Kde bude rastúci zoznam kapitol. Aby ste vedeli, do čoho idete. Tento článok je to miesto.
Edit (19. október 2015): týmto dňom považujem Webrebel OOP/Laravel kurz za dokončený. Má 120 videí. Čo je, podobne ako v PHP/MySQL kurze, okolo 20 hodín videa. Žiaden bullshit v nich, sú nekompromisne prestrihané, bez toho by to bolo ešte o kus viac, ale toto je čistých 20 hodín učenia. A blbých vtipov. Je toho veľa. Idem oddychovať.
Edit (16. máj 2019): Kurz webrebel 3: oop a laravel vznikol pár rokov dozadu. Medzitým vyšlo niekoľko nových verzií laravelu. Zmenili sa názvy súborov, adresárov, funkcií. Nie všetok kód, ktorý som v kurze vytvoril, dnes funguje.
Funguje, ak ho prepíšeš na novšie zápisy. Ale to otravné, to znamená, že každé video musíš sledovať s otvorenou dokumentáciou a hľadať zmeny. Práve som do kurzu pridal 37 nových videí.
Kde nakódim od nuly blog, komplet na najnovšej verzii laravelu (čo momentálne je verzia 5.8) Je to blog, má registráciu, prihlasovanie, články, komentáre. Nový laravel, nový kód, kurz je vďaka tomu znova aktuálny.
Nechám v kurze aj tie staršie videá - v nich idem pri každej téme do väčšej hĺbky. Keďže všetka teória, obkecy, vysvetľovačky, rady, tipy, triky, toto všetko stále platí, len niektoré zápisy sa rokmi zmenili... čiže aj tie staré videá stále majú obrovský význam.
V kurze je teraz 160 šťavnatých videí.
Týchto 37 videí, ktoré som práve pridal, vzniklo pre môj nový Vue.js kurz - čiže v týchto videách robím aj frontend a používam Vue.js, ale len v menšine.
:: nový kurz Vue.js + SPA (single page aplikácie)
Nepotrebuješ Vue.js poznať a nepotrebuješ Vue.js kurz sledovať, aby si pochopil tieto videá - absolútna väčšina každej minúty každého videa je čistý, aktuálny, moderný laravel kód. Čiže choď do toho:) Laravel kurz je znova aktuálny, pozeraj ako vyrobím blog v najnovšej verzii frameworku.
A toto je zoznam videí:
Viac informácii o celom kurze v článku Webrebel 2 - PHP, MySQL, Laravel 5. A, btw, stále funguje a existuje prvý HTML / CSS / jQuery Webrebel, takže učiť sa môžete koľko len chcete:)