Nový kurz: WordPress pre programátora

napísal , 16 Jul 2016 [ PHP SQL Tutoriály Videá ]

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

napísal , 16 Jul 2016

11 komentárov

komentuj ku každému komentáru sa v databáze ukladá iba meno, text a dátum, iba za účelom zobrazenia pod článkom
neukladá sa email, IP adresa ani informácie o prehliadači a údaje sa nepoužívajú na reklamu, newsletter, na žiadnu ekonomickú aktivitu, nikam sa neposielajú, sú v databáze len aby sa mohli zobraziť pod článkom
  1. peter košč [ Sobota 30.7.2016, 09:46 ]

    Zdravím. Dal som si urobiť web na mieru a je možné, že po čase budem chcieť čo to meniť. Neviem programovať. Je tento kurz pre mňa vhodný resp. čo by si mi odporučil? Vďaka.

  2. yablko [ Nedeľa 31.7.2016, 11:29 ]

    čauko, tento kurz je skôr pre teba, ak sa chceš stať tým programátorom, ktorý ten web spraví na mieru:)

    záleží na tom, ako ti to ten človek spravil... wordpress téma/stránka sa dá naprogramovať tak, že si mnohé vieš upraviť sám, ale dá sa spraviť aj tak, že bez programátora s tým nepohneš. ak sa to nechceš učiť sám, budeš si musieť nejakého zaplatiť, ak chceš zmenu. prípadne skúšať googliť pluginy, či neexistuje taký, ktorý vyrieši tvoj problém

  3. brizolit [ Streda 3.8.2016, 10:02 ]

    Ahoj, uvazujem na tym kurzom, da sa urobit na wordpresse eshop so 600 produktami? Viem ze existuje plugin woocommerce, ty v tych bezplatnych videach hovoris ze pluginy su vacsinou zle. Je lepsie urobit eshop bez woocommerce ?

  4. yablko [ Streda 3.8.2016, 11:05 ]

    čau,
    preštuduj si, čo všetko ponúka woocommerce a ak veľkú väčšinu tých vecí nepotrebuješ, sprav si sám niečo vlastné a použi nejaký plugin na platobnú bránu

    ak ti príde, že tie veci potrebovať (alebo chcieť) budeš, skús woocommerce:)

  5. yelino [ Sobota 20.8.2016, 08:48 ]

    Ahoj yablko, chcem sa nauciť, čo najlepšie programovať a zarabať si tym :D ale neviem sa rozhodnut medzi WordPress kurzom a kurzom na PHP + Laravel. Vieš mi poradiť kde by som našiel lepšie uplatnenie? Čo sa týka toho, čo ma baví tak je to úplne na rovnako. Snad mi pomôžeš sa rozhodnuť. Ďakujem ti.

  6. yablko [ Sobota 20.8.2016, 14:49 ]

    čau, ak chceš zarábať, tak skôr WordPress:) tam nájdeš viac roboty, určite na slovensku
    otázka akurát je, ako si na tom s PHPčkom, pretože to pri WordPresse potrebuješ silno

  7. phrase [ Sobota 20.8.2016, 19:45 ]

    serus yablko.
    Chcem sa spytat otazku na telo, ci nechystas predlzenie studentskej akcie, co bola do 31.jula.
    Ja som si to nestihol objednat, lebo som sa cely jul staral v utulku o chore maciatka a potom mi pes zozral notebook. Aj s internetom.
    Tak reku, ze sa aspon spytam, no pressure..

  8. yablko [ Nedeľa 21.8.2016, 12:53 ]

    cool story;)

  9. jokoceres [ Pondelok 29.8.2016, 20:28 ]

    Dobrý večer. ...zostručním... použil som podľa Vášho návodu prípravu Sublime Text 3 portable na prácu - tie základné úkony a nastavenia sú OK /myslím u mňa/, ale - a na to sa chcem opýtať - "nefunguje" automatické dopĺňanie tagov...
    Ďakujem Joko

  10. yablko [ Utorok 30.8.2016, 09:30 ]

    súbor najprv musí byť uložený ako .html
    alebo vpravo dole musí svietiť "HTML" a nie napríklad "Plain Text"
    Sublime najprv musí vedieť, aký kód píšeš, aby vedel, čo má dopĺňať

  11. jokoceres [ Nedeľa 2.10.2016, 13:07 ]

    Az teraz som sa dostal opat sem a dakujem. JOKO

ku každému komentáru sa v databáze ukladá iba meno, text a dátum, iba za účelom zobrazenia pod článkom
neukladá sa email, IP adresa ani informácie o prehliadači a údaje sa nepoužívajú na reklamu, newsletter, na žiadnu ekonomickú aktivitu, nikam sa neposielajú, sú v databáze len aby sa mohli zobraziť pod článkom