webrebel php videokurz webrebel.sk

Webrebel 2 - PHP, MySQL, Laravel 5

napísal , 30 Apr 2015

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ý:) 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 zoznam epizód ( 6. júl 2015 )

  1. 00 - Úvod do kurzu, statické vs dynamické stránky
  2. 01 - Čo sú backend jazyky a prečo PHP?
  3. 02 - Čo sú frameworky a prečo Laravel?
  4. 03 - Rozbitie stránky na kúsky + Programátor má byť lenivý

rozbaliť zvyšných epizód

  1. 04 - Zistíme, na ktorej podstránke sme
  2. 05 - Opravíme rozbitú navigáciu + Keď neviem, gúgľujem
  3. 06 - Automatizujeme navigáciu + Beháme cez súbory
  4. 07 - Automatizujeme navigáciu, part 2
  5. 08 - Klient / Server princíp
  6. 09 - Request / Response princíp
  7. 10 - AMP Stack (Apache, MySQL, PHP)
  8. 11 - Nastavíme Mac - skryté súbory, plné cesty, rýchle klávesnice
  9. 12 - Nastavíme Mac - rýchle animácie, lepšia konzola, command line devtools
  10. 13 - Nastavíme Mac - PHP, Environment Variables, PATH
  11. 14 - Nastavíme Mac - Hombrew package manager
  12. 15 - Nastavíme Mac - node, npm, bower, composer, xdebug, brew tap
  13. 16 - Nastavíme Mac - princíp package managerov a PHP Composer
  14. 17 - Nastavíme Mac - Laravel, Xdebug, Dash
  15. 18 - Nastavíme Windows - nastavenia systému, forever admin
  16. 19 - Nastavíme Windows - klávesnice, cmder git konzola
  17. 20 - Nastavíme Windows - MAMP, systémové premenné
  18. 22 - Nastavíme Windows - nastavenia php.ini, package / dependency managers
  19. 21 - Nastavíme Windows - environment variables, PATH
  20. 23 - Nastavíme Windows - composer, node.js, npm, bower
  21. 24 - Nastavíme Windows - php xdebug
  22. 24 - [BONUS] - chyba "CLI prestal fungovať" vo windows konzole
  23. 25 - TODO appka - úvod a proces výučby
  24. 26 - TODO appka - PHPStorm a HTML kód aplikácie
  25. 27 - TODO appka - dáta z formuláru, GET request, POST request, query string
  26. 28 - TODO appka - na čo sú nám databázy a výpisy chýb?
  27. 29 - TODO appka - zobrazenie errorov a zmena php.ini nastavení
  28. 30 - TODO appka - pridanie package cez composer require
  29. 31 - TODO appka - kedy PHP include vs require vs require_once a spojenie s databázou
  30. 32 - TODO appka - DB SELECT, načítanie údajov z databázy
  31. 33 - TODO appka - DB INSERT, vloženie údajov do databázy
  32. 34 - TODO appka - composer update, PHP Error, Whoops a užitočnejšie výpisy chýb
  33. 34 - [BONUS] - TODO appka - ako vytvoriť databázu a rozchodiť appku u vás doma
  34. 35 - AJAX odbočka - jQuery cez bower, exclude adresárov v PHPStorme
  35. 36 - AJAX odbočka - uloženie novej položky do databázy cez AJAX
  36. 37 - AJAX odbočka - zobrazenie AJAXom vloženého prvku cez fajnú animáciu
  37. 38 - AJAX odbočka - ovládanie klávesnicou a rozmýšľanie nad prioritami
  38. 39 - Editačný formulár a vlastná 404 not found stránka
  39. 40 - Tvorba kódu, konzistentnosť, refactoring, prepisovanie a hrdosť na kód
  40. 41 - DB UPDATE, upravenie hodnoty v databáze na novú
  41. 42 - Edit a Delete linky
  42. 43 - Dizajn aplikácií, rozmýšľanie nad prioritou a pointou každej vlastnosti
  43. 44 - DB DELETE, vymazanie záznamu z databázy, crawlers & robots
  44. 45 - Globálne premenovať, prepojiť HTML element s DB riadkom cez IDčko
  45. 46 - Oprava AJAX edit / delete linkov, PHP aj AJAX budú používať ten istý HTML kód
  46. 47 - Adresa stránky v Javascripte, ako v JS čítať hodnoty a nastavenia z PHP a CSS
  47. 48 - JSON, json_encode, json_decode, preposielanie dát medzi PHP a Javascriptom
  48. 49 - PHP funkcie isset, empty, global, vlastné PHP funkcie show_404 a get_item
  49. 50 - PHP is_ajax, ako v PHP zistiť, či request je AJAX a záverečné učesanie TODO aplikácie
  50. 51 - Základy programovania - úvod
  51. 52 - Filozofovanie o programovaní
  52. 53 - Nastavenie Live Edit v PHPStorme
  53. 54 - Premenné
  54. 55 - PHP premenné v PHP praxi, správne názvy premenných
  55. 56 - Dátové typy, čísla, integer, float, modulus, párnosť čísla, type casting
  56. 57 - Boolean, true, false, if, else, elseif, ako PHP vyhodnocuje hodnoty a typy
  57. 58 - PSR-2 coding style, Content Type header
  58. 59 - Stringy, apostrofy vs. úvodzovky, zalamovanie textu
  59. 60 - Skryté znaky, new line, line feed LF, carriage return CR

