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

Javascript, Mozilla Firefox e l’OpenWeb

01 - (RE)Introduzione al Web

PRESENTAZIONE CORSO

Who are you?!?!?

Software Developers / System Administrators

@

Alca Società Cooperativa

KEYBOARD

FreeSoftware / OpenSource Community Members

KEYBOARD

Obiettivi del corso

Conoscere

  • origini e percorso evolutivo del Web
  • le componenti base delle moderne applicazioni Web (e l’importanza dell’OpenWeb nello scenario che si va delineando)
  • gli standard internazionali legati al Web (ECMA e W3C)
  • le basi del linguaggio di programmazione Javascript, il relativo standard (ECMAScript), le tecniche di programmazione Web Asincrona (AJAX)
  • le base dell’HTML/CSS e le implicazioni dello standard XML applicato al web
  • le evoluzioni in atto nello standard HTML/XHTML e le nuove caratteristiche introdotte da HTML5 (lo standard attualmente in sviluppo)

Sapere

  • utilizzare Mozilla Firefox come uno strumento di esplorazione, sviluppo e debugging dell’OpenWeb
  • utilizzare una shell interattiva Javascript per l’apprendimento dei meccanismi interni alle applicazioni web di nuova generazione
  • riconoscere ed utilizzare le caratteristiche migliori del linguaggio di programmazione Javascript ed evitarne i difetti ancora oggi presenti
  • utilizzare alcuni dei framework Javascript più moderni e diffusi
  • utilizzare alcune delle caratteristiche sperimentali dell’OpenWeb: (Mixed SVG+HTML, generazione di effetti grafici basati sul tag Canvas anzichè Adobe Flash)

QUESTIONARIO + BREAK

How can I learn to program?

LEARN

(from Tela Chhe)

Avrete bisogno del più potente dei computer …

YOUR BRAIN!!!

STUDY

(from BlatantNews.com)

Dovrete studiare…

STUDY

(from DAEllis)

… 10 ANNI per raggiungere la maturità

STUDY

(from yoppy)

La pratica è importante …

STUDY

(from prettydaisies)

… e le difficoltà fanno parte del gioco

BUGS

(from TaranRampersad)

A volte può sembrare una follia …

Psychology of Computer Programming

(from mdxi)

… ma si può fare

BUGS

(from fixlr)

Dovrete complementare al vostro percorso di studi

attività di apprendimento autonomo…

UK

(from mathplourde)

Do you understand?!?!

UK

(from thatscottishengineer)

(RE)Introduzione al Web

Cos’è il Web

Origini e Tappe evolutive

Nuove Potenzialità e Vecchi Rischi

Open vs. Closed

Cos’è il WEB?!?!

THE WEB

(from kurtxio)

Cos’è il Web? Cos’è Internet?

Il Web non costituisce l’intera Internet
ma ne è la più tangibile materializzazione
per la maggior parte degli utenti

Il Web è ora un nuovo importante media:

Social Media History

(from Emilie Ogez)

fonte di informazioni (come televisione, giornali, radio…)
scambio di informazioni (come la telefonia e la “piazza”)

Dove è nato il Web?

WHERE

(from laurakgibbs)

CERN

EUROPE

Timeline evolutiva del Web

TIMELINE

Ipertesto (Web statico)

Lo scopo originario del Web era la diffusione di documenti statici Iper-testuali.

I documenti erano codificati in un “linguaggio” chiamato HTML (derivato da una tecnologia esistente chiamata SGML), il quale descriveva struttura, contenuti e stile del documento.

Web Application (Web dinamico lato server)

Il passo successivo è stata la generazione dinamica di documenti Iper-testuali operata dal server in risposta agli indirizzi web richiesti dai client.

Web Application

NASA.GOV 2007
(from from archive.org (nasa.gov 2007))

Fu inoltre un periodo di “segregazione razziale”:

gli sviluppatori sul server

i web designer sul client

Browser War

Con il boom economico generato dalla “New Economy” del Web, molte imprese iniziarono a interessarsi al Web e si svolse una

“sanguinosa” guerra tra browser…

Nel Web Browser vengono introdotte tecnologie
per aumentarne la dinamicità ed espandibilità applicativa:

Applet Java

Javascript + DHTML

JScript/VBScript + Microsoft ActiveX

Adobe Flash

Web2.0 / AJAX

Gli sviluppatori ritornano sul browser, sviluppano nuovi framework javascript, nuove idee e potenzialità (AJAX) e il Web diventa realmente dinamico sia lato server che lato client, tanto che…

Le applicazioni iniziano

un progressivo spostamento

dal desktop al web:

GMail and Google Calendar

Google Documents

Zoho Office

Zimbra

..

Web3.0 - il Social Web e i Web Mashup (dall’iper-testo alle iper-applicazioni)

Il Web si sta trasformando e non interconnette più solo documenti (iper-testi) ma anche persone (social network) e applicazioni (iper-applicazioni / mashup).

Gli utenti non sono più solo fruitori dei contenuti,

ma ne sono i principali produttori…

“noi mettiamo l’applicazione e voi tutto il resto”

Le applicazioni (web service, web mashup, il browser, altre applicazioni desktop)

navigano, estraggono e rielaborano le informazioni del Web.

Inoltre la nascita dei social network ha creato una forte domanda di funzioni multimediali sul web:

Audio, Video e Giochi (il web dell’intrattenimento)

Web3.0

3RD BROWSER WAR
(from bradybd)

Standard e Standardizzatori

Per Internet le principali organizzazioni che
si occupano della sua standardizzazione verdor-neutral sono:

W3C ed IETF

gli standard
(from richardland)

Senza standard

ogni vite necessiterebbe del suo cacciavite…

gli standard
(from melloveschallah)

Il gruppo di lavoro della W3C che si sta occupando della standardizzazione di HTML5 è stato denominato…

WHATWG?!?!?!?

armonizzazione differenze HTML XHTML

tag multimediali (audio, video, canvas)

supporto applicazioni web offline

Qual è la differenza tra aperto e chiuso?

OPEN

OPEN

(from eelssej_)

CLOSED

CLOSED

(from ramella)

Plugins are EVILS

web vs plugins
(derived from vikram prodigal)

E’ di vitale importanza far convergere negli standard (HTML, CSS, Javascript…) le funzionalità che più comunemente portano gli sviluppatori ad utilizzare tecnologie come Flash…

E il Software libero?

SOFTWARE LIBERO

Domande e anticipazioni sulla prossima lezione

Copyright (C) 2010 - Alca Società Cooperativa

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

released under CreativeCommons 2.5 by-nc-sa