{"id":19402,"date":"2021-07-05T18:36:02","date_gmt":"2021-07-05T16:36:02","guid":{"rendered":"https:\/\/www.software-developer-india.com\/che-cose-javascript-vanilla\/"},"modified":"2021-07-05T18:36:04","modified_gmt":"2021-07-05T16:36:04","slug":"che-cose-javascript-vanilla","status":"publish","type":"post","link":"https:\/\/www.software-developer-india.com\/it\/che-cose-javascript-vanilla\/","title":{"rendered":"Che cos’\u00e8 JavaScript Vanilla?"},"content":{"rendered":"\n

Che cos’\u00e8 JavaScript Vanilla?<\/h2>\n\n
\"\"<\/a><\/figure><\/div>\n\n

Quando i siti web sono nati per la prima volta, erano statici, e all’epoca andava bene. E con l’introduzione di Vanilla Javascript, ha cambiato il modo in cui i siti web hanno iniziato a presentarsi. I siti web sono diventati rivoluzionari, interattivi e dinamici. <\/p>\n\n

Vanilla JS \u00e8 semplicemente JS, quindi \u00e8 un linguaggio di programmazione basato su testo sia lato server che lato client. Il framework \u00e8 stato creato nel 2012 da Eric Wastl e, sebbene non sia stato lui a coniare il termine, il suo sito web lo ha reso popolare. Quindi, in breve, Vanilla Js \u00e8 semplicemente Javascript senza alcun framework o libreria aggiuntiva. <\/p>\n\n

Poi \u00e8 nata jQuery, una libreria di strumenti realizzati con Javascript. jQuery era leggero e molto facile da usare in quanto aiutava a creare funzionalit\u00e0 complesse con una codifica minima.<\/p>\n\n

Puoi trovare Vanilla JS in Facebook, Google, YouTube, Yahoo, Wikipedia, Windows Live, Twitter, LinkedIn, eBay, Microsoft, Apple, Pinterest, PayPal, Reddit, Netflix, Stack Overflow<\/strong> e una serie di altri siti Web e piattaforme popolari. <\/p>\n\n

Pertanto, tutti i framework e le librerie Javascript sono basati sul suo core Vanilla. Tutti i diversi framework sono spesso basati su un insieme di principi Javascript o sull’altro. Spesso gli sviluppatori utilizzano Javascript semplice senza utilizzare framework o librerie JS aggiuntivi.<\/p>\n\n

\u00c8 interessante notare che il framework Vanilla JS ci ricorda quasi il gelato alla vaniglia, perch\u00e9 il framework non \u00e8 modificato e stai usando il prodotto di base cos\u00ec com’\u00e8, senza aggiungere nulla. <\/p>\n\n

Tutto ci\u00f2 che stai facendo \u00e8 utilizzare il framework con le funzioni API di base dell’interprete JS. Naturalmente, qualsiasi sito Web che non utilizza un framework dovr\u00e0 utilizzare automaticamente VanillaJs e, anche se non utilizza un framework, utilizza determinate funzionalit\u00e0 e algoritmi di VanillaJS. Il framework ti consente anche la piena libert\u00e0 di implementare qualsiasi architettura tu voglia. Puoi anche integrarlo con la tua logica aziendale, la logica di manipolazione del DOM e qualsiasi altro strumento che desideri connettere. <\/p>\n\n

Ogni sviluppatore dovrebbe avere una conoscenza completa di Javascript puro e qualsiasi sviluppatore che assumi dovrebbe avere conoscenza di Vanilla JS, specialmente se lavora principalmente nell’ecosistema Javascript.<\/p>\n\n

Immagine: Confronta<\/p>\n\n

Ecco Vanilla JS con un paio di altre lingue <\/strong><\/h3>\n\n

Vanilla JS Vs React: quando puoi usare cosa<\/strong><\/p>\n\n

Vanilla JS ti aiuta a creare potenti applicazioni multipiattaforma e cos\u00ec via React, \u00e8 una delle librerie JS pi\u00f9 popolari, grazie alla sua flessibilit\u00e0 e qualit\u00e0 delle prestazioni. React pu\u00f2 suddividere l’interfaccia utente in componenti pi\u00f9 piccoli e riutilizzabili che possono essere spostati l’uno contro l’altro. Ed \u00e8 questa caratteristica che funge da vantaggio vincente su VanillaJS. Per JS, diventa molto difficile mantenere il codice se l’applicazione \u00e8 di grandi dimensioni. In tali casi, l’interfaccia utente dovr\u00e0 essere aggiornata regolarmente. <\/p>\n\n

E non \u00e8 tutto. Per modificare l’elemento dell’interfaccia utente, dovrai prima trovare l’elemento nel DOM e solo dopo aggiornarlo. Questo pu\u00f2 essere noioso quando devi cambiare solo un singolo elemento. React ha un DOM virtuale e aiuta a bypassare l’attivit\u00e0 manuale. Quindi, in breve, con Vanilla JS, mantenere sincronizzata l’interfaccia utente pu\u00f2 essere difficile e scrupoloso. <\/p>\n\n

Vanilla JS Vs jQuery<\/strong><\/h3>\n\n

Come spiegato in precedenza, con l’avvento di Vanilla JS, gli sviluppatori sono stati in grado di creare siti Web dinamici. Quando \u00e8 arrivato jQuery, sono arrivati anche una serie di strumenti, utilizzando Javascript. jQuery \u00e8 leggero e con la sua libreria JS facile da usare \u00e8 facile creare funzionalit\u00e0 complesse con poche righe di codice. Semplifica molte cose per lo sviluppatore come la gestione dei dati JSON dal server, l’aggiunta di effetti di animazione come nascondi, mostra ecc., Aiuta nella manipolazione CSS, effettua richieste AJAX e altro ancora. <\/p>\n\n

Con jQuery, molte cose possono essere pi\u00f9 facili per lo sviluppatore alle prime armi, ma non esiste una regola in quanto tale che dica dove usare Vanilla JS e dove usare jQuery. Tuttavia, iQuery \u00e8 un enorme risparmio di tempo perch\u00e9 viene fornito con diverse funzioni pre-scritte per le quali devono essere apportate solo le modifiche necessarie.<\/p>\n\n

E jQuery richiede solo meno codice, ma per Javascript \u00e8 necessaria una lunga riga di codice, forse anche codici spaghetti. Per JS non sono necessari plug-in aggiuntivi, ma non \u00e8 necessario aggiungere anche plug-in aggiuntivi. Per jQuery, il collegamento allo script della libreria deve essere incluso all’interno del tag head della pagina web. <\/p>\n\n

Se stai cercando la compatibilit\u00e0 multi-browser , \u00e8 probabile che si verifichino errori relativi al browser con JS. Ma con jQuery, questo non \u00e8 un problema, perch\u00e9 funziona con tutti i tipi di browser; non ci saranno problemi di compatibilit\u00e0. <\/p>\n\n

In realt\u00e0, non esiste una regola particolare nell’uso di Javascript e jQuery. Ma gli sviluppatori dicono che jQuery \u00e8 migliore per la manipolazione DOM, rispetto a Javascript. Tuttavia, il vantaggio di Vanilla JS \u00e8 molto pi\u00f9 veloce di jQuery. Anche cos\u00ec, gli sviluppatori alle prime armi potrebbero avere difficolt\u00e0 a scrivere funzionalit\u00e0 complesse con Vanilla JS. <\/p>\n\n

Per JS, tutta la codifica dovr\u00e0 essere eseguita da zero e gli sviluppatori inesperti potrebbero trovarla difficile e richiedere molto tempo. jQuery d’altra parte, ha diverse funzioni pre-scritte e, quando sono necessarie modifiche, potrebbe essere decisamente un risparmio di tempo. <\/p>\n\n

Quando si confrontano i due, Vanilla JS \u00e8 molto pi\u00f9 veloce di jQuery e, a seconda dell’operazione, pu\u00f2 anche essere da 10 a 25 volte pi\u00f9 veloce. <\/p>\n\n

Vanilla JS Vs Angular JS<\/strong><\/h3>\n\n

Angular JS \u00e8 uno strumento in Javascript MVC, mentre Vanilla rientra nelle librerie dell’interfaccia utente di Javascript. Alcuni sviluppatori affermano che Vanilla JS \u00e8 superiore quando si considerano il carico e le prestazioni iniziali, quindi se si sta cercando di sviluppare un’app con il fattore prestazioni come priorit\u00e0, \u00e8 possibile scegliere Vanilla JS. <\/p>\n\n

Conclusione<\/strong><\/h3>\n\n

Vanilla JS \u00e8 fantastico e ti consente persino di creare pagine Web dinamiche. Ma quando stai cercando un’applicazione enorme e complicata con funzionalit\u00e0 complesse e con migliaia di pagine, \u00e8 meglio optare per i moderni framework Javascript. <\/p>\n\n

Quindi, ancora una volta, la scelta che farai dipender\u00e0 dal requisito. Se hai intenzione di diventare un front-end o uno sviluppatore web full stack, \u00e8 importante che tu conosca Vanilla JS. La base di tutti i framework sar\u00e0 sempre JS, librerie e framework andranno e verranno, ma JS \u00e8 qui per restare. <\/p>\n\n

La competenza con Vanilla JS render\u00e0 sempre pi\u00f9 semplice il passaggio a jQuery, anche se il passaggio potrebbe non essere molto fluido. <\/p>\n\n

Link interessanti:<\/p>\n\n

Maggiori informazioni su Vanilla JS<\/a><\/p>\n\n

Perch\u00e9 Vanilla JS?<\/a><\/p>\n\n

Immagini: Canvas<\/p>\n\n

\n\n
\"\"<\/figure><\/div>\n\n

L’autore: Sascha Thattil lavora presso Software-Developer-India.com che fa parte del gruppo YUHIRO. YUHIRO \u00e8 un’impresa tedesco-indiana che fornisce programmatori ad aziende IT, agenzie e dipartimenti IT.<\/p>\n