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

napísal , 3 Dec 2014 [ CSS HTML JavaScript jQuery Tutoriály Videá ]

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ý

napísal , 3 Dec 2014

50 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. Mego [ Streda 3.12.2014, 19:25 ]

    A sú aj nejaké videá zadarmo?

  2. yablko [ Streda 3.12.2014, 20:19 ]

    Zatiaľ nie. Je možné, že zopár sa postupne vypustí, takže treba sledovať môj youtube:) A určite aj sem napíšem.

  3. Lubo [ Streda 3.12.2014, 21:31 ]

    ok, zaplatm si to a je to lifetime alebo casovo obmedzene?

  4. yablko [ Streda 3.12.2014, 21:46 ]

    lifetime

  5. Elfoslav [ Štvrtok 4.12.2014, 02:51 ]

    Yablko, odporúčam ti dať trebárs prvé 3 videá free ako preview kurzu. Ľudia tak budú mať aspoň čiastočnú predstavu čo ponúkaš a keď sa im to zapáči, tak si kúpia celý kurz. Nič tým nestratíš, naopak získaš. Btw, dobrá práca, len tak ďalej!

  6. yablko [ Štvrtok 4.12.2014, 09:07 ]

    hej, ja som tiež toho názoru, ale kolegovia ich zatiaľ chcú držať pod pokličkou.. ale veď ja ich presvedčím;) a pre tých, čo ma sledujú.. tieto videá sú kvalitnejšie ako doteraz a to aj čo sa obrazu a zvuku týka (nový mikrofón, whee)

  7. Maroš [ Štvrtok 4.12.2014, 11:56 ]

    Tiež si počkám na ukážkové video z aktuálneho kurzu.

  8. erich [ Štvrtok 4.12.2014, 12:25 ]

    A nejake zlavy pre studentov nebudu? :-)

  9. Michal [ Štvrtok 4.12.2014, 16:03 ]

    dokedy sa dá prihlásiť?

  10. yablko [ Štvrtok 4.12.2014, 16:48 ]

    ukážkové videá určite budú, študentské zľavy prediskutujem a prihlásiť sa dá počas celého decembra

  11. mardon [ Štvrtok 4.12.2014, 17:37 ]

    A ty videa, jsou dostupné už teď anebo až 8.1.2014?

  12. erich [ Štvrtok 4.12.2014, 17:54 ]

    dik, potom sem daj nejako vediet :)

  13. Maťo [ Štvrtok 4.12.2014, 20:26 ]

    Čiže je to once-in-a-lifetime príležitosť a ak sa neprihlásim do konca decembra, k videám sa už nikdy nijakým spôsobom nedostanem?

    V súčasnosti mám totiž približne 0 peniazov a približne rovnaké množstvo času.

  14. yablko [ Štvrtok 4.12.2014, 21:48 ]

    mardon: videá sa sprístupnia až toho 8.1.2014

    maťo: zatiaľ sa nič neplánuje
    je možné, že sa to neskôr v nejakej forme objaví, ale neviem ti to teraz zaručiť

  15. Maťo [ Piatok 5.12.2014, 21:51 ]

    OK, čiže ak ukradnem starej mame hlinené prasiatko a rozbijem ho, zaplatím si kurz teraz ale dostanem sa k nemu povedzme až o pol roka, nebudem musieť nariekať, že som nebol "part of the moment"? Fórum ku kurzu ostane prístupné po kurze tiež?

  16. yablko [ Piatok 5.12.2014, 23:29 ]

    hej, zostane ti login do aplikácie, kde budú videá aj diskusie
    aj mnou uploadnuté materiály a zdrojáky
    a mno zadané dobrovoľné domáce úlohy
    takže budeš môcť makať, kedy uznáš za vhodné

    a nemusíš rozbíjať prasiatko, povedz ježiškovi, nech ti to donesie:)

  17. Eduard [ Nedeľa 7.12.2014, 02:42 ]

    Heeej chlape, si zabil bradu :D ... Snáď tie videá pomôžu ľuďom tak ako mne pomohli tie predchádzajúce a vďaka nim, teraz, o 2 roky pozdejšie, dokážem platiť výšku sám. Snáď o tie kurzy bude záujem, odporučil by som ti povyvesovať nejaké plagáty možno aj tu do čiech, myslím, že by o tie kurzy mohol byť záujem aj v čechách.

    Každopádne GL v ďalšej tvorbe snáď sa vyplatí a tým nemyslím len finančne ale že aj niekoho niečo nové o čom nevedel priučiš ... Len aby po tých tvojich videách nám nevzrástla konkurencia :D

  18. Jozko [ Nedeľa 7.12.2014, 10:03 ]

    Yablko, planujes este kurz na FW Laravel?

  19. yablko [ Nedeľa 7.12.2014, 10:17 ]

    hej, verím, že sa k nemu čoskoro dostanem:) ale počkám si na verziu 5

  20. Martin [ Nedeľa 7.12.2014, 12:59 ]

    tiez by ma zaujimalo ci bude aj nejaka ta studenska zlava,

  21. Pepe [ Nedeľa 7.12.2014, 20:13 ]

    Ahoj, pises ze JS/jQuery sa este rozrastie na dvojnasobok. To myslis v cene tohto kurzu alebo dodatocne?

  22. yablko [ Pondelok 8.12.2014, 12:24 ]

    v cene kurzu

  23. Leprikon [ Pondelok 8.12.2014, 18:55 ]

    Pokud se včas nepřihlásím tak ty videa neuvidím? Když vím, že ted nemám čas a nechci nic platit a za 2-3 měsíce zaplatím , resp budu chtít zaplatit tak mám smůlu?

    Nějak mi obchodní smysl. Asi nějaká novinka na slovensku.

  24. yablko [ Pondelok 8.12.2014, 21:17 ]

    úprimne, ja som to nevymyslel:)
    aktuálne je to tak, že kúpiť musíš teraz, ale venovať sa tomu môžeš kedy chceš.. prístup k videám ti zostane

  25. yablko [ Pondelok 8.12.2014, 21:19 ]

    pridal som niekoľko videí na ukážku: https://www.youtube.com/playlist?list=PL3VwAXKvhemW7oW7I6s3xngBLTpl6-p0p sú to celé videá, zobrané priamo z kurzu

  26. Kcko [ Utorok 9.12.2014, 10:01 ]

    Čau Yablko, musím souhlasit s Leprikonem. Několik videí jsem od Tebe viděl, jsem rád, že jsi se trošku ustálil v rušivých výjevech (anglické hlášky a zavádějící blbosti) :-)) i když to tvoje videa činí osobitějšími a lidštějšími, nehodí se to.

    Myslím, že už bych se tolik nenaučil (přeci jsem jsem v oboru minimálně stejnou dobu jako ty), ale klidně bych si to v rámci procvičení prohlédl a zakoupil. Ale tahle obchodní politika je postavená na hlavu. Člověka to nutí kup to ted, nebo máš smůlu. Je spousta jiných portálů (např. TreeHouse), kde si člověk koupí KDY CHCE členství a čerpá KDY CHCE.

    Tohle nucení mi vadí. No myslím, že tvůj nadřízený pochopí, že zisk bude mít i tehdy bez tohohle nesmyslného tlačení do rychlého kupu jinak LOCK.

    Jinak pěkná práce u nových videí, jsi šikula.

  27. sketa [ Utorok 9.12.2014, 10:55 ]

    Ahoj Yablko, mrknul sem na tve ukazkove video a nejsou spatne :-) Nevim jak to mas u dalsich videi ale u videa kde vysvetlujes FLEX mluvis strasne rychle. Vsechno v tom videu je v poho, hlasky super :-) smejuse porad ale mluv prosimte pomaleji o dost pomaleji.

    sketa

  28. yablko [ Utorok 9.12.2014, 11:39 ]

    flex video sa snaží pokryť veľa, je dlhé, preto makám
    pri väčšine ostatných idem pomalšie:)

  29. cvirooo [ Utorok 9.12.2014, 18:08 ]

    http://youtu.be/8iwBM_YB1sE

    Prihlásený, teším sa :)

  30. Trip1e [ Streda 10.12.2014, 12:42 ]

    Ahoj yabko, plánujú sa tie študenské zľavy? Dosť ma to zaujalo a uvažujem o kúpe toho alebo iného podobného materiál, ako už iný spomínali nepáči sa mi sposob kúp teraz alebo nikdy...
    Ešte by som sa chcel spýtať ako formou sú videá? Všetky sú na YT? Alebo na nejakom špeciálnom webe? Pretože viac času trávim off ako on aj z dovodu cestovania a podobne.
    P.S. Bude pokračovanie WP?
    Vopred dík za odpovede :)

  31. yablko [ Streda 10.12.2014, 21:04 ]

    - dostal som echo, že študentské zľavy sa neplánujú :(
    - budú hostované na stránke, myslím, že konkrétne cez vimeo
    - wordpress skôr nie.. mám nejaké iné nápady, čo by som chcel skúsiť... keď sa minú a wordpress bude stále šlapať, vrátim sa k nemu

  32. trip1e [ Štvrtok 11.12.2014, 09:52 ]

    Čiže si ich budem moct stiahnut? A kukat aj offline?

  33. Trip1e [ Štvrtok 11.12.2014, 18:49 ]

    A ešte otázočka.. Ako to je stým free balíkom? Registroval som sa ale dostanem prístup až 8.1 , po 8.1 si budem mocť dokúpiť zvyšok?

  34. Maťo [ Štvrtok 11.12.2014, 23:08 ]

    Má kurz nejaké určené tempo a trvanie, po ktorom sa budú odovzdávať tie zadania/projekty?

  35. yablko [ Sobota 13.12.2014, 18:28 ]

    Hej, tie zadania budem zadávať v priebehu 3 mesiacov a počas toho ich budem aj kontrolovať a diskutovať o nich. Ale pracovať na nich a skúšať môžeš dokedy len chceš.

    Pridali sme free verziu - viac info o nej tu https://brm.sk/712/webrebel-verzia-zdarma.

  36. mulpogu [ Nedeľa 14.12.2014, 20:15 ]

    hi mozu sa prihlasit aj old_n00bies co sa zivia inou pracou ale zaujimaju ich take veci?))

    + budu sa dat videjka po prihlaseni-zaplateni aj stiahnut?

  37. yablko [ Pondelok 15.12.2014, 13:39 ]

    samozrejme, že môžu:)
    ohľadom stiahnutia skôr nie, ale prístup k odomknutým videám cez aplikáciu je časovo neobmedzený

  38. yablko [ Pondelok 15.12.2014, 15:42 ]

    na stránke pribudli FAQs: http://www.webrebel.sk/faq.html

  39. jurmich [ Utorok 16.12.2014, 18:26 ]

    no fasa. som rozhodnuty pre "rebela". no ja najviac pozeram videa v robote kde mam nato cas. problem je, ze v robote nemam net, cize v robote to uz nepozrem a stratim kopu casu na ucenie :((

  40. yablko [ Nedeľa 21.12.2014, 01:19 ]

    Javascript má odteraz 45 videí. Doplnil som info o novinkách do článku.

  41. imao [ Streda 24.12.2014, 22:06 ]

    yablko tebe by som za robotu rad zaplatil. Ale "Na kurz je potrebné sa prihlásiť do 8.1.2015, po tomto termíne bude registrácia uzavretá"
    na toto i mozem napisat len "vyzer si oko"

    pockam si az to niekto drbne na net pretoze za toto si nic ine nezasluzite. Prepac za uprimnost. Ked si to potom stiahnem kludne ti poslem to kilo.

  42. Noots [ Piatok 26.12.2014, 01:38 ]

    Veď sa dá prihlásiť do 8.1 kludne na ten balík zdarma neskôr kto ako bude mať čas/peniaze a budu sa mu videa pozdavať si dokúpi ostatne a pozrie si ich kedy bude môct. Kto chce si spôsob najde. :)

  43. imao [ Sobota 10.1.2015, 19:33 ]

    noots - naozaj ?
    "Všetky videá kurzu sprístupníme už 8. januára, po tomto termíne budeš mať ešte 14 dní na zakúpenie jedného z platených balíčkov a potom sa registrácia uzavrie."

    mne sa zda ze je za tym iba spekulacia.
    takze ako som napisal/

  44. yablko [ Sobota 10.1.2015, 20:22 ]

    v skutočnosti je za tým fakt, že od 8meho ľudia začínajú pozerať a debatovať v diskusii, ktorú ja musím moderovať a tiež mi začínajú posielať zadania, ktoré musím opravovať a vyhodnocovať

    po dobu 3 mesiacov od spustenia

    po tejto dobe si vyhradzujem právo to ignorovať a odpočívať v pokoji:P ak by tam nebol limit dokedy sa prihlásiť, nemohla by táto podpora byť časovo obmedzená a ja by som musel poskytovať support koľko? roky? podľa toho, kedy sa kto prihlási. um, NOOOOOOPE, to sa radšej pôjdem rovno odstreliť;)

    ja do toho dávam veľa, každému sa snažím pomôcť a odpovedať a vysvetliť a niektoré emaily, čo píšem, sú na strany, nehovoriac a hodinách v diskusiách. ono je to fajn, ale vieš, všetko s mierou:) nie je to, že by som to robiť nechcel alebo že by som to robil na silu, mňa baví pomáhať, ak môžem, to je prečo som s videami vôbec začal. ale chcem jasne dať najavo, že toto je neudržateľné na dlhú dobu:) úprimne neviem celkom, ako dám 3 mesiace

    pozri, poviem ti rovno, v nejakej forme sa tie videá ešte predávať budú. nevieme kedy a nevieme v akej forme, ale nie takto. nie s podoporou, žiadne moderovanie, žiadne opravovanie, žiadne nič, kúpiš máš, basta

    rovnako to obmedzenie 14 dní je tam preto, aby znova sa niekto nemohol prihlásiť o pol roka a dožadovať sa, že od toho pol roka mu začne support, pretože si ho zaplatil

    nie.
    ak tam má byť support takto riešený, musí byť časovo obmedzený a aby bol časovo obmedzený, musí sa začať v nejakú pevne stanovenú dobu

    toto je dôvod dátumu
    všetko ostatné je článok pre zem a vek:)

  45. Daniel [ Sobota 10.1.2015, 21:31 ]

    No sak nato je jednuduche riesenie :)
    Od 8 povolit registraciu uz len na ten plan co nema podporu :)

  46. yablko [ Nedeľa 11.1.2015, 02:05 ]

    moderovanie diskusie je zahrnuté aj v tom pláne. ak by nebola, nemal by ten dátum fakt žiaden zmysel. diskusie sú spoločné pre oba plány, chceli sme aby čo najviac ľudí diskutovalo naraz, viac hláv-viac rozumu myšlienka.

    ak by sa moderovanie malo vynechať, zrejme by sa menila cena, museli by sme sa dohodovať interne o tom že či a ako a koľko, nechceli sme to komplikovať. nechali sme to takto. zatiaľ ponúkneme možnosť s podporou, potom si sadneme, vymyslíme, ako to bude s videami pokračovať ďalej.

  47. imao [ Streda 14.1.2015, 16:17 ]

    ok mne stacia videa vo vsetkej ucte k tebe yablko si pockam, ked sa budu dat stiahnut normalne tak ze si zaplatim stiahnem videa a ked ja budem mat chut si ich pozriem. Takto to funguje inak vsade, to len tu musime vzdy vymysliet nejaku koninu. Ako keby bol problem dat termin len na registracie ktore si platia podporu.

    Tak sa modli yablko, aby to zatial niekto nedal na net, lebo samozrejme potom to uz nikto kupovat nebude. Takto ste mohli zarobit minimalne o mojich 100 euro viacej.

  48. key [ Pondelok 19.1.2015, 11:15 ]

    uuiiiiiii NETREBA ROBIT PANIKU sikovny sa nasiel a uz to je na nete, len treba spravne hladat. ;)

  49. Jakub [ Štvrtok 5.2.2015, 16:48 ]

    A bude aj druhý termín kurzu? :) Deň dozadu mi to spolužiak ukázal a a okamžite som vedel že to chcem, no keď som zistil že už je po dátume tak sa chcem spýtať či bude aj druhý termín :)

  50. Damian [ Štvrtok 29.2.2024, 12:39 ]

    Hej yablko mam 12 rokov a bavy ma ve2mi programovanie ake gymnasium by si mi odporucil? byvam v bratislave. ps gramatiku si nevsimaj mal som z sjl 4 na visvedceniu

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