Javascript Tutorial Italiano 22 - Introduzione ai Web API

1 giorno a tutti bentornati episodi numero 22 del corso di javascript oggi facciamo un introduzione teorica al web e ip ai ok e web ap seri se hai pronunciato in italiano ok quello che ama vedere è un po di roba cosa sono gli ep ai quali sono quali sono gli ep ai client side javascript la distinzione tra javascript dpa gli altri tool che usiamo come funzionano quindi quali sono i punti cardine come funzionano gli ep ai comuni di browser e di terze parti ok quindi tutta roba teorica allora cosa sono gli ep acqua fa un

bellissimo esempio vedete gli ep ai come se fosse una presa della corrente ok quando voi volete fornire energia a qualsiasi apparecchio abbiate semplicemente attaccate la spina la spina attaccata al sistema elettrico della casa e automaticamente arriva l'elettricità al vostro dispositivo da caricare o al computer da far da far partire molto sempione che vi mettete ogni volta a risistemare i cavi della casa e farli voi ok semplicemente vi attaccate è andate l'idea degli ep è proprio questa cosa qua il fatto che noi ci attacchiamo a gli ep ai in qualche modo che poi vedremo e da

lì cominciamo a utilizzarli ok quindi c'è qualcuno che ha fatto per noi una grande parte di lavoro e la resa disponibile per tutti qui ne ha fatto un astrazione ok di molte cose e è riuscito a creare un diciamo una sorta di presa comune in cui le persone gli altri programmatori e sviluppatori che siamo noi possiamo attaccarci e cominciare a utilizzare queste funzioni ok gli ep ai client side sono di due tipi ok mi stanno piacendo javascript client side e lo vedremo poi anche server side con noda arriverà anche la guida su quello gli epr

possono essere di due di due tipi possa essere browser of her parti che sarebbe terze parti allora i browser e pii sono i browser scusatemi sono gli ep ai costruiti nel browser è quella parte di javascript che è stata scritta dentro il browser che permette è un piccolo layer sopra a javascript che ci permette di eseguire alcune cose è il motivo per cui alcuni browser hanno certe funzioni e altre non li hanno perché sono costruiti dentro il browser e dipendono non solo da java scritto insieme a chi va a effettivamente a creare il browser ok

qua fa un esempio del web audio e piano rapone faremo alte non preoccupatevi quindi sono ep ai a cui ci attacchiamo direttamente grazie al browser che utilizziamo va bene per quanto riguarda gli piena di terze parti potrebbe essere appunto qua fa l'esempio di twitter ovvero voglia mettere nel nostro sito vogliamo incorporare i tweet o vogliamo incorporare dischord o facebook altre cose in questo caso andiamo a utilizzare gli ep ai di terze parti che ci siamo noi le due parti sono siamo noi e il browser e le terze parti sono chiunque è terzo ok qual è

la relazione tra javascript e pii e altri tool allora distinguiamo fa una bellissima distinzione cinque categorie abbiamo javascript che è il linguaggio ad alto livello che utilizziamo per scrivere gli ep ai browser che sono appunto le funzionalità che sono costruite direttamente nel browser e servono per aiutarci a implementare delle funzionalità con più facilità abbiamo abbiamo gli ep ai di terze parti che sono abbiamo detto twitter facebook eccetera per poter comunicare direttamente con le loro applicazioni e utilizzarne nel nostro sito oppure abbiamo le librerie per esempio jquery le librerie non sono altro che un insieme di

file è un insieme di funzioni jquery per esempio cosa fa c'è il video se volete sul canale jquery andava a con delle funzioni molto molto comode all'epoca ormai si può fare tutto con con javascript comunque andava a rendere il lavoro sul don quindi come modificare gli elementi html e lo stile molto semplice erano solo delle funzioni che ci aiutano a far le cose molto più semplici in maniera più semplice e veloce rispetto a javascript punto ok questa è una libreria alla libreria è un insieme di funzioni e di file che ci aiuta ok anziché scrivere

