JavaScript er et av temaene i nyhetene på WordPress. Rest API oppfordrer utviklere ikke bare til å lære hvordan de kan samhandle med den, men å forbedre deres bruk av WordPress med mer effektive webapplikasjoner.

Men hvis du ikke har JavaScript på nytt, kan du lett gå deg vill i all denne nye teknologien og sjargongen. et "grunt" kan være støyen du lager når du prøver å feilsøke JavaScript-koden, AJAX kan være pulver for å rydde opp i JavaScript og REST kan være det du trenger når alt er gjort.

Så i denne artikkelen vil vi gå gjennom det meste av sjargongen i denne nye verdenen rundt JavaScript.

Jeg vil dekke følgende terminologi:

  • sentrale begreper
  • bokhandlere
  • rammer
  • system mal
  • Utviklingsverktøy

Så la oss starte med sentrale begreper Dette må du forstå for å assimilere suiten bedre.

javascript

Hvis du vil ha mer informasjon, kan du gjøre det på JavaScript.com

sentrale begreper

La oss starte med det mest grunnleggende konseptet (Det er alt JavaScript). JavaScript er et "front-end" programmeringsspråk, som betyr at det kjører på kundens datamaskin. JavaScript kan brukes til alle slags dynamiske handlinger: legge til interaksjoner, hente data, vise popup-vinduer. Ikke la deg friste til å overdrive det.

en bokhandel er en katalog med kode som du kan bruke til å fullføre et prosjekt. Det legger til tilleggskode som forenkler integrasjonen av en funksjon eller bare forbedrer utviklingshastigheten.

Un Rammeverk ligner på et bibliotek, men større i den forstand at det er en samling biblioteker og flere funksjoner.

JavaScript-malingssystem lar deg unngå å gjenta deg selv, og følger konseptet " Ikke gjenta deg selv: TØRK". Det refererer til visningsdelen av designmodellen "MVC", som sparer deg for å måtte skrive den samme koden flere ganger. Det er litt som " templatage på temaer".

MVC-modellen er generelt beskrevet av rammer og biblioteker. Hver bokhandel har en tendens til å fokusere på ett av disse tre elementene (Modellkontrollvisning). Modellen er en datastruktur (på WordPress refererer dette til databasen). Den utsikt er et element som refererer til brukergrensesnittet (tekst, bilde, knapper, animasjon, etc.). Den kontrolleren er sammenhengen mellom modellen og utsikten. Koden du skriver henter elementet fra en side for å samhandle med dataene.

reuterstv

Reuteurs.tc et eksempel på et program på enkeltside.

En enkeltsidesapp er et nettsted med en enkelt side, som ikke oppfører seg som et nettsted med flere sider, men som en app, er forskjellen her at sidene oppdateres via JavaScript. Dette betyr at innholdet er forhåndslastet, noe som reduserer lastetiden til en side betydelig.

Ulempene er absolutt innvirkningene på SEO, fordi roboter ikke enkelt kan navigere gjennom et program, spesielt siden de ikke har nettlesere som en enkel bruker, og derfor ikke har JavaScript.

API betyr (Application Programming InterfaceApplikasjonsprogrammeringsgrensesnitt). Det er en kombinasjon av kode (funksjoner, kroker, etc..), levert av et system som lar deg samhandle med det. Hvis du allerede har lagt til en Twitter-widget på bloggen din, måtte du samhandle med Twitter API. WordPress tilbyr flere forskjellige APIer, og hver lar deg administrere bedre ressources og funksjoner derav. REST API er annerledes ved at det lar andre systemer samhandle med WordPress.

feelingrestful

REST står for Representational State Transfer. Den bruker en frakoblet arkitektur, noe som betyr at flere komponenter på et nettsted eller en applikasjon er atskilt. I praksis tilsvarer dette at nettstedet ditt kan lagres et sted, mens dataene det sikkerhetskopieres lagres andre steder.

AJAX står for Asynchronous JavaScript and XML eller JavaScript og Asynchronous XML. Det er en teknikk som lar deg samhandle med et nettsted uten å oppdatere en side. WordPress-administrasjonsgrensesnittet bruker AJAX som de fleste nettsteder som Twitter, Facebook, etc. Ikke la deg lure av navnet, du trenger ikke å gjøre XML for å bruke AJAX.

