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.

CSS Flexbox, CSS display: flex

napísal , 8 Dec 2014

Floaty neboli nikdy určené pre čarovanie s layoutom stránky. Floaty nám mali len dať možnosť hodiť obrázok do textu a nechať text obtekať okolo neho. My sme ale večne nespokojní a chceme pekné stránky a chceme sa podobať knihám a časopisom a mať hlavičky a pätičky a sidebary a všetky tieto veselosti. Flexbox je prvý CSS modul špeciálne určený pre layout. Vďaka nemu môžeme zabudnúť na všetko to floatovanie a clearovanie a margin: autovanie a iné špinavé odžuby. Vďaka flexboxu CSS vyzerá, že funguje:)

Flexbox, CSS display: flex

Responzívny layout cez CSS display: flex

Flex je pre nás užitočný hlavne pri responzívnom dizajne. A sním je spojený aj nasledovná finta.

Box-sizing: border-box, CSS funckia calc()

Tieto videá sú súčasťou balíčka http://webrebel.sk/.
Kde nájdeš kopu ďalších šikovností.

Videokurz Webrebel: HTML a CSS, Responzívny dizajn, Javascript a jQuery

napísal , 3 Dec 2014

Nový kurz WordPress pre programátora

Posledné mesiace som v tichosti pracoval na velikánskom videokurze, ktorý by pokryl základy font-end developmentu. To sú všetky tie HTMLká a CSSká a Javascripty. Výsledkom spolupráce s learn2code.sk je videokurz, ktorý pozostáva z dobrých 20 hodín videa, rozdelených do cca 115 nových videotutoriálov.

Viac info a samotný kurz na webrebel.sk / cz.

Z mojim predošlých kurzov a videí viete, že s všetko snažím vysvetliť zrozumiteľnou, uvoľnenou slovenčinou, nechcem, aby to znelo ako nudná technická príručka. Snažím sa vysvetľovať tak, ako keby si bol môj kamarát, čo sedí vedľa mňa, čumí mi do monitora a pýta sa otázky. Chcem, aby to bolo pokiaľ možno humorné, pretože keď sa povie programovanie, ľudia si predstavia nudu:) A toto nie je nuda:)

Na týchto videách som si dal extra záležať. Žiadne pauzy, žiadne "hmmmm", žiadne čakanie, kým napíšem 20 riadkov kódu, tieto videá šlapú jak guľa, hodiny a hodiny seriózneho makania:) A majú lepší obraz a ešte lepší zvuk:)

Nebudem nikoho bullshitovať - tieto videá sa predávajú. Ale predtým, než poviete "pffft, to ti já akurát tak móžem", pozrite na to, čo obsahujú. Pretože je toho kurva veľa:)

HTML a CSS

  1. 00: Začiatok HTML/CSS kurzu
  2. 01: Úvod do HTML, HTML tagy a prvá stránka
  3. 02: Doctype a kostra HTML dokumentu
  4. 03: Formátovanie textu v HTML

rozbaliť zvyšných 36 epizód

Toto sú iba niektoré zo stránok, ktoré vytvoríme v rámci HTML a CSS kurzu.

HTML a CSS sú síce absolútny základ, pilier, na ktorom všetko stojí a treba ich mať zmáknuté odpredu-odzadu. Avšak bez responzivity a Javascriptu sa plnohodnotné stránky už nezaobídu. A preto..

Responzívny webdizajn

  1. 01: Úvod do responzívneho webdizajnu
  2. 02: Static vs Liquid vs Adaptive vs Responsive
  3. 03: CSS media queries
  4. 04: Prerábka statického blogu na adaptívny dizajn - hlavička

rozbaliť zvyšných 28 epizód

Do Responzívneho dizajnu som zakomponoval nielen zaužívané postupy, ale aj novinky v HTML a CSS, ktoré sa používať ešte len začínajú - Flexbox layout modul, obrázky cez <img srcset> alebo nový HTML <picture> element. Obrázkom je venovaných niekoľko videí, pretože s nimi je to v tejto dobe mobilov a retín veľmo komplikované.

Javascript a jQuery

  1. 01: Úvod do JavaScriptu a jQuery
  2. 02: Úvod do programovania - Javascript konzola a premenné
  3. 03: Úvod do programovania - čísla a reťazce
  4. 04: Úvod do programovania - polia a objekty

rozbaliť zvyšných 41 epizód

S tým, že počet JS/jQuery kapitol sa rozrastie minimálne na dvojnásobok. Všetky videá budú vypustené na v januári nového roka, tieto Javascriptové práve teraz dokončujem. To je tiež dôvod, prečo stránka webrebel.sk / cz hovorí o 15+ hodinách a ja tu hovorím o 20-tich. Ešte neviem, kam presne to padne, ale je to v tomto rozmedzí a v každom prípade je to hodín veľa:) Edit: je to 20 hodín;) Javascript videí je nakoniec 45.

