Začněte s CoffeeScript

Mnoho vývojářů v minulosti, když jim bylo řečeno JavaScript trpěli více, než bylo nutné, protože to nebylo možné najít skutečné výhody tohoto jazyka, který běží v prohlížeči.
Po mnoha letech nejistoty byly knihovny poskytující funkce shrnuty jako jQuery nebo Mootools, získal důvěru v jazyk znovu, ale to nebylo až do vzhledu projektů, jako je Node.js že to ve skutečnosti nebylo vzato v úvahu. Jediný problém s JavaScript je, že jeho syntaxe je zastaralá s tím, co vývojáři nyní hledají, například vidíme jak Rubín nebo Krajta jsou velmi úspěšní díky čistotě, se kterou jsou jejich show vystavovány.
CoffeeScriptStejně jako ve světě technologií není nic nemožné a vždy existuje tým, který chce změnit svět CoffeeScript, jazyk, ze kterého vychází JavaScript a to nám pomáhá mít čistší syntaxi, poté, co napíšeme naše programy, jsou zkompilovány a transformovány do JavaScript Pure tedy udržuje kompatibilitu s platformami, kde běží.
Umět si užívat CoffeeScript Nejprve musíme splnit některé požadavky, tímto způsobem můžeme mít přístup k jeho kompilátoru, ale nejen to, musíme mít také základní představu o počátečních příkazech, abychom mohli začít spouštět naše programy.
První věc, kterou budeme potřebovat, je Node.js s tímto nástrojem budeme mít k dispozici správce balíčků s názvem npm pomocí kterého můžeme nainstalovat celé prostředí CoffeScript velmi jednoduchým způsobem. Nejlepší způsob instalace Node.js Je to prostřednictvím oficiálních instalačních programů na nodejs.org, jak vidíme na následujícím obrázku, máme verze pro téměř všechny platformy, které chceme:

ZVĚTŠIT

V případě tohoto tutoriálu budeme pracovat s verzí pro Okna. Jakmile jsme nainstalovali Node.js můžeme otestovat, že instalace proběhla úspěšně, provedením následujícího příkazu:

 uzel -v

To by nám mělo vrátit obrazovku s verzí, kterou máme v našem systému, pokud se tak nestane, musíme naši instalaci ověřit, protože není správná, podívejme se, jak vypadá její provedení:

Nyní, když máme Node.js nyní je čas nainstalovat CoffeeScript, v minulosti jsme museli instalovat npm kromě toho je však v nejnovějších verzích již zahrnut, takže abychom splnili náš cíl, musíme zadat pouze následující příkaz:

 npm install -g coffee -script

Vidíme, že jsme umístili a -G, to znamená, že instalace je globální, aby bylo možné mít CoffeeScript v celém našem systému bude provádění příkazu trvat několik sekund, než stáhne vše potřebné.
Nakonec můžeme v naší příkazové konzole provést následující, abychom ověřili, že instalace proběhla správně a bez problémů:

 káva -v

Poté bychom měli mít výsledek podobný následujícímu obrázku:

Tímto jsme úspěšně dokončili instalaci jazyka CoffeeScript, ale nejen toto, máme také Node.js které nám v budoucnu poslouží pro další nástroje a vývojová prostředí.
DůležitéPřestože se tento proces provádí v Okna Je v podstatě stejný pro všechny platformy, možná nejvíce se mění způsob instalace Node.js, ale použití npm pro instalaci CoffeeScript je stejný.
Protože jsme úspěšně nainstalovali naše požadavky, nyní vytvoříme náš první program, proto musíme spustit skořápka nebo interaktivní konzole CoffeeScript, proto jednoduše umístíme slovo do naší konzoly nebo terminálu operačního systému, kde jsme provedli instalaci káva a vstoupíme do zmíněného shellu.

Jakmile tam budeme, umístíme následující kód, který není nic jiného než a Ahoj světe začít s touto novou technologií. Začneme deklarací proměnné, proto umístíme její název, znaménko rovnosti a poté její obsah, v případě příkladu by to bylo následující:

 pozdrav = "Svět"

Tlačíme VstupteNyní vytvoříme textový řetězec, do kterého zahrneme proměnnou, k tomu stačí umístit znak libry # a mezi klíče název proměnné, například:

 "Ahoj! #{Pozdrav}!"

Pro dokončení stiskneme Vstupte znovu a dostaneme své Ahoj! Svět! výsledek, jak vidíme na následujícím obrázku:

