Úvod
Je působivé, co můžete dělat na webu dnes. Můžete vytvářet webová prostředí, která běží na všech zařízeních, včetně nejrůznějšího mediálního obsahu a provádět složité výpočty. Můžete dokonce vytvářet aplikace, které vypadají a vypadají jako nativní aplikace.
Pokud vás zajímá, jak začít s vývojem webů dnes, můžete se setkat se závratnou sadou možností. V tomto modulu se seznámíte se základními komponentami webu a některými nástroji, které můžete použít k zahájení vývoje webu. Společně použijete HTML, CSS a JavaScript k vytvoření webu a následnému použití vývojářských nástrojů v prohlížeči, abyste pochopili, co se děje.
S těmito základními znalostmi budete mít lepší kontext pro rozhodování v budoucnu při vytváření webových stránek; Ať už byste například měli zvolit architektury JavaScriptu, nebo vytvořit vlastní funkce JavaScriptu pro sestavení webu.
Začněme tím, že se podíváme, kam chceme jít.
Scénář
Představte si, že jste webový vývojář a byli jste požádáni, abyste web vaší společnosti oslovili širší škálu zákazníků. Pokud chcete zákazníkům umožnit přizpůsobení jejich prostředí na webu, rozhodnete se přidat podporu pro světlé a tmavé motivy. Vytvoříte malý web pro testování konceptu, který předvede podporu motivů pomocí šablon stylů CSS, a napíšete funkci JavaScriptu, která mezi těmito motivy přepíná.
Po dokončení bude váš web vypadat jako v tomto příkladu, když je vybraný tmavý motiv:
Co je na webové stránce?
Obsah, styl a interaktivní logika jsou oddělené do souborů HTML, CSS a JavaScript. Princip návrhu v moderním programování je oddělení obav. Mezi mnoho důvodů, proč oddělit obavy, dva jsou jednoduchost a opakované použití. Například pomocí stylů HTML elementů pomocí šablon stylů CSS můžete kód HTML zjednodušit. Místo kódování vzhledu v rámci každého prvku použijete styly CSS na všechny prvky na stránce bez ohledu na složitost stránky. Kromě toho můžete propojit více stránek HTML s jedním souborem CSS, který může zjednodušit konzistentní vzhled a chování na celém webu.