Tieto Javascript videá majú zmysel aj pre tých, čo sledovali môj Nauč sa jQuery seriál. Pretože aj keď koncepty stále platia, už má chudák nejaký ten rôčik. Tento kurz sa venuje novinkám v jQuery, všetko ukazuje na kompletne nových príkladoch a ukazuje koncepty a pricípy, ktorým sa prvý seriál vôbec nevenoval. Cieľ bol nepoužiť z pôvodného seriálu nič, spraviť všetko na novo a inak. Rozhodne nechcem, aby ste platili za niečo, čo ste už videli zadarmo.

Kompletný balíček všetkých videí stojí 99 eur a dá sa kúpiť na webrebel.sk / cz. Existujú aj lacnejšie a drahšie verzie, takže preskúmajte stránku a vyberte, čo vám sedí. Hlásiť sa môžete okamžite, všetky videá sa odomknú 8. janára 2015 a zostanú vám naveky.

Edit: pridali sme verziu ZDARMA - prvých 15 kapitol a ostatné si môžete dokúpiť.
Viac info o free verzii.

Bolo to naozaj veľa roboty, a ak sa môžem sám pochváliť, je to fakt kvalitný materiál:) Sú to moje najlepšie videá. Tak sa netoto a dajte si vianočný darček a naučte sa robiť stránky, čo sa budete:) A ak nie, dajte vianočný darček niekomu inému! A ak ani to nie, veľmi ocením, aj keď budete tento článok (prípadne odkazy na webrebel.sk / cz) zdieľať po všetkých tých facebookoch a podobných veciach:) Beriem ktorúkoľvek formu pomoci:)

Keď si to tak vezmete, 100 videí za 99 eur, to je ani nie euro na video. To sú tak 4 videá na jeden hambáč v mcdonalde a garantujem vám, že tieto sú výživnejšie:)

Ok, tak veselé Vianoce a dúfam, že tento rok medzi Die Hard a Mrázika zaradíte aj Webrebel videá:)

Edit: pridal som ukážky z kurzu, celé videá, na ochutnanie tu Ukážka WEBREBEL kurzu a tu a tu a na youtube. Na stránke tiež pribudli odpovede na často kladené otázky.

Edit: do komentárov som pridal vysvetlenie, prečo je kurz časovo obmedzený

Je Atom lepší ako Sublime Text?

napísal , 12 Mar 2014

Svojho času som spravil video Sublime Text 2 je lepší ako tvoj editor, medzičasom Github spravil editor Atom.io a teraz je najvyšší čas ho vyskúšať.

V prípade, že blbne youtube a nechce zobraziť video, skúste tu: http://youtu.be/LOFcvAMaUtY

Nové videotutoriály

napísal , 6 Jan 2014

V krátkosti - začal som točiť nové videotutoriály. Chcem prejsť cez základy (HTML, CSS, PHP, MySQL) k ďaľším technológiám, možno jazykom, postupom. Chcem spraviť seriál pre PHP framework Laravel, chcem dokončiť WordPress. Niektoré seriály chcem vydať, až keď budú hotové celé. Čas od času možno vydám video samostatne.

Chcem, aby vychádzali na novej stránke. Začal som na nej pracovať. Neviem, kedy bude hotová. Snáď čoskoro. Neviem, v akom poradí, v akej forme a ako často budú videá a seriály vychádzať. Treba tomu dať čas, treba sa zamyslieť, treba skúsiť, všetko sa uvidí. Niektoré seriály budú možno platené.

Teší ma úspech predošlých seriálov a som veľmi rád, že napriek dlhej odmlke sa stále nájdu ľudia, ktorí chcú viac. Ja tiež chcem. Baví ma to. Zároveň však dúfam, že neutečiete, ak si občas vypýtam nejaký peniaz:) Nie za všetky videá. Za niektoré. Spraviť niečo a spraviť to dobre, stojí naozaj veľa času. A toho voľného moc nazvyš nie je. Snáď sa dohodneme:) Sľubujem, že spravím všetko pre to, aby sa to prípadným platiteľom oplatilo.

Ďakujem za čakanie.
A ďakujem za pozornosť.

Keď budú novinky, podelím sa o ne. Tu alebo na twitteri. Aj keď teda tam budete musieť znášať kopu tutoriálov-sa-netýkajúcich žvástov, takže je to vás:)

Držte palce, nech to ide rýchlo.

Vyser sa na vysokú školu

napísal , 7 Nov 2013

Koľkokrát som počul "Musíš vychodiť vysokú školu, inak si v tomto systéme v prdeli"? Nespočet.
Koľko jobov od rôznych ľudí z rôznych odborov na projektoch z rôznych odvetví som mal? Nespočet.
Koľkí z nich chcel vidieť môj titul? Nula. Nikto. Nikdy.

Ok, raz, ale to bola moja chyba. Keď som zakladal živnosť a povedal som, idiot, že som inžinier. Teta za prepážkou "Áno? Máte diplom?" Dal som jej diplom. Jediný raz čo som ho potreboval a mohol som si za to sám, lebo som otvoril hubu.

