JavaScript to jeden z tematów w wiadomościach na WordPress. Rest API zachęca programistów nie tylko do nauki interakcji z nim, ale także do ulepszania ich korzystania z bardziej wydajnych aplikacji internetowych WordPress.

Ale jeśli dopiero zaczynasz korzystać z JavaScript, możesz łatwo zgubić się w całej tej nowej technologii i żargonie. „chrząknięcie” może być hałasem, który wydajesz podczas próby debugowania kodu JavaScript, AJAX może być proszkiem do czyszczenia JavaScript, a REST może być tym, czego potrzebujesz, gdy wszystko jest gotowe.

W tym artykule omówimy większość żargonu tego nowego świata wokół JavaScript.

W związku z tym omówię następującą terminologię:

  • Podstawowe pojęcia
  • Księgarnie
  • Konstrukcje
  • System szablonów
  • Narzędzia programistyczne

Zacznijmy od Podstawowe pojęcia Musisz zrozumieć, aby lepiej przyswoić sobie pakiet.

javascript

Jeśli chcesz dowiedzieć się więcej, możesz to zrobić na JavaScript.com

Podstawowe pojęcia

Zacznijmy od najbardziej podstawowej koncepcji (To wszystko JavaScript). JavaScript jest językiem programowania „front-end”, co oznacza, że ​​działa na komputerze klienta. JavaScript może być używany do wszystkich rodzajów akcji dynamicznych: dodawania interakcji, pobierania danych, wyświetlania wyskakujących okienek. Nie ulegaj jednak pokusie, aby przesadzić.

Une księgarnia to katalog kodu, którego możesz użyć do ukończenia projektu. Dodaje dodatkowy kod, który upraszcza integrację funkcji lub po prostu poprawia szybkość programowania.

Un Framework jest podobny do biblioteki, ale większy w tym sensie, że jest zbiorem bibliotek i kilku funkcji.

System szablonów JavaScript pozwala uniknąć powtarzania się i jest zgodne z koncepcją „ Nie powtarzaj się: SUCHE”. Odnosi się do części widoku modelu projektowego "MVC", co pozwala uniknąć konieczności wielokrotnego pisania tego samego kodu. To trochę jak „ templatage na tematy”.

Model MVC jest ogólnie opisywany przez frameworki i biblioteki. Każda księgarnia ma tendencję do skupiania się na jednym z tych trzech elementów (Widok kontrolera modelu). Model jest strukturą danych (w WordPress odnosi się to do bazy danych). Vue to element odnoszący się do interfejsu użytkownika (tekst, obraz, przycisk, animacja itp). contrôleur to połączenie między modelem a widokiem. Kod, który piszesz, pobiera element ze strony w celu interakcji z danymi.

reuterstv

Reuteurs.tc przykład aplikacji na Single Page.

Aplikacja jednostronicowa to strona internetowa z pojedynczą stroną, która zachowuje się nie jak witryna z wieloma stronami, ale jak aplikacja. Różnica polega na tym, że strony odświeżają się za pomocą JavaScript. Oznacza to, że zawartość jest wstępnie ładowana, co znacznie skraca czas ładowania strony.

Wady to z pewnością wpływ na SEO, ponieważ boty nie mogą łatwo poruszać się po aplikacji, zwłaszcza że nie mają przeglądarek internetowych, takich jak zwykły użytkownik, a zatem nie mają JavaScript.

API oznacza Application Programming Interface (Interfejs aplikacji do programowania). Jest to kombinacja kodu (funkcje, haki itp..), dostarczane przez system, który umożliwia interakcję z nim. Jeśli dodałeś już do swojego bloga widżet Twittera, musiałeś wejść w interakcję z interfejsem Twitter API. WordPress oferuje kilka różnych interfejsów API, a każdy z nich pozwala lepiej zarządzać Zasoby i jego cechy. Interfejs API REST różni się tym, że umożliwia innym systemom interakcję z WordPress.

feelingrestful

REST oznacza Representational State Transfer. Wykorzystuje architekturę odsprzęgniętą, co oznacza, że ​​kilka komponentów witryny lub aplikacji jest rozdzielonych. W praktyce sprowadza się to do stwierdzenia, że ​​Twoja witryna może zostać gdzieś zapisana, podczas gdy dane, których kopię zapasową tworzy, są zapisywane w innym miejscu.

AJAX oznacza Asynchronous JavaScript and XML lub JavaScript and Asynchronous XML. Jest to technika, która pozwala na interakcję ze stroną internetową bez odświeżania strony. Interfejs administratora WordPress wykorzystuje AJAX, podobnie jak większość witryn, takich jak Twitter, Facebook itp. Nie daj się zwieść nazwie, nie musisz robić XML, aby używać AJAX.