noi ogni volta allo stesso codice ci rifacciamo alle librerie se qualcuno le ha fatte e poi ci sono i framework sentirete parlare spesso di framework pensate angular amber djs ma ne sentirete di sente di tutti i tipi di framework ormai ne esce uno al giorno va bene i framework sono delle nuove tecnologie sono delle tecnologie a parte che si basano su javascript che vedete che molto spesso tendono a fare un pacchetto comprensivo di javascript html css non spaventati da quello che sto dicendo vedete il framework come qualcosa di più ok è una verità come una

nuova tecnologia che ci combina insieme più cose e ci aiuta a costruire da zero delle applicazioni spesso sono applicazioni single penso ma roba molto comoda passeremo prima da tutto il resto ok tutto il resto e poi arriveremo prossimamente a parlare di framework ma per quel momento sarete pronti per capirlo e vi risulterà abbastanza intuitivo anche perchè come avete notato durante il corso io cerco di mettere un video dopo l'altro o un corso dopo l'altro in modo da rispondere quelle domande che vi nascono naturalmente anziché buttarvi tutto impasto subito e prenderlo così com'è uno dice ok

ma allora come posso fare questa causata da lo puoi fare così ma per il fatto che te lo sei chiesto adesso sai perché si usa questa cosa ok in particolare questori base piccola piccola parentesi questo il modus operandi con cui ho costruito tutti i corsi su questo canale ricostruirò sempre quindi farvi chiedere delle domande come posso essere più veloce qua come posso scrivere meno codice come possa essere più efficiente da dan nuova tecnologia te la spiego ma adesso per te ha senso anziché buttare al caso c'è una tecnologia tienila serve è tienila ok proseguiamo cosa

cosa possono fare gli eps quasi fa una lista degli ep ai più comuni allora è qua parliamo dei di quelli del browser questi sono i più comuni data facce data dal server ok abbiamo usato i fece pia i ve le ricordate fetch coffee feci coffee ci abbiamo ancora non ce l'abbiamo più qualche fe e poi ex e xml request questi duelli per ricordare ok e li abbiamo usati quindi questi sono gli ep ai match vogliamo gli ip hyper ma per manipolare il documento e li vedremo lì vedremo nella prossima lezione ma si comincia con doc

quelli selector l'abbiamo già usato ok ve lo ricordate e poi andremo a modificare il html andremo creare dei nuovi elementi abbiamo fatto anche quello abbiamo creato gli elementi ricordate negli scorsi episodi abbiamo creato delle immagini dei div abbiamo fatto up and drive quindi quelli sono gli ep ai per manipolare il documento abbiamo degli ep hyperphar telegrafiche ok con canvas e webgl per esempio che non vedremo in questo specifico corso ci limiteremo a questi due che sono più importanti questi potremmo farli come bonus se li volete se li volete grafiche oppure audio e video scusate mi

basta che lo chiedete possiamo eventualmente fare dei video bonus ma non sono strettamente necessari quindi questi sono gli ep ai browser verso capite di cosa parliamo quindi che usa le più ai browser li abbiamo utilizzati va bene arriviamo invece agli epia di terze parti qua ci fa ad esempio twitter per esempio google maps quante volte avete visto un sito con dentro google maps integrato o twitter ci sono i piedi telegram di youtube youtube se lo usate anch'io twilio per mandare sms mms pinterest insomma le più grandi applicazioni attualmente in giro in commercio sul mercato hanno

fondamentalmente tutti degli ep aida da utilizzare per integrare i loro servizi con quello che possono essere servizi esterni in questo caso siamo noi le terze parti che integrano i loro i loro servizi va bene quindi differenza tra browser e pia e ciò che ci serve per lavorare sul nostro sito direttamente ok terze parti sono quelle cose extra che vogliamo andare ad agganciare allora quali sono i punti cardine su cui si basano gli ep ai fondamentalmente dpa sono tutti degli oggetti quindi si basano tutti su oggetti se vi faccio vedere adesso capite saltiamo questa parte qua

