Programovací jazyk JavaScript je objektově orientovaný skriptovací jazyk původně vyvinutý společností Netscape Communications pod názvem LiveScript, později však přejmenován na „JavaScript“ a se syntaxí bližší Javě od Sun Microsystems. JavaScript byl později standardizován ECMA pod názvem ECMAScript. Microsoft nazývá své verze JScript.
Ke změně názvu z LiveScript na JavaScript došlo přibližně ve stejnou dobu, kdy Netscape zavedl podporu technologie Java v prohlížeči. Netscape Navigator. Tato změna způsobila mnoho zmatku v myslích těch, kteří se učí programovat pro začátečníky. Mezi Java a JavaScript neexistuje žádné skutečné spojení; jejich podobnosti začínají a končí podobnou syntaxí a skutečností, že oba jazyky jsou široce používány na internetu.
JavaScript je objektově orientovaný skriptovací jazyk, který interaguje prostřednictvím rozhraní zvaného Document Object Model (DOM) s obsahem, který lze spustit na straně serveru (webové servery) a na straně klienta ve webovém prohlížeči uživatele při prohlížení webových stránek. Mnoho webových stránek používá technologie JavaScript na straně klienta k vytváření výkonných dynamických webových aplikací v programování pro figuríny. Může používat Unicode a může využívat sílu a sílu regulárních výrazů (toto bylo zavedeno ve verzi 1.2 Netscape Navigator 4 a internet Explorer 4). Výrazy JavaScript obsažené jako řetězec lze spustit pomocí funkce EVAL.
Jednou z hlavních výzev pro JavaScript jsou malé funkce vložené do HTML stránky a umožňují vám komunikovat s DOM z prohlížeče a provádět určité úkoly, které nejsou možné ve statickém HTML: jako je otevření nového okna, ověření hodnot zadaných do formuláře, změna obrázku při umístění kurzoru atd. Bohužel psaní takových funkcí je docela zdlouhavé, protože prohlížeče nejsou standardizované, různé prohlížeče mohou vytvářet různé objekty nebo metody skriptování, a proto musíte často psát různé verze Funkce JavaScriptu pro různé prohlížeče, ale při učení základů programování to není příliš pohodlné.
JavaScript / ECMAScript podporují takové motory, jako jsou:
- nosorožec
- Pavoučí opice
životní prostředí
Komentář k označení je vyžadován, aby se zajistilo, že se kód nezobrazí jako text v prohlížečích, které nerozpoznají soubor . tagy v XHTM/XML dokumentech však nebudou fungovat, pokud budou zakomentovány. Moderní prohlížeče, které podporují XHTML a XML, jsou dostatečně dobře navrženy, aby rozpoznaly , takže v těchto dokumentech zůstává kód bez komentáře.
Element HTML může generovat interní události, ke kterým lze připojit obsluhu skriptu. Chcete-li vytvořit právo HTML dokument 4.01, musíte do sekce záhlaví dokumentu vložit příslušný výchozí příkaz skriptu.
Prvky jazyka
Proměnné
Proměnné jsou obvykle zadávány dynamicky. Proměnné jsou definovány buď jednoduchým přiřazením hodnoty, nebo pomocí operátoru "var". Proměnné deklarované mimo funkci jsou v „globálním“ rozsahu a jsou viditelné na celé webové stránce; proměnné deklarované uvnitř funkce jsou pro tuto funkci lokální. Pro předávání proměnných z jedné stránky na druhou může vývojář nastavit „cookie“ nebo použít skrytý rámeček či okno v Pozadí pro jejich skladování.
Datové struktury
Hlavním typem je datová struktura asociativního pole podobná hashům v programovacím jazyce Perl nebo ve slovnících Python, Postscript a Smalltalk.
K prvkům lze přistupovat pomocí čísel nebo přiřazených jmen (pokud byly definovány). Všechny následující výrazy tedy mohou být ekvivalentní:
MyArray,
myArray.north,
myArray["sever"].
Deklarace polí
MyArray = new Array(365);
Pole jsou implementována tak, že pouze určité (neprázdné) prvky budou využívat paměť, „vybijí pole“. Pokud nastavíme množinu myArray = "něco tam" a myArray = "tam něco jiného", pak jsme použili prostor pouze pro tyto dva prvky.
Objekty
JavaScript má několik druhů vestavěných objektů, jmenovitě Object, Array, String, Number, Boolean, Function, Date a Math. Ostatní objekty patří k objektům DOM (okna, formuláře, odkazy atd.).
Definováním funkcí konstruktoru můžete definovat objekty. JavaScript je prototypový objektově orientovaný jazyk. K jednotlivým objektům po jejich vytvoření můžete přidat další vlastnosti a metody. Chcete-li to provést, můžete použít prototypový příkaz pro všechny instance určitého typu objektu.
Příklad: Vytvoření objektu
// Funkce konstruktoru
Funkce MůjObjekt(atributA, atributB) ( tento.atributA = atributA tento.atributB = atributB )
// Vytvořte objekt
obj = new MyObject("red", 1000)
// Přístup k atributu objektu
alert(obj.attributeA)
// Přístupový atribut s asociativním označením pole
alert(obj["attributeA"])
Hierarchii objektů lze reprodukovat v JavaScriptu. Například:
Funkce Base() ( this.Override = _Override; this.BaseFunction = _BaseFunction; funkce _Override() ( alert("Base::Override()"); ) funkce _BaseFunction() ( alert("Base::BaseFunction()" ); ) ) function Derive() ( this.Override = _Override; function _Override() ( alert("Derive::Override()"); ) ) Derive.prototype = new Base(); d = new Derive(); d.Override(); d.BaseFunction();
V důsledku toho se na obrazovce objeví: Derive::Override() Base::BaseFunction()
Pokyny pro ovládání
If ... else if (podmínka) ( příkazy )
Cykly
while (podmínka) ( příkazy ) Do ... while do ( příkazy ) while (podmínka); Cyklus For for (; ; ) ( příkazy ) Cyklus For ... in
Tato smyčka prochází všemi vlastnostmi objektu (nebo prvku v poli)
for (proměnná v objektu) ( příkaz )
Operátor výběru
switch (výraz) ( case label1: příkazy; break; case label2: commands; break; default: statement; )
Funkce
Tělo funkce je obsaženo v (tělo může být prázdné) a seznam argumentů je uveden uvnitř () za názvem funkce. Funkce mohou po provedení vracet hodnotu.
Funkce(arg1, arg2, arg3) ( příkazy; návratový výraz; )
Jako příklad se podívejme na funkci založenou na euklidovském algoritmu největšího společného dělitele:
Funkce gcd(a, b) ( while (a != b) ( if (a > b) ( a = a - b; ) else ( b = b - a; ) ) return a; )
Počet argumentů při volání dané funkce nemusí nutně poskytovat tolik argumentů, kolik bylo zadáno při deklaraci funkce. Ve funkci lze k argumentům přistupovat také prostřednictvím pole argumentů.
Každá funkce je instancí funkce, základního typu objektu. Funkce lze vytvářet a přiřazovat jako jakékoli jiné objekty:
Var myFunc1 = new Function("alert("Ahoj")"); var myFunc2 = myFunc1; myFunc2();
Výsledek na obrazovce:
Uživatelská interakce
Většina uživatelských interakcí se provádí pomocí formulářů HTML, ke kterým lze přistupovat prostřednictvím HTML DOM. Existují však i některé velmi jednoduché prostředky komunikace s uživatelem:
Dialogové okno upozornění
Dialogové okno potvrzení
Dialogové linky
Stavový řádek
Konzole
Textové prvky mohou být zdrojem různých událostí, které mohou spouštět akce, pokud je registrována obsluha události EMCAScript. V HTML jsou tyto funkce obsluhy událostí často definovány jako anonymní funkce přímo ve značkách HTML.
JavaScript byl vytvořen programátorem Brendanem Eichem z Netscape a představen v prosinci 1995 pod názvem LiveScript. Poměrně rychle byl přejmenován na JavaScript, ačkoli oficiální název pro JavaScript je ECMAScript. ECMAScript je vyvíjen a udržován mezinárodní organizací ECMA (European Computer Manufacturers Association).
Co je JavaScript?
1) JavaScript je skriptovací nebo skriptovací jazyk. Skript je programový kód – sada instrukcí, která před spuštěním nevyžaduje předběžné zpracování (například kompilaci). Kód JavaScript je interpretován motorem prohlížeče během načítání webové stránky. Interpret prohlížeče provádí řádkovou analýzu, zpracování a provádění původního programu nebo požadavku.
2) JavaScript je objektově orientovaný jazyk s prototypickou dědičností. Podporuje několik vestavěných objektů a také umožňuje vytvářet nebo mazat vlastní (vlastní) objekty. Objekty mohou dědit vlastnosti přímo jeden od druhého a vytvářet řetězec prototypů objektů.
JavaScript na webových stránkách 1. Připojení skriptů k dokumentu HTMLJavaScriptové skripty mohou být inline, tzn. jejich obsah je součástí dokumentu a externí jsou uloženy v samostatném souboru s příponou .js. Skripty lze vložit do dokumentu HTML následujícími způsoby:
nebo tělo stránky.
Tato metoda se obvykle používá pro velké skripty nebo skripty, které se používají vícekrát na různých webových stránkách.
Jako obsluha události.
Každý prvek html má události JavaScriptu, které se spouštějí v určitém okamžiku. Musíte přidat požadovanou událost do prvku html jako atribut a zadat požadovanou funkci jako hodnotu tohoto atributu. Funkce volaná v reakci na spouštění události je obsluha události. Když je spuštěna událost, spustí se kód s ní spojený. Tato metoda se používá hlavně pro krátké skripty, například můžete nastavit, aby se barva pozadí změnila, když kliknete na tlačítko:
var colorArray = ["#5A9C6E", "#A8BF5A", "#FAC46E", "#FAD5BB", "#F2FEFF"]; // vytvoří pole s barvami pozadí var i = 0; function changeColor())( document.body.style.background = colorArray[i]; i++; if(i > colorArray.length - 1)( i = 0; ) ) Změnit pozadí
Uvnitř prvku.
Prvek lze vložit kamkoli do dokumentu. Uvnitř tagu je kód, který se provede ihned po načtení prohlížečem, nebo obsahuje popis funkce, která se provede v okamžiku, kdy je volána. Popis funkce lze umístit kamkoli, hlavní je, že v době, kdy je volána, je již načten kód funkce.
Kód JavaScript se obvykle umístí do záhlaví dokumentu (prvku) nebo za úvodní značku. Pokud je skript použit po načtení stránky, například kód čítače, je lepší jej umístit na konec dokumentu:
document.write("Zadejte své jméno");
2. Datové typy a proměnné v JavaScriptuPočítače zpracovávají informace – data. Data mohou být prezentována v různých formách nebo typech. Většina funkcí JavaScriptu je implementována prostřednictvím jednoduché sady objektů a datových typů. Funkce řetězců, čísel a logiky jsou založeny na řetězcových, číselných a booleovských typech dat. jiný funkčnost, včetně regulárních výrazů, dat a matematických operací, se provádí pomocí objektů RegExp, Date a Math.
Literály v JavaScriptu jsou speciální třída datového typu, pevné hodnoty jednoho ze tří datových typů – řetězec, číselný nebo booleovský:
"toto je řetězec" 3.14 true alert("Ahoj"); // "Ahoj" je doslovný var myVariable = 15; // 15 je doslovné
Primitivní datový typ je instance určitý typ data jako řetězec, numerická, booleovská, null a nedefinovaná.
2.1. Proměnné v JavaScriptuData zpracovávaná skriptem JavaScript jsou proměnné. Proměnné jsou pojmenované kontejnery, které ukládají data (hodnoty) v paměti počítače, které se mohou během provádění programu měnit. Proměnné mají název, typ a hodnotu.
Název proměnné nebo identifikátor může obsahovat pouze písmena a-z, A-Z, čísla 0-9 (číslo nemůže být prvním znakem v názvu proměnné), symbol $ (může být pouze první znak v názvu proměnné nebo funkce) a znak podtržítka _, mezery nejsou povoleny. Délka názvu proměnné není omezena. Je možné, ale nedoporučuje se psát názvy proměnných písmeny ruské abecedy, k tomu musí být napsány v Unicode.
Klíčová slova nelze použít jako názvy proměnných JavaScriptová slova. Názvy proměnných v JavaScriptu rozlišují velká a malá písmena, což znamená, že proměnná var message; a var Zpráva; - různé proměnné.
Proměnná je vytvořena (deklarována) pomocí klíčové slovo var následovaný názvem proměnné, například var message; . Před použitím musíte proměnnou deklarovat.
Proměnná je inicializována hodnotou pomocí operátoru přiřazení = , například var message="Hellow"; , tj. vytvoří se proměnná zprávy a do ní se uloží její počáteční hodnota "Ahoj". Proměnná může být deklarována bez hodnoty, v takovém případě je jí přiřazena výchozí hodnota undefined . Hodnota proměnné se může během provádění skriptu změnit. Na stejném řádku lze deklarovat různé proměnné oddělené čárkou:
Var message="Ahoj", number_msg = 6, time_msg = 50;
2.2. Variabilní datové typyJavaScript je netypovaný jazyk, datový typ pro konkrétní proměnnou není nutné při deklaraci uvádět. Datový typ proměnné závisí na hodnotách, které přijímá. Typ proměnné se může měnit během datových operací (dynamické přetypování). Převody typů se provádějí automaticky v závislosti na kontextu, ve kterém jsou použity. Například ve výrazech obsahujících číselné a řetězcové hodnoty s operátorem + JavaScript převede číselné hodnoty na řetězcové hodnoty:
Zpráva Var = 10 + "dní před dovolenou"; // se vrátí "10 dní do dovolené"
Datový typ proměnné můžete získat pomocí operátoru typeof. Tento operátor vrací řetězec, který identifikuje odpovídající typ.
Typ 35; // return "number" typeof "text"; // vrátí "string" typeof true; // return "boolean" typeof ; // return "object" typeof undefined; // vrátí "undefined" typeof null; // vrátí "objekt"
Všechny datové typy v JavaScriptu jsou rozděleny do dvou skupin – jednoduché datové typy (primitivní datové typy) a složené datové typy (složené datové typy).
Mezi jednoduché datové typy patří řetězec, numerický, booleovský, null a underfined.
2.2.1. Typ řetězcePoužívá se k uložení řetězce znaků uzavřených do dvojitých nebo jednoduchých uvozovek. Prázdná sada znaků uzavřená v jednoduchých nebo dvojitých uvozovkách je prázdný řetězec. Číslo uzavřené v uvozovkách je také řetězec.
Var peníze = ""; // prázdný řetězec, nula znaků var work = "test"; var den = "neděle"; var x = "150";
Do řetězce s dvojitými uvozovkami můžete vložit jednu uvozovku a naopak. Uvozovky stejného typu jsou uvozeny pomocí znaku zpětného lomítka \ (tzv. sekvence escape):
Document.writeln("\"Dobré ráno, Ivane Ivanoviči!\"\n"); // zobrazí "Dobré ráno, Ivane Ivanoviči!"
Řetězce lze porovnávat a také kombinovat pomocí operátoru zřetězení + . Díky automatickému odlévání typu můžete kombinovat čísla a řetězce. Řetězce jsou trvalé, jakmile je řetězec vytvořen, nelze jej upravit, ale lze vytvořit nový řetězec zřetězením jiných řetězců.
2.2.2. Číselný typ (číslo)Používá se pro číselné hodnoty. Čísla v jazyk Java Skript existuje ve dvou typech: celá čísla (celé číslo) a čísla s plovoucí desetinnou čárkou (číslo s plovoucí desetinnou čárkou). Celočíselné hodnoty mohou být kladné, například 1, 2, záporné, například –1, –2 nebo nula. 1 a 1.0 jsou stejné hodnoty. Většina čísel v JavaScriptu je zapsána desítková soustavačíselné soustavy, osmičkové a šestnáctkové soustavy lze také použít.
V desítkové soustavě se hodnoty číselných proměnných zadávají pomocí arabských číslic 1, 2, 3, 4, 5, 6, 7, 8, 9, 0.
V osmičkovém formátu je číslo posloupnost obsahující číslice 0 až 7, začínající předponou 0.
U hexadecimálního formátu se přidá předpona 0x (0X), po níž následuje sekvence čísel od 0 do 9 nebo písmen od a (A) do f (F), odpovídající hodnotám od 10 do 15.
Var a = 120; // celé číslo desítková číselná hodnota var b = 012; // osmičkový formát var c = 0xfff; // hexadecimální formát var d = 0xACFE12; // hexadecimální formát
Čísla s plovoucí desetinnou čárkou jsou čísla se zlomkovou desetinnou částí nebo jsou to čísla vyjádřená ve vědeckém zápisu. Vědecký zápis čísel má následující tvar: číslo se zlomkovou desetinnou částí, za nímž následuje písmeno e, které může být uvedeno jak velkým, tak malým písmenem, dále nepovinné znaménko + nebo - a exponent celého čísla.
Var a = 6,24; // reálné číslo var b = 1,234E+2; // reálné číslo, ekvivalentní 1,234 X 10² var c = 6,1e-2; // reálné číslo, ekvivalentní 6,1 X 10‾²
2.2.3. Booleovský typ(logická hodnota)Tento typ má dvě hodnoty, true, false. Používá se k porovnání a testování podmínek.
Var answer = potvrdit("Líbil se vám tento článek?\n Klikněte na OK. Pokud ne, klikněte na Storno."); if (odpověď == pravda) (upozornění("Děkuji!"); )
Existují také speciální typy jednoduchých hodnot:
typ null - tento typ má jedinou hodnotu null, která se používá k reprezentaci neexistujících objektů.
undefined type - typ proměnné underfined znamená absenci počáteční hodnoty proměnné a také neexistující vlastnost objektu.
Složené datové typy se skládají z více než jedné hodnoty. Patří sem objekty a speciální typy objektů – pole a funkce. Objekty obsahují vlastnosti a metody, pole jsou indexovanou kolekcí prvků a funkce se skládají z kolekce příkazů.
2.3. Globální a lokální proměnnéProměnné podle rozsahu se dělí na globální a lokální. Rozsah je část skriptu, ve které je název proměnné přidružen k této proměnné a vrací její hodnotu. Proměnné deklarované v těle funkce se nazývají lokální proměnné a lze je použít pouze v rámci dané funkce. Lokální proměnné se vytvářejí a ničí spolu s odpovídající funkcí.
Proměnné deklarované uvnitř prvku nebo uvnitř funkce, ale bez použití klíčového slova var, se nazývají globální. Lze k nim přistupovat, pokud je stránka načtena v prohlížeči. Tyto proměnné mohou být použity všemi funkcemi, což jim umožňuje vyměňovat si data.
Globální proměnné končí v globálním jmenném prostoru, kde dochází k interakci jednotlivých komponent programu. Nedoporučuje se deklarovat proměnné tímto způsobem, protože podobné názvy proměnných již mohou být používány jiným kódem, což způsobí zhroucení skriptu.
Globální prostor v JavaScriptu je reprezentován objektem globálního okna. Přidání nebo změna globálních proměnných automaticky aktualizuje globální objekt. Aktualizace globálního objektu zase automaticky aktualizuje globální obor názvů.
Pokud mají globální a lokální proměnná stejný název, bude mít lokální proměnná přednost před globální.
Lokální proměnné deklarované v rámci funkce v různých blocích kódu mají stejný rozsah. Je však doporučeno umístit všechny deklarace proměnných na začátek funkce.
Dříve jsem si nemyslel, že internet může poskytnout tak rozsáhlé možnosti pro rozvoj mého podnikání, ale čas plynul a konečně jsem objevil tento svět plný příležitostí. Internet poskytuje příležitost prodávat vaše produkty, širokou škálu z nich. Každý den počet uživatelů Celosvětová Síť roste a zároveň rostou naše schopnosti.
Kdysi jsem mnoha výdělkovým schématům nerozuměl, ale dnes mohu s naprostou jistotou říci, že základem každého podnikání v globální síti jsou webové stránky. Navíc nejen web, ale ten správný web. Navíc mnoho faktorů ovlivňuje, zda bude web ziskový. První, s čím se návštěvník jakékoli webové stránky setká, je rozhraní.
Věřte mi, jak atraktivní stránka bude určovat, zda na ní příležitostný uživatel zůstane nebo ne. Samozřejmě, pokud člověk čte vaše stránky delší dobu, pak vám odpustí různé chyby, kterých se ve funkčnosti stránek můžete dopustit. Ale poprvé bude rozhraní hrát klíčovou roli v tom, aby se klientovi váš web líbil. Jak se říká, „přivítají je oblečení, odradí je mysl“.
Chcete-li však vytvořit originální a nezapomenutelné oblečení pro váš web, budete muset vědět, k čemu javascript slouží. Ve skutečnosti bez JavaScriptu není možné vytvořit krásný a funkční web. Navíc nebude potřeba zahlcovat web tunami kódu. Bude stačit přidat jen pár řádků a různá tlačítka a položky nabídky „ožijí“ a stanou se atraktivnějšími. Mimochodem, skript JavaScript vám umožní procházet obrázky ve vašem portfoliu. Navíc můžete dále zvýšit funkčnost stránky při zobrazování dat. Zde je také potřeba JavaScript
Možná si mnozí mohou myslet, že to například funguje na dobrém CMS a ke správě takového blogu vůbec nepotřebujete znalost JavaScriptu. Na internetu najdete mnoho různých modulů a pluginů, se kterými můžete výrazně zlepšit funkčnost, přidat skvělé efekty atd. Neměli bychom však zapomínat, že webové technologie nestojí na místě, vše se neustále mění. Proto se vyplatí neustále sledovat vznik nových JavaScriptových knihoven, protože je možné, že dnešní balíčky umožní realizovat to, co se ještě včera zdálo pouhým snem. Proto, když mluví o aktualizaci webu, mají na mysli také použití JavaScriptu.
Nyní k učení JavaScriptu. Z nějakého důvodu se mnoho lidí domnívá, že učení tohoto programovacího jazyka je dostupné pouze pro pár vyvolených. Ale ve skutečnosti tomu tak není. Weboví programátoři neustále pracují na vytváření nových prvky JavaScriptu, což značně zjednodušuje jeho syntaxi a použití. Kromě toho můžete na stránkách svého webu používat kód JavaScript, pokud víte, jak používat příslušné příručky. Na pomoc přijdou úžasné videokurzy, s jejichž pomocí zvládne JavaScript během chvilky i naprostý laik.
Rád bych vyjádřil svou vděčnost Jevgeniji Popovovi, autorovi řady videokurzů o tvorbě webových stránek, za informační podporu. Včetně video kurzu „Javascript + jQuery pro začátečníky ve formátu videa“
JavaScript® (často zkrácený na JS) je interpretovaný programovací jazyk určený pro interakci s webovými stránkami. JavaScript běží na klientské straně internetu a používá se k programování toho, jak se budou webové stránky chovat, když nastanou určité události.
Co je JavaScript?JavaScript je multiplatformní, objektově orientovaný skriptovací jazyk, který vašim webovým stránkám dodává interaktivitu a odezvu.
JavaScript umožňuje vývojáři webu řídit, jak se webová stránka chová. Tím se JavaScript zásadně liší od HTML, jazyka, který je zodpovědný za strukturu webového dokumentu, a CSS, jazyka, který tvoří vzhled webové stránky.
Programy napsané v JavaScriptu se nazývají skripty. V prohlížeči jsou propojeny přímo s HTML dokumentem a jakmile se stránka načte, okamžitě se provedou. Proces provádění skriptu se nazývá „interpretace“.
Li PHP skript zpracovávány na straně serveru pomocí PHP tlumočníkem, pak je JavaScript spuštěn v prohlížeči uživatele tlumočníkem JavaScriptu.
Dnes každý prohlížeč podporuje JavaScript, díky čemuž je jazykem webu.
V JavaScriptový prohlížeč může dělat vše, co souvisí s manipulací s dokumentem HTML, interakcí s návštěvníkem a s určitými omezeními i se serverem:
- Zkontrolujte, zda jsou vlastní formuláře HTML správně vyplněny.
- Komunikujte s webovou kamerou, mikrofonem a dalšími zařízeními.
- Změňte styly prvků HTML, skryjte, zobrazte prvky atd.
- Zobrazte vyskakovací okna a dialogová okna.
- Reagovat na akce návštěvníků, zpracovávat kliknutí myší, pohyby kurzoru atd.
- Odesílejte požadavky na server a načtěte data bez opětovného načítání stránky.
JavaScipt je neuvěřitelně výkonný a efektivní jazyk, který byste rozhodně měli vyzkoušet!
JavaScript vs ECMAScriptTento tutoriál je napsán o jazyce, který je známý jako JavaScript. Oficiální standard, který definuje specifikace popisující jazyk, jej však nazývá ECMAScript.
Netscape předložil jazyk JavaScript organizaci Ecma International, jejíž aktivity se věnují standardizaci informací a komunikační systémy(ECMA byla původně zkratka pro European Computer Manufacturers Association), kde byla v roce 1997 přijata jako standard ECMAScript.
Tato standardizovaná verze JavaScriptu, nazývaná ECMAScript, funguje stejně ve všech aplikacích, které standard podporují. Vývojáři mohou použít otevřený jazykový standard k vývoji vlastní implementace JavaScriptu.
Formálně, když vývojáři odkazují na ECMAScript, obvykle mají na mysli „ideální“ jazyk definovaný standardem Ecma. Nejčastěji jsou tyto dva pojmy zaměnitelné. Proto se při odkazování na oficiální standard v tomto tutoriálu použije název ECMAScript a v ostatních případech se při odkazování na jazyk použije JavaScript. Učebnice bude také používat běžnou zkratku ES5 při odkazu na páté vydání standardu ECMAScript.
JavaScript není JavaNež se začnete učit JavaScript, měli byste pochopit, že JavaScript není Java. Tihle dva jsou perfektní různé jazyky programování. JavaScript nemá s jazykem Java nic společného kromě jeho podobné syntaxe.
Java je objektově orientovaný programovací jazyk vyvinutý společností Sun Microsystems od roku 1991 a oficiálně vydaný 23. května 1995. Java je mocný a mnohem složitější programovací jazyk, můžete toho napsat nejvíc různé programy. Existuje speciální příležitost pro internetové stránky - psaní appletů.
Applet je Java program, který lze připojit k HTML pomocí . Java applety se spouštějí pomocí kompilátoru. Java applety jsou vložené do webové stránky, ale jsou uloženy na disku jako samostatné soubory. Jedná se o binární soubory a pokud je otevřete, neuvidíte je zdroj applet.
Skripty JavaScript jsou umístěny na webové stránce a nemohou existovat odděleně od ní. Skripty JS nevyžadují ke spuštění kompilátor, spouští je prohlížeč na straně uživatele. JS skript je prostý text, a kód si můžete prohlédnout pouhým okem – bez speciálního softwaru.
Java je třídní jazyk, který je rychlý, vysoká úroveň ochranu a spolehlivost. Třídně orientovaný model Java znamená, že programy se skládají výhradně z tříd a jejich metod. Dědičnost tříd a silné psaní v jazyce Java obvykle vyžadují úzce propojené hierarchie objektů. Tyto požadavky dělají programování v Javě složitější než programování v JavaScriptu.
JavaScript je lehký programovací jazyk, který má jednoduchou syntaxi, specializované vestavěné funkce a minimální požadavky k vytváření objektů. Nemusíte deklarovat proměnné, třídy a metody. Nemusíte se starat o to, zda jsou metody veřejné, soukromé nebo chráněné, a nemusíte implementovat rozhraní. Proměnné, parametry a návratové typy funkcí skriptů JS nejsou explicitně zadány.
Co potřebujete, abyste se naučili JavaScript?Nejsou vyžadovány žádné předchozí znalosti JavaScriptu, ale protože JavaScript sídlí na webových stránkách a řídí jejich dynamiku, předpokládá se, že jste obeznámeni se základy HTML, i když je možné, že JavaScript poběží paralelně.
Většina JavaScript skripty jsou určeny k „oživení“ HTML, tedy účelem vytvoření skriptu je ukázat, jak se změní vzhled stránky při změně hodnot parametrů HTML tagu. Shromážděné a správně naformátované tyto typy scénářů jsou příkladem vyvinuté webové aplikace.
Než začneme psát svůj první JavaScriptový program, je velmi důležité se ujistit, že máme všechny potřebné nástroje nakonfigurované a na místě.
Při učení JavaScriptu je důležité spustit příklady uvedené v každé lekci, upravit je a znovu spustit, abyste viděli, jak dobře rozumíte látce, kterou jste se naučili. To vyžaduje interpret JavaScriptu. Naštěstí, jak již víte, každý webový prohlížeč obsahuje interpret JavaScriptu.
K psaní a spouštění programů JavaScript stačí nainstalovat jakýkoli moderní internetový prohlížeč (například Yandex, Internet Explorer, Mozilla Firefox nebo Google Chrome).
Později v tomto tutoriálu uvidíte, že kód JavaScript lze vložit přímo do souborů HTML, do značek a po načtení souboru HTML bude kód spuštěn prohlížečem. Stojí za zmínku, že to nemusíte dělat pokaždé, když chcete otestovat krátký úryvek programový kód JavaScript.
Nejjednodušší způsob, jak experimentovat s kódem JavaScript, je použít vestavěný nástroj Web Console ve vašem prohlížeči.
Webovou konzoli lze obvykle spustit stisknutím klávesy F12 nebo kombinace kláves – Ctrl + Shift + J. Panel nebo okno typického „nástroje pro vývojáře“ se obvykle otevírá jako samostatný panel v horní nebo spodní části okna prohlížeče, jak je znázorněno na Obr. 1.
Panel obsahuje mnoho záložek, které vám umožňují prozkoumat strukturu dokumentu HTML, CSS styly atd. Mezi nimi je záložka JavaScript Console, kde můžete zadávat řádky kódu JavaScript a spouštět je.
Více podrobná analýza potřebujeme programový kód textový editor s dalšími funkcemi, které zjednodušují psaní a úpravy programového kódu. Jako takový použijeme editor Notepad++. Pokud již používáte jiný editor a dokázali jste si na něj zvyknout, pak vám nic nebrání v jeho používání pokračovat.
S většinou příkladů uvedených v našem tutoriálu můžete experimentovat přímo na stránce webu pomocí vestavěného nástroje – minieditoru JS.
Chcete-li vidět výsledek spuštění skriptu v novém okně, klikněte na ikonu a pokud chcete v kódu něco změnit, klikněte na ikonu
Toto je běžný dokument HTML
Vracíme se zpět do HTML
Poznámka: V jednoduchých experimentech s JavaScriptem, jako je tento, můžete také vynechat značky , v souboru HTML.
Naučit se JavaScript, stejně jako jiné programovací jazyky, není snadný úkol, ale rozhodně stojí za námahu a čas. Učení je efektivní, když se nedává jen tak, ale s námahou. Musíte vynaložit vědomé úsilí, abyste se naučili nové dovednosti a schopnosti. Vědomosti získané bez námahy jsou jako vlnky na vodě – velmi brzy po nich nezůstane ani stopa.
Od e-knih přes bezplatné online kurzy až po vzdělávací platformy založené na výzvách – možnosti kvalitních zdrojů znalostí jsou dnes téměř neomezené. Ale jak se k tomu motivovat samostudium Jak se naučit samostatně studovat?
Zkuste se řídit několika jednoduchými, ale osvědčenými tipy.
Musíte se učit postupně, ale pravidelně. Pravidelnost je klíčem k úspěchu v učení. Naplánujte si svůj denní režim tak, abyste se mohli každý den alespoň jednu hodinu věnovat učení JavaScriptu. Nesnažte se naučit vše najednou v krátkém časovém úseku. Rozdělení procesu sebevzdělávání na malé studijní sezení vytváří pocit rychlého úspěchu a motivuje vás k tomu, abyste se k učení vrátili další den.
Nejhorší čas na učení je, když se cítíte unavení. V takových chvílích je hlavní nenutit se - nedosáhnete očekávaného výsledku. Lidský mozek se nemůže něco učit donekonečna – je potřeba mu dávat přestávky. Cvičte podle principu 25/5. Vyzkoušejte nácvik výuky 25 minut a 5 minut odpočinku. Váš mozek si na takové rovnoměrné zatížení zvykne a bude pracovat co nejproduktivněji.
Používejte postupy vzpomínání – základ učení. Čím častěji si informace vybavujeme, tím déle nám budou uloženy v paměti.
Účinnou technikou je opožděné vybavování si: na kartu na jednu stranu napište otázku, která se týká látky, kterou jste studovali, a na druhou stranu na ni odpověď. Naučte se obsah karty a po dni si zkuste zapamatovat odpověď. Pokud jste odpověděli správně, lze kartu odložit na týden do dalšího opakování. Pokud uděláte chybu, musíte otázku zopakovat další den. Čím delší je váš řetězec úspěšných odpovědí, tím delší by měl být interval před dalším opakováním.
Souběžně s teoretickým studiem neustále procvičovat. Abyste získali praktické zkušenosti, stačí hodně psát a analyzovat příklady dobrého kódu. Při práci s příklady pečlivě projděte všechny řádky kódu - musíte se ujistit, že rozumíte tomu, jak každý řádek funguje. Nebojte se experimentovat. Naučte se zobrazovat některá data v okně prohlížeče a analyzovat je. Například, co se zobrazuje na obrazovce a po čem, dostali jste, co jste chtěli, a pokud ne, tak proč.
Ať už zvolíte jakoukoli metodu učení, nezapomeňte, že by pro vás měla být zajímavá a podpořená praktickými cvičeními – příklady vydá za tisíc slov. Příklady jsou často srozumitelnější než mnohastránková teorie. Tak buďte odvážní! Doufám, že vám tento tutoriál bude dobrým pomocníkem ve vašem úsilí.
Pokud ještě neznáte pojem Javascript, pak o tomto.
V této poznámce jsem chtěl mluvit o tom, proč je Javascript potřebný a co s ním můžete dělat.
Jako každý programovací jazyk je hlavním úkolem Javascriptu vytvořit sekvenci akcí, které povedou ke konkrétnímu výsledku.
Mohou to být podmínky „když-pak“, smyčky, které vytvářejí určitou sekvenci akcí, matematické výpočty atd.
Nejdůležitější je, že všechny tyto operace lze provádět na webových stránkách, v okně prohlížeče. Kromě toho může javascript fungovat i bez připojení k internetu.
Podívejme se tedy na řadu příkladů, které demonstrují schopnosti, kterých lze dosáhnout pomocí Javascriptu. Podmíněně jsem je seřadil do několika skupin, abyste měli určité pochopení toho, co Javascript dělá a proč je potřeba.
1) Matematické operace
Na webových stránkách je často potřeba provést určité výpočty.
Například existují dvě textová pole a ve třetím textovém poli je třeba zobrazit součet dvou čísel, která jsou zadána v prvních dvou.
Pomocí Javascriptu můžete vytvořit kalkulačku a umístit ji na webovou stránku.
Zde je příklad takové kalkulačky:
Jiná situace, vezmeme nějaký textový řetězec na webové stránce, potřebujeme zvětšit její velikost 1,5krát. To lze také provést pomocí matematických výpočtů, vynásobením aktuální velikosti faktorem 1,5.
Úloh, které v praxi vyžadují výpočty, je spousta. To vše vám Javascript umožňuje.
2) Zpracování a validace dat ve formulářích HTML
Javascript umožňuje zkontrolovat, zda jsou vyplněna všechna povinná pole a zda se údaje, které obsahují, shodují požadovaný formát(pokud jsou například vyžadována čísla, měla by obsahovat pouze čísla a žádná písmena).
Javascript to dělá bez opětovného načtení stránky a dokonce i bez připojení k internetu.
Před odesláním dat na server jsou data předem zkontrolována v Javascriptu. Tím se snižuje zatížení serveru.
3) Uživatelské interakce a události
Na webové stránce se mohou objevit různé efekty v závislosti na tom, jaké akce uživatel provádí.
Rozbalovací nabídka na webu při najetí kurzorem myši.
Když kliknete na tlačítko, skryjete nebo zobrazíte nějaký prvek na stránce.
Když se kurzor myši přesune mimo okno prohlížeče, objeví se vyskakovací okno.
Výpadek proudu Pozadí a efekty prolínání prvků jsou implementovány v Javascriptu.
4) Interakce s prvky HTML na stránce a manipulace s jejich obsahem a styly.
Když dojde k určité události (například kliknutí myší nebo jakákoli jiná), můžete změnit vzhled (styly CSS) prvků na stránce.
To vše se děje programově.
Můžete k nim také přidat nějaké HTML tagy nebo atributy, také když nastane určitá událost.
5) Přidání animací a různých grafických efektů na webové stránky.
Padající a pohybující se předměty. Například sníh na místě.
Hladký vzhled a skrytí předmětů
Odpočítávadlo
A další efekty jsou implementovány v Javascriptu
Uvedl jsem zde jen malý seznam funkcí Javascriptu. Abyste vše viděli přehledně a s reálnými příklady, zde je seznam stránek, kde jsou zveřejněny fungující příklady v javascriptu:
Možnosti a rozsah Javascriptu jsou ve skutečnosti velmi rozsáhlé. Vše bude omezeno pouze vaší fantazií a kreativitou.