JSON oznacza JavaScript Oriented Notation. Umożliwia pobieranie danych z aplikacji za pomocą JavaScript, co daje możliwość manipulowania danymi. Jeśli w przeszłości używałeś XML do zapisywania i manipulowania danymi na stronach internetowych, JSON będzie nowym sposobem, w jaki robisz to teraz. W modelu MVC dotyczy to kontrolera, ponieważ jest to cała interakcja między danymi a interfejsem.

biblioteki

Istnieje wiele bibliotek JavaScript i może być bardzo trudno wiedzieć, kiedy i których użyć. Omówię kilka popularnych wtyczek JavaScript. Czasami będziesz chciał wybrać jeden lub drugi, czasami będziesz używać obu zestawów, ponieważ odnoszą się one do różnych części modelu MVC.

Wszystkie następujące biblioteki są otwarte i bezpłatne.

jQuery

jQuery jest prawdopodobnie najbardziej znaną biblioteką JavaScript. Kilka witryn używa go do dodawania animacji „front-end” do swoich witryn. Jest to biblioteka, która naprawdę upraszcza korzystanie z JavaScript w Twojej witrynie, dając Ci również dostęp do specjalnych funkcji.

jQuery jest zintegrowany z WordPressem, możesz go łatwo używać w swoich motywach i wtyczkach. Ta biblioteka jest zasadniczo używana do dodawania animacji i nie zawsze wchodzi w interakcję z danymi witryny.

React to biblioteka opracowana i utrzymywana przez Facebooka i hostowana w katalogu Github. Jest to biblioteka zajmująca się widokiem w modelu MVC. React to popularna biblioteka, która pozwoli Ci tworzyć interfejsy, które będą używać formatu JSON do interakcji z interfejsami API REST.

Angular  to księgarnia prowadzona i używana przez Google. Angular działa podobnie jak React, więc możesz go używać do interakcji z REST API. Jeśli zdecydujesz się na interakcję z Reactem, prawdopodobnie nie będziesz używać Angulara i odwrotnie.

Bootstrap to nie tylko biblioteka JavaScript, ale biblioteka złożona z dokumentów JavaScript, HTML i CSS. Opracowana przez Twittera, jest to biblioteka powszechnie używana do tworzenia Motywy WordPress. Nie wchodzi jednak w interakcję z danymi: służy tylko do manipulowania widokiem.

underscore.js

underscore.js to kolejna biblioteka zaprojektowana specjalnie w celu ułatwienia interakcji z widokiem w modelu MVC. Nie należy go mylić z „ podkreślenia”, plik WordPress podstawa zaprojektowana przez Automattic.

Podkreślenie dodaje funkcje zwiększające szybkość programowania JavaScript. Oferuje nieco więcej funkcjonalności niż jQuery w zarządzaniu obiektami i tablicami JavaScript.

Konstrukcje

Ramy Kręgosłup jest zależny od biblioteki Underscore i jQuery. Został zaprojektowany do tworzenia aplikacji jednostronicowych przy użyciu trzech elementów frameworka MVP.

node.js to framework JavaSript, który działa w systemach Windows, OSX i Linux, więc jest używany przez większość aplikacji, a nie do tworzenia aplikacji internetowych.

Kierownice

System szablonów

Wąsy udostępnia szablony, których można używać w JavaScript lub w innych strukturach, takich jak Node.js. Jest to system bez logiki, ponieważ nie integruje warunków „if”, „else” ani nawet pętli.

Kierownice, używa wąsy do wyświetlania renderingu wąsów lub własnego.

Narzędzia programistyczne

Chrząknięcie to narzędzie programistyczne JavaScript, które pozwoli Ci przyspieszyć tworzenie i testowanie. Jest to rodzaj wiersza poleceń, który zapewnia zestaw narzędzi do automatyzacji procesu JavaScript, takich jak konkatenacja plików, uruchamianie testów, minimalizacja skryptów.

chrząknięcie

Połóż wszystko razem

Powyżej znajdziesz narzędzia, których możesz użyć, aby poprawić swój rozwój JavaScript, i prawdopodobnie jest dostępnych kilka innych narzędzi. Ale prawdopodobnie nie będziesz musiał korzystać z nich wszystkich. Kilka narzędzi wykonuje prawie te same zadania, prawdopodobnie będziesz musiał poświęcić czas na szukanie narzędzi, które najbardziej Ci odpowiadają.