Zacznij korzystać z CoffeeScript

Wielu programistów w przeszłości, kiedy o nich mówiono JavaScript cierpieli bardziej niż to konieczne, ponieważ nie było możliwe znalezienie prawdziwych zalet tego języka działającego w przeglądarce.
Po wielu latach niepewności biblioteki, które dostarczają funkcjonalności podsumowane jako jQuery lub Mootools, sprawiło, że zaufanie do języka odzyskało się, ale dopiero po pojawieniu się projektów takich jak Node.js że tak naprawdę nie zostało to wzięte pod uwagę. Jedyny problem z JavaScript jest to, że jego składnia jest przestarzała w stosunku do tego, czego teraz szukają programiści, na przykład widzimy, jak Rubin lub Pyton odnoszą duże sukcesy ze względu na czystość, z jaką wystawiane są ich pokazy.
CoffeeScriptJak w świecie technologii nie ma rzeczy niemożliwych, a zawsze jest zespół, który chce zmienić świat, tak powstaje CoffeeScript, język oparty na JavaScript i to pomaga nam mieć czystszą składnię, po napisaniu naszych programów są one kompilowane i przekształcane w JavaScript Pure zachowując tym samym kompatybilność z platformami, na których działa.
Aby móc się cieszyć CoffeeScript Najpierw musimy spełnić pewne wymagania, w ten sposób możemy mieć dostęp do jego kompilatora, ale nie tylko to, musimy też mieć podstawowe pojęcie o początkowych poleceniach, aby móc zacząć wykonywać nasze programy.
Pierwszą rzeczą, której będziemy potrzebować, jest Node.js dzięki temu narzędziu będziemy mieli do dyspozycji menedżera pakietów o nazwie npm za pomocą którego możemy zainstalować całe środowisko CoffeScript w bardzo prosty sposób. Najlepszy sposób na instalację Node.js To dzięki oficjalnym instalatorom na nodejs.org, jak widać na poniższym obrazku, mamy wersje na prawie wszystkie platformy, które chcemy:

POWIĘKSZAĆ

W przypadku tego samouczka będziemy pracować z wersją dla Okna. Po zainstalowaniu Node.js możemy sprawdzić, czy instalacja się powiodła, wykonując następujące polecenie:

 węzeł -v

Powinno nam to zwrócić ekran z wersją, którą mamy w naszym systemie, jeśli tak się nie stanie, musimy sprawdzić poprawność naszej instalacji, ponieważ nie jest ona poprawna, zobaczmy, jak wygląda jej wykonanie:

Teraz, gdy mamy Node.js teraz czas na instalację CoffeeScript, w przeszłości musieliśmy instalować npm poza tym jednak w najnowszych wersjach jest już uwzględniony, więc aby spełnić nasz cel, wystarczy umieścić następujące polecenie:

 npm install -g coffee-script

Widzimy, że stawiamy -g, oznacza to, że instalacja jest światowy, aby móc mieć CoffeeScript w całym naszym systemie, podczas wykonywania polecenia zajmie to kilka sekund, podczas gdy pobierze wszystko, co niezbędne.
Na koniec możemy wykonać następujące czynności w naszej konsoli poleceń, aby sprawdzić, czy instalacja została przeprowadzona poprawnie i bez problemów:

 kawa -v

Po tym powinniśmy otrzymać wynik podobny do poniższego obrazu:

Tym samym pomyślnie zakończyliśmy instalację językową CoffeeScript, ale nie tylko to mamy też Node.js które posłużą nam w przyszłości do innych narzędzi i środowisk programistycznych.
WażnyChociaż proces jest prowadzony w Okna Zasadniczo jest tak samo dla wszystkich platform, być może najbardziej zmienia się sposób instalacji Node.js, ale użycie npm do instalacji CoffeeScript Jest taki sam.
Ponieważ pomyślnie zainstalowaliśmy nasze wymagania, teraz stworzymy nasz pierwszy program, w tym celu musimy uruchomić powłoka lub interaktywna konsola CoffeeScript, do tego po prostu w naszej konsoli lub terminalu systemu operacyjnego, w którym zrobiliśmy instalację będziemy umieszczać słowo Kawa i wejdziemy do wspomnianej powłoki.

Tam umieścimy następujący kod, który jest niczym więcej niż Witaj świecie zacząć korzystać z tej nowej technologii. Zaczynamy od zadeklarowania zmiennej, w tym celu umieścimy jej nazwę, znak równości a następnie jej zawartość, w przypadku przykładu wyglądałoby to następująco:

 powitanie = „Świat”

Pchamy Wchodzić, teraz utworzymy ciąg tekstowy, w tym będziemy zawierać zmienną, w tym celu musimy tylko umieścić znak funta # i pomiędzy Klucze nazwa zmiennej, na przykład:

 "Cześć! #{Powitanie}!"

Aby zakończyć wciskamy Wchodzić znowu i dostaniemy nasze Cześć! Świat! wynik, jak widać na poniższym obrazku:

