Post

Visualizzazione dei post con l'etichetta Corso di JavaScript & Programmazione Web: 7 – Eventi e interattività

CHI HA PAURA DELL’INTELLIGENZA ARTIFICIALE?

-
Immagine
  CHI HA PAURA DELL’INTELLIGENZA ARTIFICIALE? DAL SOFTWARE GENERATIVO AGLI AGENTI, DALLA MEDICINA ALLA ROBOTICA: CHE COSA L’AI SA GIÀ FARE, DOVE STA ANDANDO E QUALI RISCHI DOBBIAMO PRENDERE SUL SERIO Ogni tecnologia realmente trasformativa produce due errori speculari. Il primo consiste nel sottovalutarla, considerandola una moda destinata a rientrare. Il secondo consiste nel sopravvalutarla, attribuendole capacità che ancora non possiede e trasformando una tecnologia in una mitologia. Nel 2026 l’intelligenza artificiale si trova esattamente fra questi due estremi. Non è più ragionevole descriverla come un semplice chatbot evoluto; è altrettanto poco ragionevole presentarla come una mente universale prossima a sostituire l’essere umano in ogni attività. La questione interessante, per chi lavora nell’informatica, nella ricerca, nell’impresa o nelle professioni ad alta intensità di conoscenza, non è dunque stabilire se essere ottimisti o pessimisti. È capire che cosa stia realmente c...
Posta un commento
Continua a leggere

Corso di JavaScript & Programmazione Web: 7 – Eventi e interattività

-
Immagine
7 – Eventi e interattività Obiettivi Capire come funzionano gli event listeners (click, mouseover, keyup…). Imparare a validare form in tempo reale. Conoscere event bubbling e event delegation per codice più efficiente. Sviluppare un esercizio pratico: form di login con validazione in tempo reale . 1) Event listeners: concetti e API base Un evento è un’azione dell’utente o del browser (click, submit, keyup, mouseover, resize…). Aggiungere un listener: element.addEventListener('click', function(event){ // comportamento quando avviene il click }); Rimuovere un listener: element.removeEventListener('click', listenerFn); Proprietà utili nell’oggetto event: event.target (elemento che ha generato l’evento), event.currentTarget (elemento che gestisce l’evento), event.preventDefault() per bloccare il comportamento predefinito (es. submit), event.stopPropagation() per fermare la propagazione. 2) Tipi di eventi più comuni (esempi) ...
Posta un commento
Continua a leggere

Post popolari in questo blog

Corso di Programmazione Strutturata e OOP: 3 Ereditarietà incapsulamento polimorfismo

-
Immagine
3 Ereditarietà, Incapsulamento, Polimorfismo 📚 Contenuti teorici 🔹 1. Ereditarietà È il meccanismo per cui una classe figlia (o derivata) può ereditare attributi e metodi da una classe madre (o base) . Esempio semplice in Python: class Veicolo: def __init__(self, marca): self.marca = marca def accendi_motore(self): print("Motore acceso") class Auto(Veicolo): # Auto eredita da Veicolo def apri_portiere(self): print("Portiere aperte") mia_auto = Auto("Fiat") mia_auto.accendi_motore() # Metodo ereditato mia_auto.apri_portiere() # Metodo della classe Auto 🧩 Osservazione: Auto eredita tutto da Veicolo ma può aggiungere comportamenti nuovi o sovrascrivere quelli esistenti. 🔹 2. Incapsulamento Significa nascondere i dettagli interni e proteggere i dati usando modificatori di accesso e metodi per leggere/scrivere valori. Esempio in Python con getter e setter : class ContoBancario: def __ini...
Continua a leggere

Corso di CSS & Web Design: 3 – Box Model e spaziature

-
Immagine
3 – Box Model e spaziature 1. Concetto di Box Model In CSS ogni elemento HTML viene rappresentato come un rettangolo chiamato “box” , costituito da 4 aree principali : Content (contenuto) – dove si trova testo, immagine o contenuto dell’elemento. Padding (riempimento interno) – spazio tra contenuto e bordo. Border (bordo) – contorno dell’elemento. Margin (margine esterno) – spazio tra l’elemento e gli altri elementi. Schema Box Model +-------------------------+ | Margin | | +-------------------+ | | | Border | | | | +-------------+ | | | | | Padding | | | | | | +---------+ | | | | | | | Content | | | | | | | +---------+ | | | | | +-------------+ | | | +-------------------+ | +-------------------------+ Proprietà principali margin : distanza dall’esterno del box margin: 20px; /* tutte le direzioni */ margin-top: 10px; margin-left: auto; margin-right: auto; /* centratura orizzontale */ padding : ...
Continua a leggere

Corso di HTML: 11 Sviluppo completo di un sito

-
Immagine
Home Page di Marco Rossi – Scrittore Benvenuto nel corso pratico per creare il sito di uno scrittore. In questa pagina imparerai come strutturare la Home Page, quali sezioni includere e come fornire agli studenti il codice pronto da copiare. Struttura della Home Page La Home Page deve contenere: Header con titolo e menu di navigazione Il titolo del sito deve essere ben visibile. Il menu deve contenere link a tutte le sezioni principali: Home, Contatti, Galleria, Blog. Sezione introduttiva Breve presentazione dello scrittore. Invito a esplorare le opere o altre sezioni. Sezione Blog / Notizie Mostrare gli ultimi articoli o aggiornamenti. Include un titolo, un breve testo introduttivo e un link “Leggi di più”. Footer Informazioni di contatto. Copyright. Scelte progettuali CSS interno semplice: permette di stilizzare il sito senza dover creare file esterni. Colori sobri e leggibili: sfondo chiaro, testo scuro, header e footer cont...
Continua a leggere