ecco qua vedete audio context audio contest nemo lavorare sull'audio va bene voglio saltarlo velocemente però per farvi vedere che audio context altro non è che new audio context e vi ricordate è un nuovo oggetto ma quello più importante invece è document query selector che abbiamo è stato tante volte e si basa e si basa sul sull'oggetto document ok quindi tutte queste cose qua sono e pii vedete che sono metodi di oggetti che abbiamo creato o che esistono già in questo caso quindi qua abbiamo fatto niobio context qua invece document ci viene già passato automaticamente e

grazie a questi oggetti possiamo andare a chiamare dei metodi con cui andare a fare ciò che ci serve qua ce ne lista altri ma questo è allora hanno un entry point facilmente riconoscibile le entry point qua cielo se ne vedete come audio context che sarebbe l'oggetto equa document in maiuscolo in di questo l entry point e ogni volta che dobbiamo andare a lavorare con quelle pia e dobbiamo andare utilizzare le entry point e le entry point chiamiamolo è un po come il punto in cui inserite la spina in questo caso vogliamo lavorare col documento la

spina per noi per collegarci a lavorare col documento è l'oggetto document va bene quindi questo è stessa cosa per audio context molto semplice da da capire allora qua dice usano eventi per modificare i cambi di stato è in realtà alcune pia e non hanno alcun tipo di evento va bene ma se dovessero gestire dei cambi di stato ok durante l'applicazione sicuramente usano degli eventi l'esempio che ci fa è sulle richieste xml e ci fa se vi ricordate rekuest o un load questo è un evento allora imponiamo alla nostra richiesta che sicuramente vi ricordate abbiamo l'url

e per andare a prendere ciò che ci interessa in questo caso il jason andiamo crea una nuova di cui una nuova request quindi questo lp ai browser se vi ricordate per fare il fez dei dati quindi questo è il entry point e nemo creare l'oggetto xml andiamo a settare con i metodi ok nemo settare i media ma se tale proprietà del nostro oggetto va bene della nostra istanza dell'oggetto ormai tutte queste cose qua li sapete lo so che lo sapete dopo di che andiamo a chiamare con lode è chiaramente un evento quando la richiesta è

stata caricata ovviamente queste cose qua sono tutte cose custom fatti dagli ep ai quando questa cosa qua è stata caricata quindi è un evento mi fai tutto il resto ecco cosa si parla di eventi per capire a che punto sono gli stati quando la richiesta quando lo stato della richiesta è pronta ed è caricata allora utilizzi l'evento un load e mi fai tutto quello che devi fare va bene quindi ricapitoliamo un attimo sono tutti degli oggetti quindi utilizza si basano sugli oggetti hanno un chiaro entry point e quindi non chiaro un punto di riferimento document

al the context eccetera e cambiano gli stati semmai abbiamo gestire tramite degli eventi ultima cosa hanno del dei meccanismi di sicurezza addizionali dove richiesti per esempio quasi fa l'esempio delle notifiche quante volte voi andate sul sito e in alto a sinistra vi compare quale notifiche consentì non consenti ok questi sono gli ep ai per esempio push l'ipia e delle sua temi li notification e pia che vedete qua notification ep ahi noi proseguiamo che vedete qua c'è una è esattamente questo questo qua è esattamente il notification e pia e quindi ecco come funziona questi sono i

quattro punti cardine questo era un introduzione abbastanza veloce agli e pia e noi ci vediamo al prossimo video dove cominciamo a parlare del mpa e per gestire il documento quindi per manipolare il documento andiamo a fare cose interessanti molte cose ripeto le abbiamo già viste le abbiamo già utilizzate e comincerete a collegare i vari puntini che avete magari che sono ancora non collegati in questo modo a ok quindi documenti pia e questo l'abbiamo fatto questo non l'abbiamo fatto e molte cose diventeranno molto più chiare siamo veramente alla fine del corso manca veramente poco vi ringrazio

per essere ma siccome è un'altra volta noi ci vediamo alla prossima mi raccomando sotto in descrizione ci sono i metodi per supportare il canale o il gruppo telegram il canale the grand pas restare sempre aggiornati e conosce la community di altri di altri sviluppatori che stanno si stanno approcciando a tutto ciò io ringrazio ancora al plasma ciao ciao