Post

Corso Pensiero Computazionale e Coding per Tutti: 5 Logica e giochi: il coding come sfida

-
Immagine
5 Logica e giochi: il coding come sfida 📘 Introduzione Il coding è molto più che scrivere codice: è un esercizio di logica , creatività e pensiero computazionale . Alla base di ogni algoritmo c’è una sequenza ordinata di ragionamenti e deduzioni che rispecchiano le strutture mentali del ragionamento umano. Prima di affrontare i linguaggi di programmazione, è fondamentale costruire una solida base logica. Un modo efficace è farlo attraverso il gioco, che trasforma la logica formale in un’esperienza pratica e divertente. Giochi come Scacchi , Sudoku , Tangram e Torri di Hanoi sono vere e proprie “palestre mentali” dove si allenano il pensiero sequenziale, la strategia, la ricorsione e la capacità di risolvere problemi complessi. 🧩 Contenuti principali 1. Introduzione alla logica formale La logica studia le regole del ragionamento corretto . Alcuni concetti fondamentali: Proposizioni: frasi che possono essere vere o false . Esempio: “Oggi piove” è una proposizione. ...
Posta un commento
Continua a leggere

Corso Pensiero Computazionale e Coding per Tutti: 4 L’algebra booleana

-
Immagine
  4 L’algebra booleana: la lingua segreta dei computer L’algebra booleana è un sistema logico basato su soli due valori: Vero (1) e Falso (0) . È alla base di tutto ciò che fa funzionare il mondo digitale, dai circuiti elettrici ai programmi dei computer. Variabili booleane Le variabili booleane possono assumere solo due valori: 0 (Falso) o 1 (Vero). Immagina un interruttore acceso o spento: quello è il concetto base della logica booleana. Operazioni principali AND (E) : vero solo se tutte le condizioni sono vere. OR (O) : vero se almeno una condizione è vera. NOT (NON) : inverte il valore, da vero a falso e viceversa. Tabelle di verità Le tabelle di verità sono strumenti visuali che mostrano come funzionano queste operazioni. Eccone alcune di base: AND A B A AND B 0 0 0 0 1 0 1 0 0 1 1 1 OR A B A OR B 0 0 0 0 1 1 1 0 1 1 1 1 NOT A NOT A 0 1 1 0 Proprietà utili Commutativa: A AND B = B AND A,...
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 CSS & Web Design: 7 – Responsive Design

-
Immagine
7 – Responsive Design 1. Concetto di mobile-first Responsive Design significa che il layout e i contenuti di una pagina web si adattano automaticamente alle dimensioni dello schermo del dispositivo (desktop, tablet, smartphone). Principio mobile-first Si sviluppa il layout base per dispositivi mobili . Successivamente si aggiungono regole CSS per schermi più grandi tramite media queries. Vantaggi: Migliore performance su mobile. Approccio progressivo e modulare. /* Stile base (mobile) */ body { font-size: 16px; padding: 10px; } 2. Media Queries e breakpoints 2.1 Sintassi di base @media (min-width: 768px) { /* regole per tablet e superiori */ } @media (min-width: 1024px) { /* regole per desktop */ } min-width → mobile-first max-width → desktop-first È possibile combinare condizioni multiple: @media (min-width: 768px) and (max-width: 1023px) { /* tablet */ } 2.2 Breakpoints comuni Dispositivo Breakpoint suggerito Mobile 0...
Continua a leggere