• 0

      Non c'è alcun nel carrello.

    • Ricerca:
    29Giu, 2023
    JavaScript per il Web Design – Vantaggi e svantaggi

    Questo articolo discute gli aspetti positivi e negativi dell’utilizzo di JavaScript nei progetti del tuo sito web. Indica le aree in cui JavaScript eccelle come linguaggio di programmazione basato sul Web e descrive anche situazioni in cui il suo utilizzo può effettivamente ridurre le prestazioni di un sito Web.

    Prima di tutto, JavaScript è un linguaggio di programmazione basato su browser che funziona effettivamente lato client. Ciò significa che qualsiasi codice che scrivi in ​​JavaScript viene consegnato insieme alle tue pagine Web e gli script che scrivi vengono effettivamente eseguiti all’interno del browser degli utenti anziché direttamente sul server che sta servendo la pagina Web. Ci sono situazioni in cui JavaScript è un’ottima soluzione per implementare funzionalità pulite in un web design, ma ci sono anche situazioni in cui l’utilizzo di JavaScript può danneggiare le prestazioni dei tuoi siti web. Il mio obiettivo in questo articolo è descrivere i modi migliori per utilizzare JavaScript e come aggirare gli svantaggi dell’utilizzo di questo versatile e potente linguaggio di scripting.

    JavaScript per il Web Design – I vantaggi

    JavaScript è un’ottima soluzione da implementare durante la convalida dei moduli di input sul lato client. Ciò significa che se un utente dimentica di inserire il proprio nome in un modulo, ad esempio, una funzione di convalida JavaScript può far apparire un messaggio per informarlo dell’omissione. Questa è una soluzione di gran lunga migliore rispetto a una routine di convalida lato server che gestisce l’errore perché il server non deve eseguire alcuna elaborazione aggiuntiva. È possibile scrivere una routine asp o php per ottenere lo stesso compito, ma JavaScript non consentirebbe l’invio del modulo a meno che non sia stato completato correttamente in primo luogo, una soluzione molto più robusta!

    Un’altra area in cui JavaScript eccelle è la creazione di effetti dinamici come immagini di rollover e presentazioni con script, dove il suo utilizzo è diventato comune. Poiché JavaScript viene eseguito all’interno del browser del client, può essere utilizzato per modificare l’aspetto dello schermo dell’utente dopo che la pagina è stata inviata dal server. Ciò gli consente di creare alcuni effetti di immagine dinamici molto impressionanti.

    JavaScript per il Web Design – Gli svantaggi

    Uno dei principali svantaggi dell’utilizzo di JavaScript è che tende a gonfiare gravemente le pagine web. Il codice JavaScript può aggiungere rapidamente fino a centinaia di righe di codice se lo si utilizza per fare qualcosa anche lontanamente interessante. Detto questo, il problema di grandi blocchi di codice JavaScript è facilmente risolvibile memorizzando il codice JavaScript in file sorgente JavaScript separati con estensione .js. Questo pulisce il codice della tua pagina web perché il codice JavaScript viene memorizzato separatamente dalla pagina HTML stessa, lasciando una pagina web molto più pulita e leggibile.

    A causa della tendenza di JavaScript a gonfiare le pagine web, può essere molto dannoso per la facilità di ricerca del tuo sito web da parte dei motori di ricerca. Questo perché quando un motore di ricerca arriva sul tuo sito alla ricerca di contenuti e parole chiave di qualità per determinare di cosa tratta la tua pagina, l’ultima cosa che vuole vedere sono centinaia di righe di codice JavaScript. Ancora una volta, questo problema si risolve facilmente memorizzando in modo ordinato il codice JavaScript nei file di script con estensione .js e collegandolo al file di script nei documenti HTML.

    Conclusione:

    JavaScript è uno script basato su browser ricco di funzionalità e utile che, se utilizzato correttamente, può ottenere grandi effetti e migliorare l’esperienza per l’utente finale. Ci sono degli svantaggi nel suo utilizzo in quanto tende a gonfiare le pagine web. La cosa fondamentale da ricordare è ottenere il meglio da entrambi i mondi utilizzando il codice JavaScript nei file di script esterni. In questo modo il codice è separato dal tuo contenuto in modo da ottenere tutti i vantaggi della funzionalità JavaScript ma senza gli effetti negativi del gonfiore del codice associato.

    #JavaScript #Web #Design #Vantaggi #svantaggi

    29Dic, 2021
    Javascript come nascondere un elemento all’interno della pagina

    Javascript-logo-300x300 Javascript come nascondere un elemento all'interno della pagina

    Questa semplice guida vi spiega come nascondere un elemento della vostra pagina web utilizzando Javascript.

    Il seguente codice è semplice Javascript, quindi non sono necessarie librerie aggiuntive come JQuery.

     

    Per poter nascondere un elemento, la procedura più semplice è quella di utilizzare l’ID dell’elemento come selettore, per poter specificare a Javascript quale elemento nello specifico andare a nascondere.

    E’ possibile selezionare un determinato elemento anche utilizzando altre tipologie di selettori, come il TAG Name o il percorso Xpath, che corrisponde alla posizione dell’elemento all’interno dell’albero dei tag della pagina, ma ne parleremo più in la.

     

    Il modo in cui nascondiamo ad esempio un DIV è il seguente, ossia settare la proprietà display del CSS su none.

    Ipotizziamo di avere questo DIV

    <div id=’div101‘>Nascondimi o mostrami a tuo piacimento</div>

    Il codice da utilizzare per nascondere questo DIV sarà la seguente:

    document.getElementById(“div101”).style.display = “none”;

    allo stesso modo, per mostrare invece un DIV che è stato precedentemente nasconsto:

    document.getElementById(“div101”).style.display = “block”;

     

    Possiamo eventualmente creare un pulsante che nasconda o mostri il div.

    Per questo abbiamo bisogno di creare due funzioni:

    <script>

    function mostra(){

    document.getElementById(“div101”).style.display = “block”;

    }

    function nascondi(){

    document.getElementById(“div101”).style.display = “none”;

    }

    </script>

    I due pulsanti saranno invece così:

    <button type=’button’ onclick=’nascondi();’>NASCONDI</button>

    <button type=’button’ onclick=’mostra();’>MOSTRA</button>

     

    Ecco un esempio del codice completo su JSFiddle:

     

    Per oggi è tutto, seguiranno in seguito altre guide per altri metodi simili.