Jakmile dokončíme náš první program, určitě budeme chtít trochu oslavit, a proto nechceme nechat shell aktivní, takže pokud ho chceme opustit, musíme pouze stisknout klávesy CTRL + D a s tím se vrátíme do naší konzoly operačního systému.
Protože psaní všeho v konzole není něco, co budeme v našich aplikacích používat často, musíme se naučit kompilovat naše soubory; kompilací rozumíme překlad, který je vytvořen z kódu CoffeeScript na JavaScript tímto způsobem lze výsledek provést na všech platformách, které jej podporují.
Jediné, co kromě toho, co již máme, potřebujeme, je dobrý textový editor, jeden z nejpopulárnějších Vznešený textDobré na tom je, že existují tisíce rozšíření, pomocí kterých můžeme dosáhnout dalších funkcí, které nám usnadní práci. Prozatím můžeme použít požadovaný editor, v příkladech uvidíme, jak se používá Vznešený text.
Přípona souboruVšechny naše soubory musí končit příponou .káva s tímto budeme vědět, že tyto odpovídají CoffeeScript, vytvoříme malý příklad, který nám ukáže výstrahu se zprávou, poté ji zkompilováme a uvidíme výsledek.
Vytvoříme soubor s názvem příklad 1. káva a v rámci něj umístíme následující obsah:

 upozornění "Vítejte !!"

Ke kompilaci našeho souboru stačí spustit následující příkazový řádek:

 káva -c příklad 1. káva

Tato akce vygeneruje soubor .js volala příklad1.jsJak si to můžeme představit na následujícím obrázku:

ZVĚTŠIT

Který bude mít následující obsah:

 upozornění („Vítejte !!“);

Nyní se jistě ptáme, jaký je užitečný kompilace souborů .káva, odpověď je taková, že můžeme bez problémů použít náš kód na stránce, děláme to kvůli souboru .káva Nebude moci být interpretován prohlížečem, tedy kompilovaným výsledkem, kterým je soubor .js je ten, díky kterému bude naše stránka fungovat.
Chcete -li zobrazit výše vysvětlené ve stejném adresáři nebo složce, kde kompilujeme naše příklad 1. káva vytvoříme nový soubor, toto bude soubor HTML normálně tomu budeme říkat example2.html a v rámci něj uděláme odkaz příklad2.js, podívejme se na potřebný kód:

 Naše aplikace s CoffeeScript 

Po spuštění v našem prohlížeči by to mělo vypadat takto:

Nyní vytvoříme soubor s názvem příklad 2. káva a umístíme následující kód:

 jazyk = {ourlanguage: {name: "Coffee"}} ourElement = document.getElementById ("language") ourElement.innerHTML = language.ourlanguage.name

Sestavujeme a aktualizujeme naše HTML z předchozího kroku:

Jak jsme si všimli, konečné slovo názvu se změnilo, pokud soubor znovu upravíme příklad 2. káva a umístíme CoffeScript, aby se změny projevily bez nutnosti kompilace, stačí spustit následující příkaz:

 káva -c.

Tímto provedeme aktualizaci .js které vyžadovaly změny na základě souborů.káva upraveno, podívejme se:

A nakonec při aktualizaci našeho souboru HTML Uvidíme, jak se projeví změny provedené v našem kódu:

Tento proces kompilace pokaždé, když něco změníme, je trochu těžký, zvláště pokud musíme změnit velké množství souborů v různých složkách, proto můžeme kompilátor přimět „pozorovat“ a pokaždé, když vidí nebo detekuje změnu do soubor okamžitě překompilovaný, aby byla naše aplikace aktuální.
Abychom toho dosáhli, musíme jednoduše zadat příkaz:

 káva -w -c.

Tímto kompilujeme celý adresář a řekneme kompilátoru, že když dojde ke změně v souboru, aby byl znovu kompilován. Podívejme se na následujícím obrázku, jak vytvořit protokol při provádění změn v souborech se to vše děje automaticky:

Osvojením si těchto základních částí a jejich fungováním získáme velmi důležité znalosti, které nám pomohou růst jako vývojáři. Důležité je dobře zvládnout koncepty kompilace a vidět výsledný soubor, díky tomu se postupně naučíme výhody JavaScript jako moderní vývojový jazyk.
Tím jsme tento tutoriál dokončili, jak vidíme pracovat s CoffeeScript Ve svých začátcích je to něco docela jednoduchého, samozřejmě jako všechny programovací jazyky má křivku učení, nicméně není tak vysoká a složitá jako jiné jazyky.