zajímavý

Naučte se, jak kódovat část I: Proměnné a základní typy dat

Chcete se naučit kódovat, ale nevíte, kde začít? Dostali jsme tě na sebe. Celý týden vás naučíme základům a tady je vaše první lekce.

Dříve jsme vám poskytli několik zdrojů, jak se naučit kódovat, a dali jsme vám široký přehled o procesu, ale nyní je čas začít podnikat: Nabízíme krátký kurz 101, krok za krokem. Nemůžete se naučit kódovat přes noc (nebo za týden), ale základy jsme rozdělili na několik lekcí, které budou vydány jako první čtyři části naší zbrusu nové série Goldavelez.com Night School .

Každá lekce bude založena na videu (jak vidíte výše), ale také vám poskytneme textové poznámky a soubory, na které se můžete také odvolat. Každá lekce je navržena jako zvládnutelný kus informací, které můžete strávit za méně než 15 minut (a často mnohem méně). I když začínáme s naší první lekcí programování v 9:00 PST, následující tři hodiny budou zveřejněny každý den v 18:00 PST. Nezapomeňte se vrátit a navštívit nás na konci dne v úterý, středu a ve čtvrtek tento týden, abyste se naučili základům.

Naše první lekce bude velmi jednoduchá a bude spočívat v učení o základních proměnných a typech dat. Pro lekce v této sérii použijeme JavaScript jako model, protože je to syntaxe, která je docela snadno pochopitelná a je to něco, co může použít kdokoli s textovým editorem a webovým prohlížečem. Protože se jedná o jazyk založený na ECMA, je mnohem snazší se naučit porozumět jiným jazykům založeným na ECMA (jako je ActionScript). Ještě lépe zjistíte, že znalost psaní jazyka JavaScript usnadní přechod na jiné objektově orientované programovací jazyky. JavaScript je v podstatě snadno dostupný prakticky každému, kdo má počítač a prohlížeč, takže si myslíme, že je to opravdu dobrý výchozí bod. Jakmile budete mít základy dolů, mělo by být snadné začít se učit jiné jazyky.

Začněme!

Co jsou proměnné?

Můžete si představit proměnné jako označené nádoby, které ukládají různé typy dat. I když existuje několik druhů proměnných, dnes se podíváme pouze na tři:

  • String - Řetězcová proměnná je řetězec alfanumerických znaků a povolených symbolů, které jsou obsaženy v uvozovkách. Například: „Ahoj svět, dnes mi je 102 let!“ je příklad řetězce. Řetězce mohou být také obsaženy v jednoduchých uvozovkách, což je užitečné, pokud chcete mít řetězec s citátem jako je tento: „„ Nesnáším sníh, “řekla Laurel. Řetězce se v zásadě používají k ukládání textu.
  • Number - Proměnná číslo nemůže být jednodušší, protože všechny uložené proměnné čísel jsou čísla. Neukládáte je do uvozovek jako řetězce. Místo toho lze čísla psát tak, jak jsou. Pokud chcete uložit číslo 9 do proměnné, stačí napsat 9.
  • Boolean - Booleovská proměnná je jedna ze dvou věcí: nebo. Tento typ dat je jako vypínač, takže můžete v kódu položit pravdivé nebo nepravdivé otázky. Můžete se například zeptat „právě přehrává video?“ Odpověď, kterou byste dostali, by byla booleovská proměnná. by znamenalo, že se video právě přehrává a že by to tak nebylo.

Jak tedy vložíte do kódu proměnnou (nebo proměnnou, jak se tradičně říká)? V JavaScriptu stačí pouze toto:

myVariable = "Ahoj svět!";

Na Var nebo Ne na Var

V JavaScriptu můžete definovat proměnnou jako myVariable = "something"; nebo var myVariable = "something";, přičemž rozdíl je slovo var před příkazem. Když deklarujete proměnné ve skriptu mimo funkci, je tento rozdíl do značné míry irelevantní. Když deklarujete proměnnou uvnitř funkce a používáte var vytvoří se globální proměnná. K globálním proměnným lze přistupovat odkudkoli ve vašem kódu, zatímco k lokálním proměnným (jako jsou ty definované ve funkcích) lze přistupovat pouze v rámci jejich vlastního rozsahu (např. Pokud je proměnná lokální pro funkci, může ji použít pouze tato funkce). Tohle není důležitý rozdíl hned v této minutě, ale když se později dozvíme o funkcích, bude dobré to vědět.

