Lezioni

Approfondimento su layout responsive

10 giu , 2014  

Ecco disponibile un primo approfondimento sui layout responsive, dove vengono trattati i seguenti argomenti: la logica delle griglie con Twitter Bootstrap dettaglio sui parametri di viewport le principali media query i migliori framework per le immagini responsive API Canvas (altro…)

Lezioni

Audio e Video

27 mag , 2014  

Lezione12

Lezioni

Lezione 9: localStorage e sessionStorage

20 mag , 2014  

Lezione 9: localStorage e sessionStorage (altro…)

Lezioni

Lezione 8: Geolocalizzazione e WebFonts

13 mag , 2014  

Geolocalizzazione e WebFonts   (altro…)

Lezioni

Lezione 7: le API per HTML5 Form

6 mag , 2014  

current-state-of-html5-forms
La specifica HTML5 dedicata ai form si è concentrata sul miglioramento dei form HTML pre-esistenti, per offrire nuovi controlli e intervenire sulle limitazioni di quelli attuali. Tale specifica riguarda gli aspetti legati al comportamento e alla semantica, lasciando inalterati quelli legati all'aspetto e alla renderizzazione. Tale aspetto viene lasciato gestire ai browser, contribuendo alla giusta competizione tra i produttori. E' importante ricordare, nel rendering di un form di offrire anche soluzioni di fallback, in modo tale da offire la stessa funzionalità "emulata" via Javascript. I form HTML5 comprendono un certo numero di nuove API ed elementi, il cui supporto è...

, , ,

Lezioni

Lezione 6: Esercitazione jQuery Mashup e principali tag HTML5

15 apr , 2014  

lezione6-tag-json
In questa lezione abbiamo visto come leggere dei feed JSON esterni e come disegnarne il contenuto in pagina dinamicamente. Abbiamo utilizzato in metodo $.getJSON di jQuery   che ci aiuta a recuperare il contenuto JSONP che diventeranno dei dati su cui ciclare con $.each, interpretare ed eventualmente disegnare in pagina. Abbiamo effettuato, mediante il binding dinamico con il metodo .on('event', function(e){} ); dove al click su ogni titolo abbiamo la creazione dinamicamente di un tag Video. Infine abbiamo visto quali sono i principali tag di contenuto di HTML5: header nav section article aside footer Contenuto riservato agli studenti del corso....

, , ,

Lezioni

Lezione 5: Esercitazione sui selettori di jQuery

14 apr , 2014  

Approfondimento su jQuery
In questa lezione faremo degli esercizi sull'uso dei selettori di jQuery, in modo tale da avere tutte le conoscenze necessarie per manipolare il DOM. Su questo, anche individualmente vi consiglio di fare un bel pò di esercizi. Sono reperibili diverse tabelle riepilogative e articoli di approfondimento. A tal proposito ecco una tabella di riepilogo con i principali selettori utilizzati frequentemente: Selettori jQuery Selettore Esempio Seleziona * $("*") Tutti gli elementi #id $("#lastname") L’elemento con id lastname .class $(".intro") Tutti gli elementi con classe intro element $("p") Tutti gli elementi p .class.class $(".intro.demo") Tutti gli elementi con le classi intro e...

, , ,

Lezioni

Lezione 4: Approfondimento jQuery

1 apr , 2014  

Approfondimento su jQuery
In questa lezione portiamo avanti la parte relativa a Javascript e all'utilizzo di jQuery, in modo tale da avere pieno controllo della nostra pagina. Vedremo infine come utilizzare jQuery Template e disegnare elementi della nostra pagina "al volo" utilizzando JSON come mezzo descrittivo della nostra interfaccia. Terminata questa parte, possiamo avanzare verso lo studio di tutti gli elementi di HTML5, e di "dominarne" il comportamento. jQuery i Selettori I selettori sono lo strumento principale di jQuery in quanto ci consentono di comunicare con gli elementi / tag della nostra pagina, catturarne uno o un'insieme, modificarne o leggerne gli attributi o...

, ,

Lezioni

Lezione 3: Esercitazione su gestione eventi

1 apr , 2014  

html5-web-applications-by-ewaycorp
Nella scorsa lezione abbiamo iniziato l'esplorazione di Javascript, del suo ruolo fondamentale per dominare e gestire gli elementi della pagina, di come questo viene incluso, sia inline, che su file esterni locali e remoti. La lezione si è conclusa con la presentazione degli array: su questo argomento (gli array) ci fermiamo qui e verrà ripreso quando si parlerà di JSON. Adesso ci occupiamo degli aspetti generali della pagina, di come catturare gli elementi e di come gestire gli eventi, quindi gli argomenti di questa lezione sono: Tipologie di oggetti Gestione degli eventi in JavaScript BOM, Oggetto window: proprieta e metodi...

, , , ,

Lezioni

Lezione 2: Introduzione a Javascript

18 mar , 2014  

Introduzione a Javascript
Javascript e un linguaggio di client-side scripting che permette di creare pagine Web attive, manipolando i tag di una pagina o creandone di nuovi, modificando gli attributi dei tag, gli stili grafici e gestisce gli eventi di ogni tag, visto appunto come un oggetto. In HTML5 Javascript assume un ruolo fondamentale, in quanto tutte le nuove features introdotte sono gestibili e utilizzabili solo attraverso Javascript. Javascript fu introdotto nel 1995 con Netscape Navigator 2.0 e da quin è stato un susseguirsi di miglioramenti; è platform-indipendent cioè l'interprete JavaScript gira all'interno del browser: questo significa che attualmente i diversi browser interpretano...

, ,