JSON står for JavaScript Oriented Notation. Det lar deg hente data fra et program ved hjelp av JavaScript som gir deg muligheten til å manipulere dataene. Hvis du tidligere har brukt XML til å lagre og manipulere data på websider, vil JSON være den nye måten du gjør det på nå. I MVC-modellen refererer dette til kontrolleren, fordi det er hele interaksjonen mellom dataene og grensesnittet.

Bibliotekene

Det er et stort antall JavaScript-biblioteker, og det kan være veldig vanskelig å vite når og hvilke du skal bruke. Jeg vil dekke noen populære JavaScript-plugins. Noen ganger vil du velge det ene eller det andre, noen ganger vil du bruke begge settene når de refererer til forskjellige deler av MVC-modellen.

Alle følgende biblioteker er åpen kildekode og gratis.

jquery

jQuery er sannsynligvis det mest kjente JavaScript-biblioteket. Flere nettsteder bruker den til å legge til "front-end" animasjoner på nettstedet. Det er et bibliotek som virkelig forenkler bruken av JavaScript på nettstedet ditt, og gir deg også muligheten til å få tilgang til spesialfunksjoner.

jQuery er integrert på WordPress, du kan enkelt bruke det på temaene og pluginene dine. Dette biblioteket brukes i prinsippet for å legge til animasjoner og samhandler ikke alltid med dataene på nettstedet ditt.

Reager er et bibliotek utviklet og vedlikeholdt av Facebook og vert i en Github-katalog. Det er et bibliotek som tar for seg utsikten i MVC-modellen. React er et populært bibliotek som lar deg lage grensesnitt som vil bruke JSON-formatet til å samhandle med REST API-er.

Vinkel  er en bokhandel vedlikeholdt og brukt av Google. Angular fungerer på samme måte som React, slik at du kan bruke den til å samhandle med REST API. Hvis du velger å samhandle med React, vil du sannsynligvis ikke bruke Angular og omvendt.

Bootstrap er ikke bare et JavaScript-bibliotek, men et bibliotek som består av JavaScript-, HTML- og CSS-dokumenter. Utviklet av Twitter, er det et bibliotek som vanligvis brukes til å lage WordPress-temaer. Den samhandler imidlertid ikke med dataene: Den er kun for å manipulere visningen.

underscoreJS

Underscore.js er et annet bibliotek spesielt designet for å hjelpe deg med å samhandle med utsikten i MVC-modellen. Det skal ikke forveksles med " understreker", den WordPress tema base designet av Automattic.

Underscore legger til funksjoner for å øke hastigheten på JavaScript-utvikling. Det tilbyr litt mer funksjonalitet enn jQuery når du skal administrere objekter og JavaScript-matriser.

rammer

rammeverket Backbone er avhengig av understrekningsbiblioteket og jQuery. Den ble designet for å bygge apper på en side, ved å bruke alle tre elementene i et MVP-rammeverk.

node.js er et JavaSript-rammeverk som kjører på Windows, OSX og Linux, så det brukes av de fleste applikasjonsapplikasjoner, snarere enn for utvikling av webapplikasjoner.

styret

Mal System

bart gir deg maler du kan bruke over JavaScript eller med andre rammer som Node.js. Det er et system uten logikk, siden det ikke inkluderer "hvis", "annet" forhold eller til og med løkker.

styret, Bart brukes til å vise en gjengivelse bart eller hennes.

Utviklingsverktøy

Grunt er et JavaScript-utviklingsverktøy som lar deg øke hastigheten på utvikling og testing. Det er en slags ledetekst som gir et sett med verktøy for å automatisere JavaScript-prosessen som å sammenkoble filer, kjøre tester, minimere skriptene dine.

grynt

Knytte det hele sammen

Over finner du verktøy som du kan bruke for å forbedre JavaScript-utviklingen, og det er sannsynligvis flere andre verktøy tilgjengelig. Men du trenger sannsynligvis ikke å bruke dem alle. Flere verktøy gjør nesten de samme oppgavene, du vil sannsynligvis måtte bruke tid på å se på verktøyene som passer deg best.