Dobrý den, jmenuji se Colleen Van Lent
a vítám Vás v "Seznámení s HTML5". Moc mě těší vyučovat tento kurz,
protože se mi líbí představa, že konečně budeme mít nějaký kurz,
který vysvětlí základy tolika lidem, jak je jen možné. Moc ráda pracuji s lidmi
a moc ráda pracuji s technologiemi a myslím, že to nejlepší, co můžeme udělat,
je umožnit co nejvíce lidem podílet se na vývoji věcí,
které může kdokoliv využívat. V tomto kurzu si projdeme úplné základy. Opravdu zdůrazňuji, že začneme od úplných začátků. Začneme tím, že si povíme něčem,
čemu se říká syntax a sémantika. Co jsou vlastně ty kódy, které lidé píší
a tvoří tím webovou stránku webovou stránkou? Je nějaký zvláštní význam za těmi slovy,
která mohou sdělit zvláštní informaci těm, kteří třeba nemohou prohlížet
síť stejným způsobem jako ostatní? Třeba někdo, kdo používá speciální zařízení k přístupu na síť. Po tom, co si projdeme syntax a sémantiku, povíme si něco víc o ideji přístupnosti, kterou jsem zrovna nadhodila. Je to idea toho, že když chceme vytvořit
webovou stránku, co musíme udělat, abychom si byli jisti, že bude přístupná co nejvíce lidem? Také se budeme bavit o tom,
jak začít pracovat s technologiemi a psát kód. Když říkám začít pracovat, myslím tím opravdu, že přesně Vy začnete, a já Vás provedu tím, jak se vytváří soubor. Jedna z věcí, kde často lidé dělají chyby,
když se začínají učit počítačové vědy nebo jiné
technologické principy, či obory, je to, že profesoři nebo intruktoři řeknou:
"tak začneme, tady máte úkol". "Tak tady to máte a udělejte to" a všichni se tak trochu zaseknou, protože
si vlastně nejsou jistí, kde přesně začít. Chci tu být s Vámi, abych Vám ukázala, jak skutečně začít
a jak vykročit tou správnou nohou. Řekněme si něco o tom, co v tomto kurzu probereme. V prvním týdnu se zaměříme na otázky. Ne na kódování, ale na otázky. Chci, abyste rozuměli, co se stane,
když napíšete něco do URL. Když napíšete www.introwebdesign.com, čím to je, že se jako kouzlem zobrazí stránka ve Vašem prohlížeči? Také Vám chci povědět o tom,
jaké nástroje budete potřebovat, abyste mohli psát kód. Povíme si něco o editorech, prohlížečích a jiných softwarových nástrojích,
protože potřebujete od začátku vědět, co budete potřebovat, abyste uspěli v tomto kurzu. Pak se konečně budeme bavit o HTML5. Co se stalo s HTML1? Co se stalo s HTML2? Jak se to všechno vyvíjelo a co se děje
s web designem a jazyky, které používáme? V prvním týdnu tedy skoro žádné kódování. Opravdu jen chci, abyste pochopili, jak síť funguje proč je pro Vás důležité moci
vzájemně spolupracovat s lidmi a kódem, který se používá k vytváření stránek. Druhý týden se budeme trochu bavit o teorii a poté, pro některé lidi bohužel, hodně kódování. Pak je tu ta idea čehosi,
čemu se říká Document Object Model, podle kterého se staví všechny webové stránky. Pokud z toho něco pochopíte, potom až se rozhodnete si udělat stránku ve Wordpressu
nebo v jiném softwaru na tvorbu webových stránek, budete schopni
rozumět tomu, jak co funguje. Dále si povíme něco o kontextových tagách a nadpisech a různých věcech, které můžeme použít,
aby naše stránka měla odlišné významy a odlišný vzhled. Budeme se bavit o odkazech,
obrázcích, seznamech, tabulkách, a také o multimédiích, pokud byste chtěli
přidat nějaké video nebo audio na Vaši stránku. V třetím týdnu si to vše poskládáme dohromady. V tuto chvíli už byste měli vědět dost o HTML5,
abyste tušili, kde budete riskovat. Kde můžete vytvořit něco, co sice funguje,
ale nemusí fungovat vždy. V třetím týdnu si to všechno poskládáme
dohromady a řeknu Vám i o věcech, které jsou často přehlíženy,
jako je "kontrola platnosti" Vašeho kódu. Jak se ujistíme, že kód, který jsme
napsali, jen nevypadá dobře, ale je i syntakticky správně? Bude fungovat všude. No zase když ověříme platnost Vašeho kódu,
budeme se bavit o syntaxu, ale také se budeme bavit o přístupnosti, no jo, zkontrolovali jsme si kód,
abychom věděli, že je podle pravidel. Ale také si zkontrolujeme a ujistíme se, že stránka má i význam. Nakonec si povíme i o registraci názvu domény a webovém hostingu, protože je mnohem
zábavnější dělat stránky, když je pak můžeme opravdu dát na internet
a ukázat tak kamarádům a rodině. Nakonec budeme pracovat na závěrečném
projektu, kde dáte dohromady různé věci, ktré jste se naučili. Vytvoříte něco, čemu říkáme syntakticky platná
vícestránková webová stránka. Vaše stránka bude mít přinejmenším dvě až tři stránky. Po skončení kódování si stránku
zkontrolujete, abyste si byli jistí, že je platná a přístupná. Váš závěrečný projekt bude ve skutečnosti poněkud ošklivý. Přiznávám to rovnou, protože se vůbec
nebudeme bavit o úpravách stylu, ani o jiných věcech. Chci Vás jen naučit chápat jazyk HTML5 a ten je jen o obsahu. A teď něco k organizaci. Pro koho je tento kurz určen. Kdo bude mým nejlepším studentem? Nejvíc se těším na úplného začátečníka. Tenhle kurz není pro někoho,
kdo si stavěl svůj počítač někde ve sklepě už když mu bylo 12 let. Můžete se k nám přidat, ale jsme tu skutečně jen kvůli tomu, abychom s trochou
trpělivosti vytvořili webovou stránku. Jedna věc, kterou tak trochu nerada
používám, je slovo nadšení. Tedy já jsem nadšená, že Vás
tenhle materiál můžu naučit, ale opravdu si nemyslím že Vy
musíte být nadšenci technologie nebo nadšenci programování,
abyste se v tomto kurzu hodně naučili. Spíš bych řekla, že je to o vytrvalosti. Chtěla bych, abyste to vydrželi
a naučili se toho tak akorát, abyste mohli lidem pomoci
budovat lepší technologie. Trošku něco o mně,
mám PhD v počítačových vědách, což je asi nejméně důležitá část
mé kvalifikace pro výuku tohoto kurzu. Mám dvě desetiletí praxe ve vyučování a učila jsem široké spektrum různých studentů. Vždycky jsem kladla důraz na vzdělání a
jsem tak trochu známá svým pobíháním po třídě a pomáháním lidem
s odstraňováním chyb z jejich kódu, zjišťováním co se děje tam či jinde. Celý ten nápad s učením tohoto kurzu je pro mě nový, protože tu jen sedím a nehýbu se. Důležité je, že mi opravdu jde o to, aby lidé uspěli, a tak doufám, že Vám pomůžu zvednout
Vaše praktické dovednosti na vyšší úroveň. Tady je to, co všichni chtějí vědět. Jaká pracovní náplň bude v tomto
kurzu a jak se bude hodnotit? V tomto kurzu budete mít videa na každý týden. Některá z nich budou jako toto,
formou přednášky. Můžete si je pustit
kdykoliv se Vám zachce, ale ráda bych zahrnula i videa, která
budou mít spíš instruktážní formát. Tím myslím že budete sledovat video
s počítačem u sebe, abyste mohli současně sami psát a zkoušet. Bude i nějaké čtení na každý týden. Většina z toho bude z online učebnice,
která je zdarma přístupná, ale můžou se objevit i nějaké internetové články, pokud narazím na něco, co se zrovna
bude hodit k tomu, co se učíme. Každý týden si nějak shrneme,
obvykle formou kvízu. Na konec vytvoříme závěrečný projekt
a rovnou Vás varuju, bude ošklivý. Tedy nemyslím tím jeho tvorbu. Myslím, že na to brzy přijdete. Ještě jednou zdůrazňuji, že tento kurz je o jazyku HTML5,
ne o tvorbě krásných stránek Je to opravdu o tom naučit se
položit základní kameny a je snažší nejdřív postavit něco
ošklivého než něco krásného. Jak úspěšně projdu tímto kurzem? V dokonalém světě by to bylo
kódování spolu se dvěma třemi lidmi a diskutovali byste a nikdy
byste nekódovali sami. Doufám, že si vytvoříte komunitu,
třeba skrz message boardy. Chci po Vás, abyste pracovali chytře. Co mě ničí, je poslouchat, když
někdo říká, že strávil tři čtyři hodiny práce na něčem. To od studentů nechci slyšet. Namísto toho cítím, že pokud narazíte
na problém, když kódujete, měli byste po 10, 15, 20 minutách
přestat a odejít od toho. Zkuste někoho požádat o pomoc, dát si
pauzu a chvíli myslet na něco jiného. Je to o tom pracovat chytře
a ne nutně tvrdě. Dále se potřebujete naučit si
věci sami dohledávat. Je skoro nemožné, abych Vás naučila úplně všechno,
co o HTML 5 potřebujete vědět, a ani to po mě nechtějte,
bylo by to opravdu nudné. Místo toho byste si měli věřit a pustit se do hledání přes vyhledávače a zjistit si
informace o tématech, která Vás zajímají. Mou prací je Vám dát klíčová
slova a zásadní ideje, takže budete vědět, co hledáte. A naonec potřebujete trénovat, trénovat a trénovat! V tomoto kurzu neuspějete, pokud si
kód sami nenapíšete a nevyzkoušíte si projít některými chybami a překlepy, které budete mít. Zopakujme si to. Ještě jednou, tento kurz je pro začátečníky
a jsem moc ráda, že jste se přidali. Až kurz dokončíte, budete moci psát a rozumět kódu HTML5. Neskončíte jako vývojář, ale budete kurz končit jako
někdo, kdo kódu rozumí. Nakonec jedna klíčová věc, kterou
budu v kurzu zdůrazňovat, je, že budete chápat důležitost
přístupnosti v technologiích. Jednou, když tenhle kurz skončil,
mi jeden student řekl: "Víš co, budu v tom pokračovat, a i když třeba nebudu
kodér, budu spolupracovat s někým jiným a pomůžu mu udělat jeho kód víc
přístupný, to by se mi líbilo". Vítejte v kurzu a doufám, že se budete během
učení HTML5 dobře bavit.