Gdy skończymy nasz pierwszy program, na pewno będziemy chcieli trochę uczcić, a do tego nie chcemy pozostawiać powłoki aktywnej, więc jeśli chcemy z niej wyjść, wystarczy nacisnąć klawisze CTRL + D i po tym wrócimy do naszej konsoli systemu operacyjnego.
Ponieważ pisanie wszystkiego w konsoli nie jest czymś, czego będziemy często używać w naszych aplikacjach, musimy nauczyć się kompilować nasze pliki; przez kompilację rozumiemy tłumaczenie wykonane z kodu CoffeeScript do JavaScript w ten sposób wynik może być wykonany na wszystkich platformach, które obsługują to drugie.
Jedyne, czego potrzebujemy oprócz tego, co już mamy, to dobry edytor tekstu, jeden z najpopularniejszych to Wzniosły tekstDobrą rzeczą jest to, że istnieją tysiące rozszerzeń, dzięki którym możemy osiągnąć dodatkowe funkcjonalności ułatwiające nam pracę. Na razie możemy korzystać z wybranego przez nas edytora, na przykładach zobaczymy, jak jest używany Wzniosły tekst.
Rozszerzenie plikuWszystkie nasze pliki muszą kończyć się na .Kawa dzięki temu będziemy wiedzieć, że te odpowiadają CoffeeScript, stworzymy mały przykład, który pokazuje nam alert z komunikatem, następnie go skompilujemy i zobaczymy wynik.
Stworzymy plik o nazwie przykład1.kawa a w nim umieścimy następującą treść:

 alert "Witamy !!"

Aby skompilować nasz plik, wystarczy uruchomić następującą linię poleceń:

 kawa -c przykład1.kawa

Ta akcja wygeneruje plik .js zwany przykład1.js, jak możemy wizualizować na poniższym obrazku:

POWIĘKSZAĆ

Który będzie miał następującą treść:

 alert („Witamy !!”);

Teraz na pewno zastanawiamy się, jaka jest użyteczność kompilacji plików .Kawa, odpowiedź jest taka, abyśmy mogli bez problemu użyć naszego kodu na stronie, robimy to, ponieważ plik .Kawa Nie będzie mógł zostać zinterpretowany przez przeglądarkę, dlatego skompilowany wynik, którym jest plik .js to ten, który sprawi, że nasza strona będzie działać.
Aby wyświetlić powyższe wyjaśnienia w tym samym katalogu lub folderze, w którym kompilujemy nasz przykład1.kawa utworzymy nowy plik, to będzie plik HTML normalne, nazwiemy to przykład2.html i w nim zrobimy link do przykład2.js, zobaczmy potrzebny kod:

 Nasza aplikacja z CoffeeScript 

Po wykonaniu w naszej przeglądarce powinno to wyglądać tak:

Teraz utworzymy plik o nazwie przykład2.kawa i umieścimy następujący kod:

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

Kompilujemy i odświeżamy nasze HTML z poprzedniego kroku:

Jak zauważyliśmy, ostatnie słowo tytułu się zmieniło, teraz, jeśli ponownie zmodyfikujemy plik przykład2.kawa i stawiamy CoffeScript, aby zmiany zostały odzwierciedlone bez konieczności kompilacji, wystarczy uruchomić następującą komendę:

 kawa -c.

Tym, co robimy, jest odświeżanie .js które wymagają zmian na podstawie plików.Kawa zmodyfikowany, zobaczmy:

I wreszcie przy aktualizacji naszego pliku HTML Zobaczymy, jak odzwierciedlają się zmiany wprowadzone w naszym kodzie:

Ten proces kompilacji za każdym razem, gdy coś zmieniamy, jest nieco ciężki, zwłaszcza jeśli musimy zmienić dużą liczbę plików w różnych folderach, dlatego możemy sprawić, by kompilator „obserwował” i za każdym razem widzi lub wykrywa zmianę w plik natychmiast przekompiluje się, aby nasza aplikacja była aktualna.
Aby to osiągnąć musimy po prostu umieścić polecenie:

 kawa -w -c.

Dzięki temu kompilujemy cały katalog i mówimy kompilatorowi, że gdy nastąpi zmiana w pliku, aby skompilować go ponownie. Zobaczmy na poniższym obrazku, jak dziennik kompilacji podczas wprowadzania zmian w plikach wszystko to dzieje się automatycznie:

Opanowując te podstawowe części i sprawiając, że działają, zdobędziemy bardzo ważną wiedzę, która pomoże nam rozwijać się jako programiści. Ważne jest, aby dobrze poradzić sobie z koncepcją kompilacji i zobaczyć wynikowy plik, dzięki temu stopniowo poznamy zalety JavaScript jako nowoczesny język programowania.
Na tym zakończyliśmy ten samouczek, jak widzimy podczas pracy CoffeeScript Jest to coś dość prostego na początku, oczywiście jak wszystkie języki programowania ma krzywą uczenia się, jednak nie jest tak wysoka i złożona jak inne języki.