webdesign / development + awesome
archivovaný archívny archív
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.
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.
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:)
Nový kurz WordPress pre programátora
V kurze Webrebel som spomenul, že vývoj (pompézne slovo pre "robenie") webových aplikácií (pompézne slovo pre "stránky") sa delí na front-end a back-end. Webrebel je o front-ende. Čiže vieme spraviť to, čo používateľ vidí, na čo kliká, čo používa. Ale ak nám ten poskytne nejaké údaje, nevieme ich spracovať.
Na to treba back-end. To, čo beží na serveri. Čo presne to znamená? Ja vám poviem, čo presne to znamená. A čo sa s tým robí. A ako sa to robí. A prečo sa to robí.
V novom kurze Webrebel PHP - Mysql - Laravel ;)
Kto pozná HTML a CSS, vie spraviť tzv. statické stránky. HTML kód sa vezme taký, aký je, a vyprdne sa na obrazovku. Kto pozná back-endové jazyky (PHP, Ruby, Python, ...) vie robiť tzv. dynamické stránky. Kde človek príde na adresu stránky a server zoberie alebo vygeneruje kúsky HTMLka a poskladá ich do výslednej stránky.
Jednak nám to umožní nejakú tú automatizáciu (napr. môžem vyrobiť jeden header a footer a nechať ho vložiť do každej podstránky) a jednak počas skladania stránky do nej môžem nahádzať veci vytiahnuté z databázy - články, produkty, whatever. A môžem mať používateľov. A registrácie a prihlasovanie a napojenia na facebooky a kade tade a odosielanie emailov a spracúvanie údajov z formulára, ...
Všetko toto a kopu ďalšieho sa naučíte v tomto novom kurze. Budú sa "dynamizovať" stránky a vytvárať rôzne mini aplikácie a možno aj nejaké tie maxi aplikácie a todo listy a blogy a fóra a skutočnejšie firemné stránky a API rozhrania a všetko možné. Úplne že naozajstné stránky, také že naozajstné, so všetkým!
Budeme sa učiť PHP a MySQL a Laravel.
A ľudia sa budú pýtať, že prečo tieto veci a prečo nie iné veci.
Pre nich som spravil videá.
:: Webrebel PHP: Čo sú backend jazyky a prečo PHP?
:: Webrebel PHP: Čo sú frameworky a prečo Laravel?
Teraz si môžete hovoriť, že o tom rozprávam akosi vágne. A nekonkrétne. Pretože, PRETOŽE! A tu príde tá zaujímavá časť - kurz ešte nie je dokončený:) (edit: už je, viď dole) A napriek tomu si ho môžete kúpiť! A učiť sa PHP! Už dnes! Pretože už existujú videá! Zopár.
Rozhodol som sa ho spraviť v Early Access štýle. To je to, kde si na Steame môžete kúpiť hru, kým ešte nie je dokončená a sledovať celý progres až do finišu. Prípadne ho ovplyvňovať. Ide to o to, že si seriál môžete kúpiť hneď, aj keď esťe nie je hotový a pozerať nové videá okamžite, ako ich dokončím. Budete to dostávať postupne. Namiesto čakania na hotový produkt.
Tieto veci trvajú. Niekoľko mesiacov. A v poho môžete počkať, nebudem nikoho nútiť, aby išiel do nedokončeného seriálu. V pohode môžete počkať a keď bude všetko hotové, naraz kúpiť balík desiatok a desiatok (a ďalších desiatok?) videí. Kto sa však chce učiť hneď, má tú možnosť. Byť pri tom od začiatku. Zapájať sa do diskusie, dávať návrhy a pripomienky a sťažnosti a tým pádom korigovať vývoj seriálu.
Kurz bude koncipovaný tak, aby z neho všetci niečo mali. Podobne ako Webrebel. Čiže prejdeme aj cez úplné základy všetkého a budú tam aj videa s absolútnymi základmi programovania. Tak začneme a postupne prejdeme k pokročilým veciam. Je to však kurz primárne určený začiatočníkom. Možno s výnimkou Laravel časti, ktorá predpokladám, že bude na konci zakúpiteľná samostatne.
Bude sa robiť množstvo stránok. Budú sa robiť v čistom PHP, pridá sa k tomu MySQL, budeme sa venovať aj MySQL samostatne, neskôr sa budú robiť v Laraveli. Nie je to iba Laravel kurz. Je to kurz o troch technológiách (PHP, MySQL, Laravel) podobne ako Webrebel bol o troch technológiách (HTML, CSS, JavaScript). Je to kurz pre začiatočníkov a teda nebudeme hneď skákať do frameworkov.
Kurz bude v podobnom rozsahu ako Webrebel, ktorý má cez 120 videotutoriálov, okolo 22 hodín videa a množstvo kontrolovaných domácich úloh (edit 28.6.2015: ok, momentálne je tam cez 50 videí a som možno v štvrtine, takže rozsah bude určite väčší, ako v prvom kurze).
A kto si ho zakúpi v "Skorom štarte", čiže teraz, bude prakticky na úrovni Revolucionárov. Kupujete si to isté, čo mali Revolucionári a tí to mali za 199. Toto stojí 129. Uvidíme, ako sa cena zmení za konci, ale kým kurz nie je dokončený, máte to za zľavnených 129€.
Edit: cena 129 platí do konca mája, potom do konca júna 149, po dokončení bude kurz stáť 199eur. Takže kto má záujem, ponáhľajte:) Samostatný Laravel sa zatiaľ objednať nedá. To potom, keď budú hotové všetky videá.
Edit (2. júl): zmena, odsunul sa dátum "Ostrého štartu" PHP kurzu na 31. augusta. Takže máte zľavnenú cenu o mesiac dlhšie, wheeee! Prečo? Pretože nestíham. Prečo nestíham? Pretože kurz sa rozrastá - bude toho viac, ako som zamýšľal. Každá časť (PHP + MySQL, OOP + Laravel) bude takmer v rozsahu prvého Webrebela, bude toho kopa. Takže odsúvame dátum finišu na neskôr a tiež sa zvyšuje finálna cena. Čo vám ale nemusí vadiť, pretože vy ste šikovní a kupujete kurz teraz, kým je vo vývoji a v akciovej cene:) Samozrejme kto si kurz už kúpil, toho sa zmeny cien netýkajú.
To je myslím pre začiatok dosť infa:) Kurz už beží. Momentálne, ako píšem tento článok, existuje 8 videí (nižšie v článku je neustále rastúci zoznam videí, ktorých je výrazne viac, než 8). A okamžite ako dokončím nové, pribudne tam. A takto sa budú zbierať. Jedno za druhým. Až k finišu. Takže kto pri tom chce byť od začiatku, nech sa páči:) Kto sa chce učiť už dnes, nech sa páči. Registrácie sú otvorené, kurz beží, ideme do toho! Poď aj ty:)
edit: Pôvodne som v článku napísal, že Webrebel má 8 hodín videa. Neviem, odkiaľ som vyhrabal to číslo, možno HTML časť má toľko, Webrebel má dokopy okolo 22 hodín videa a k podobnému číslu chceme smerovať aj v novom kurze.
edit 2: aktuálny (stále rastúci) zoznam epizód ( 4. august 2015 )
edit 3 (4. august 2015): týmto dňom považujem výrobu PHP + MySQL časti za ukončenú. Pôvodne som písal, že PHP + MySQL + Laravel bude trvať okolo 20 hodín. Toľko trvá iba samotné PHP + MySQL. Kurz sa teda rozdeľuje na 2 kurzy, druhý sa bude venovať OOP a frameworku Laravel, bude podobného rozsahu. Kto si kurz kúpi teraz v Skorom štarte, dostane oba (PHP + MySQL aj OOP + Laravel). Neskôr bude možné zakúpiť každú časť samostatne.
Keďže PHP + MySQL časť ja ukončená, pridal som ďalší článok, Webrebel 2 - OOP a Laravel, kde budem zdieľať info o tom, ako postupuje tvorba OOP + Laravel časti. Vrátane rastúceho zoznamu epizód.
---
Btw, prvý Webrebel stále existuje a funguje, tie videá sa dajú stále zakúpiť a zostanú vám naveky, takže môžete pozerať koľko chcete, kedy chcete, ako chcete, neexistuje žiaden "termín ukončenia", každý ukončí kurz kedy chce. Rovnako to bude pri tomto novom. Pointa je, že kto nemá zmáknuté HTML a CSS alebo Javascript, môže sa kedykoľvek doučiť;)
Webrebel žije!
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.