Zde je několik věcí, které si můžete všimnout. Nejprve jméno myVariable. Všechny programovací jazyky mají něco, co se nazývá vyhrazená slova, což znamená, že je nemůžete použít jako názvy proměnných. Co se liší, ale pokud je název dostatečně obecný, existuje šance, že by to mohlo být vyhrazené slovo. Chcete-li se vyhnout použití vyhrazených slov a zašifrování kódu, stačí se rozhodnout pro schéma pojmenování vašich proměnných. Před svou proměnnou jsem dal „můj“, ale pravděpodobně budete chtít přijít s něčím jiným. Za druhé si na konci řádku všimnete středníku. Středník je jako období na konci věty v mnoha programovacích jazycích, a to je jistě případ JavaScriptu. Téměř v každé situaci musíte ukončit kódové věty středníkem, aby se váš počítač při čtení nepletl. Středník řekne počítači: „Dobře, už jsem s tímto tvrzením udělal všechno.“ (Poznámka: JavaScript odpouští a někdy se můžete dostat i bez středníku, ale je to dobrá praxe.)

Ještě jedna věc, kterou je třeba poznamenat, je to, že JavaScript je volně psaný jazyk. Existují (v zásadě) dva druhy jazyků: volně psaný a přísně psaný. Příkladem striktně zadaného jazyka je ActionScript (jazyk Flash aplikace jsou psány) a stejné deklarace proměnné, kterou jsme právě napsali, budou vypadat takto v ActionScript 3:

var myVariable: String = "Ahoj svět!";

Přírůstky, které vidíte, jsou slovo a slovo (s dvojtečkou před ním). Slovo var říká počítači, že se chystáme deklarovat proměnnou. Řetězec: připojený k názvu proměnné říká počítači, jaký typ proměnné je, a nepřijímá žádný jiný typ. To je důvod tohoto termínu. Volně psaný jazyk, jako je JavaScript, je flexibilnější a nic z toho nevyžaduje. Díky tomu je váš kód flexibilnější, ale někteří budou argumentovat, že bude také náchylnější k chybám. Nebudeme se zde zabývat výhodami a nevýhodami přísně a volně psaných jazyků, ale je dobré si být vědomi základních rozdílů nyní, protože se s nimi s největší pravděpodobností setkáte při programovacím úsilí.

Nyní, když pochopíte, jaké proměnné jsou a jak fungují, můžeme je zkusit použít v nějakém skutečném kódu JavaScript.

Vytváření proměnných a použití funkce JavaScript Alert ()

Vytvořme jednoduchý dokument HTML, který můžeme použít k testování našich proměnných:

Když budete skutečně psát kód, budete chtít mít lépe definovaný dokument HTML, ale pro naše účely to bude fungovat dobře. Uložte výše uvedený kód jako soubor s názvem myscript.html (nebo cokoli, co končí na .html a neobsahuje mezery ani speciální znaky) a otevřete jej ve webovém prohlížeči. V titulním pruhu neuvidíte nic jiného než „Můj skript“. Stále musíme udělat více práce. Nejprve určme proměnnou uvnitř značky skriptu:

myVariable = 5;

Právě jsme zde prohlásili číslo. Pojďme se podívat na jiné typy proměnných, které můžeme deklarovat

myNumber = 5;

myString = "Ahoj svět!";

myBoolean = true;

To nám dává číslo, řetězec a boolean. Nyní si vezměte tuto proměnnou myString a skutečně s ní udělejte něco:

myNumber = 5;

myString = "Ahoj svět!";

myBoolean = true;

upozornění (myString);

Všimnete si, že jsem přidal alert(myString); na linku alert(myString); . To volá vestavěnou funkci JavaScriptu (o nich se dozvíme později) zvanou alert() která vytváří vyskakovací dialogové okno, s nímž uživatelé mohou komunikovat.

Co je "Ahoj svět!" všechno o?

Psaní jednoduchého programu, který říká "Ahoj svět!" je obecně první věc, kterou každý programátor dělá, když se učí, jak kódovat. Není to nutné, ale je to jakási tradice a zasvěcení do klubu.

V praxi je nikdy nechcete používat, protože - jak každý uživatel internetu pravděpodobně ví - výstražná políčka jsou velmi nepříjemná, ale umožňují dobrý způsob, jak otestovat váš kód a ujistit se, že funguje, zatímco píšete. Závorka následující upozornění umožňuje poskytnout výstrahu s údaji, které může potřebovat. Ne všechny funkce vyžadují, abyste jim poskytli informace, ale upozornění musí vědět, co upozornit uživatele. V tomto případě jsme jej dali myString, takže uživatel obdrží vyskakovací oznámení s nápisem „Ahoj svět!“ Zkuste to s dalšími proměnnými, abyste získali vyskakovací okna s číslem a booleovskou hodnotou.

Proč dávat výstrahu () proměnnou a nejen jí dát obsah proměnné? Pokud jste řekli upozornění („Ahoj svět!“), V tomto příkladu byste dosáhli stejného výsledku, ale proměnné se nazývají proměnné, protože jsou. Myšlenka je taková, že obsah nebo hodnoty těchto proměnných se budou měnit, jak uživatelé interagují s programy, které píšete.

Pokud jste připraveni podniknout další krok s proměnnými, podívejte se na naši druhou lekci, práce s proměnnými.

Můžete kontaktovat Adama Dachise, autora tohoto příspěvku, na Můžete ho také sledovat na Twitteru a Facebooku.