Use the left/right arrow keys to navigate, 's' to enable/disable scrolling.

Esercitazioni su Javascript

Obiettivi della lezione

  • affrontare i primi problemi inerenti il debugging (identificazione e risoluzione dei problemi) del codice javascript
  • conoscere i casi d’uso più comuni dell’uso congiunto di HTML e Javascript
  • analisi di un caso di sito web contenente codice javascript per introdurre maggiore dinamicità

DEBUGGING

Esercizio 1

Alle volte anche il codice più semplice può presentare dei malfunzionamenti …

Esercizio 2

… e non sempre gli errori rilevati dal browser ci conducono direttamente ad una soluzione…

Esercizio 3

… e non sempre i malfunzionamenti generano veri e propri errori rilevabili dalla console degli errori javascript

Esercizio 4

ed

Esercizio 5

… ed è bene tenere sempre a mente le Best Practices per non incorrere in errori di difficile identificazione

Applicazioni Comuni:

generazione di HTML da una struttura dati Javascript

HTML JS EDITING FLOWCHART

DOMjQuery
    window.onload = function () {
      ...
    }
  
    $(function () {
      ...
    });
  
    var el = document.getElementById("...");
  
    var jq_el = $("#...");
  
    var el = document.createElement("...");
  
    var jq_el = $(" ... ");
  
    el_container.appendChild(el);
  
    jq_el_container.append(jq_el);
  
    function empty(el) {
      for (var i=0; i<el.childNodes.length; i++) {
        el.removeChild(el.childNodes[i]);
      }
    }
  
    jq_el.empty();
  

Applicazioni Comuni:

semplice sito web dinamico

Event Based Programming

Javascript, applicato al Web, si rivela un linguaggio
fortemente orientato alla programmazione basata sugli eventi.

In una prima fase di inizializzazione, vengono agganciate delle funzioni javascript al verificarsi di particolari eventi.


Al verificarsi di tali eventi, il browser richiamerà le funzioni javascript precedentemente configurate.

Applicazioni Comuni:

Web User Interface javascript frameworks

Applicazioni Comuni:

Richieste AJAX

Diagramma Classic vs. AJAX Request

Il problema delle richieste Cross Domain

Same origin security policy

Copyright (C) 2010 - Alca Società Cooperativa

http://learn.alcacoop.it - learn@alcacoop.it

released under CreativeCommons 2.5 by-nc-sa