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.