---

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!

Ako vymeniť klávesnicu a opraviť si MacBook

napísal , 17 Mar 2015

Minule som popísal moju strastiplnú púť - Ako vyčistiť klávesnicu a doj*bať si MacBook.
Teraz ideme túto krivdu osudu definitívne napraviť.

Prišiel som do Apple servisu (mzone). V momente, ako som povedal, že Keyboard Viewer ukazuje stlačené oba shifty, sa iba usmial a bez zaváhania a zvažovania možností povedal, že treba vymeniť celý Top Case. Nazývaný aj Upper Case.

To je celé to šasi (< -- dobré slovo), vrchá časť notebooku, ktorá obsahuje klávesnicu, touchpad, on/off tlačítko, signalizátor stavu baterky... Mac počítače pôsobia ako kus stroja. Iné sú často rozhegané, toto pôsobí ako jeden solídny kus. Prečo? Pretože TO JE JEDEN SOLÍDNY KUS.

A tento jeden solídny kus, bolo mi povedané, by stál okolo 200-300 Eur + aspoň 100 za robotu.

Toto je Apple, takže som čakal, že za môj dych zahmlievajúci ich vitrínu si vypýtajú 50 a šiel som tam s pesimistickým odhadom 200 Eur. Keby povie 200, čo je veľa, bol som ochotný nechať im ho tam a vyzdvihnúť si ho opravený.

Povedal 400.
WAT.

Ako vyčistiť klávesnicu a doj*bať si MacBook

napísal , 17 Mar 2015

Keď idem na záchod, rozmýšľam, kedy mi tam padne telefón a keď pijem kávu, rozmýšľam, kedy ju vylejem na notebook. Stalo sa to 3 týždne dozadu a nebol som prekvapený. Ale ani potešený.

Btw to slovo hore je dojebať. Pretože napríklad ja keď pozerám správy alebo noviny a dajú hviezdičku do slova, tak som strááášne zmätený a vôbec neviem, ktoré slovo asi tak mohli myslieť. A ja nechcem, aby ste boli zmätení. To slovo je dojebať. Dojebať MacBook.

Mac obliatie v pohode prežil, všetko šlapalo, akurát pravý shift a enter sa trošičku lepili, tak že šak dám dole klávesy, po jednom ich vyčistím a vyhrabem spod nich všetky tie chlpy a omrvinky a ďalšie chlpy a aspoň konečne vymením ten Y a Z, keďže QWERTY, a bude mi hej.

Vyčistiť klávesnicu na Macbooku je našťastie celkom jednoduché.

Ako vyčistiť MacBook klávesnicu

Chcel som si ale dať záležať, po vybratí som vyčistil každú jednu plastovú kachličku (jarová voda, drhnutie švédskou utierkou), vo vnútri som vyšparchal dutiny kefkou (k strojčeku na holenie, ale postačí aj stará zubná) a povytieral zákutie jemne navlhčenou handričkou. Jemne.

Čo by predsa nemalo vadiť, keď to v pohode rozbehalo straight up vyliatu kávu.
A samozrejme celý čas mašina vypnutá, odpojená z elektriny a pretrel som to suchou handrou a nechal odstáť aspoň 12 hodín.

Ale kým káva je v pohode, Steve Jobs asi nemal rád vodu, pretože keď som ho po hodinách odpočinku zapol znova, nabootoval sa do safe mode a nemohol som sa prihlásiť. Heslo ani za toho boha nefungovalo.

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.