Každý normálny zamestnávateľ vie, že papier je len papier.
Kto chce najlepšieho, pozrie sa na jeho robotu, nie na nejaký lajster z fascikla. Bol by to megakretén, kto by do svojej firmy vybral človeka s "lepšou školou" namiesto lepšieho človeka. Je to idiot a nikdy by si pre neho nemal pracovať.

"Hej, tento človek má síce super robotu, ale tento má toľko titulov že sa mu meno nezmenstí na schránku!" a vyberie toho druhého? Aj keď v živote nič nespravil, okrem búdky pre vtákov, ktorá sa za týždeň rozpadla lebo použil clever lepiacu pásku a prišiel vietor? Je to idiot a utekaj od neho preč. Nikdy nechceš brať príkazy od človeka blbšieho jak tvoje ponožky.

Vysoká škola možno zvykla niečo znamenať. Neviem, nežil som. Dnes je to default.
Dnes každý ide na vysokú a vysokoškolák má byť elita, ale keď každý je elita, nikto nie je.

Potom sú ti, čo sa na školu vysrali.
Tí si dnes zaslúžia väčší rešpekt, aké tie ovečky (ako ja), ktoré si vystáli v rade na diplom. Pretože to je to, čo robíš na škole. Vychodiť školu nie je žiadny výkon, vysoká škola je len kurz zotrvačnosti.

To sú ľudia, ktorí mali gule. Tí, čo prestali.
To sú ľudia, ktorí vedeli povedať "Ok, toto stojí za konský prd" a išli radšej robiť to, v čom sú dobrí.
Alebo to, v čom chcú byť dobrí.

Ak toto čítaš a hovoríš si "Pojeb sa ty hulvát, moja škola bola super!" tak výborne! Tento článok nie je pre teba. Ak si hodil šípku do nástenky a zapichla sa do krásneho odboru, ktorí ťa bavil a škola patrila medzi tvoje najkrajšie zážitky a stretol si skvelých ľudí, super. Závidím ti. Tento článok je pre tých, čo študujú tretí ročník a hovoria si "Uh, akurát má to tu sere, ale tak už to dochodím, keď už som tu tak dlho." Im chcem povedať "nie". Ser na to, odíď preč. Ak ťa škola bavila prvé 2 roky a potom si zistil, že je na hovno, odíď. Ak ťa bavila prvé 2 roky a zistil si, že síce nie je na hovno, ale už ťa nebaví, odíď. Nájdi si inú alebo si založ živnosť v niečom čo ti ako tak ide a pracuj koľko treba a zvyšný čas venuj tomu, čo by si chcel naozaj robiť.

Si v životnom období, kedy nemáš poňatia, čo máš robiť. Alebo ak máš, o týždeň to môže byť niečo iné. Tomuto životnému obdobiu sa hovorí "život." Sú ľudia, ktorí vždy vedeli, čo chcú. A potom sú ľudia, ktorí sa vzdali. Vychodili si školičku, našli si robotu do ktorej sa zašili a strávili celý život presviedčaním sa, že je to celkom ok. A potom sú tí ľudia medzi, ktorí plávajú a nevedia kde zakotvia a možno niekde zakotvia a možno nie, ale zakotviť a vzdať sa by mal byť rozdiel. Ak ťa škola bavila a už nebaví, vyser sa na ňu. Ten papier nikto nechce vidieť.

Výlet do Číny

napísal , 24 Jun 2013

Keď niekam cestujem ani ma tak nezaujímajú nejaké historické oné, oveľa radšej si všímam a zapisujem drobné detaily a rozdiely v životoch súčasných ľudí. Preto som išiel do Číny (do Pekingu), že tam snáď bude dosť odlišná kultúra a budem si mať čo všímať. Mal som. :) Keďže sú to dosť random pozorovania, ani som sa ich nesnažil spájať do viet. Takže len v odrážkach..

  • všetko je veľké
  • presúvanie sa po meste peši je viac menej nereálne (hodiny chodenia), aj cesta busmi a metrom trvá kvôli obrovským vzdialenostiam hodiny
  • napr. v Londýne sa dalo za rovnaký čas pobehať tak 2-3× viac miest ako v Pekingu
  • všade veľa ľudí, keď príde rush hour (okolo 8 a 18-tej), je to úplné peklo, cesty, MHD a aj chodníky sú upchaté
  • výhoda veľa ľudí je, že keď treba niečo spraviť, pošle sa na to kŕdeľ Číňanov a za chvíľu je to hotové. Napríklad 20 stĺpikov maľovalo 10 ľudí.
  • znalosti angličtiny sú u Číňanov vačšinou nulové. Naozaj nulové. V reštaurácii netušia čo je chicken, ani yes a no, museli sme používať obrázkový slovník a ukázať im sliepku a pivo :)
  • názvy ciest a staníc metra a pár obchodov po anglicky, inak všetko po čínsky. Celý čas sme len mohli hádať čo je čo. Narozdiel od jazykov s abecedou je brutálne ťažké sa naučiť prečítať aj len pár základných slov.

Normálny stav v metre Rush hour. Toto je rad ľudí, čo trčia z metrovej stanice až do ulice. Engrish ruksak