Corso di Programmazione WEB
Esercizio della lezione 18, Dove scriverò un riassunto di quanto visto a lezione fin’ora in HTML
Tipi di Linguaggio per sviluppo o programmazione web
Il software è l’implementazione di un algoritmo in un linguaggio adatto a essere compreso ed eseguito da un computer
costituito da una serie di istruzioni scritte e costituite da una serie di istruzioni ordinate che risolve una famiglia di problemi
I principali linguaggi di programmazione si dividono in diverse categorie:
Linguaggi di basso livello: sono vicini al linguaggio della macchina Assembly. Sono molto veloci ma difficili da usare.
Linguaggi di alto livello: più semplici e leggibili per l’uomo Python, Java, C++. Permettono di scrivere programmi più facilmente.
Linguaggi procedurali: basati su istruzioni e procedure C.
Linguaggi orientati agli oggetti: organizzano il codice in oggetti e classi Java, C++, Python.
Linguaggi funzionali: si basano su funzioni matematiche Haskell.
Linguaggi di scripting: usati per automatizzare compiti JavaScript, Python.
In generale, ogni linguaggio è scelto in base allo scopo del programma.
I linguaggi di programmazione possono essere linguaggi di compilazione o linguaggi di interpretazione,
a seconda se hanno bisogno di essere tradotti in linguaggio macchina prima dell’esecuzione o se vengono eseguiti direttamente.
Alcuni linguaggi seguono paradigmi (che sono la struttura del codice). I principali sono:
Programmazione Imperativa
Programmazione OOP
Programmazione Funzionale
Programmazione Logica
Ogni linguaggio ha i suoi punti di forza e debolezza, e la scelta dipende dal tipo di applicazione o sito WEB che si vuole sviluppare.
In questo corso vedremo HTML + CSS + JavaScript + PHP + SQL
Cos’è la programmazione
La programmazione è il processo di progettazione e sviluppo di software mediante la scrittura di istruzioni, chiamate codice, in uno o più linguaggi di programmazione. Queste istruzioni permettono a un computer o a un dispositivo di eseguire operazioni specifiche e risolvere determinati problemi
Corso Professionista del Futuro: Web Developer.
Dal problema alla soluzione
Capire il problema
Il processo di programmazione comprende diverse fasi, tra cui l’analisi del problema, la progettazione
dell’algoritmo, la codifica, il test e la manutenzione del software, come descritto di seguito:
Metodi di Risoluzione
1. Top-Down (dall’alto verso il basso)
Partire dal problema generale e scomporlo in parti sempre più piccole.
➤Come funziona
Definisci il problema principale
Lo dividi in sottoproblemi
Ogni sottoproblema viene ulteriormente raffinato
Alla fine ottieni funzioni/procedure semplici da implementare
2. Bottom-Up (dal basso verso l’alto)
partire da componenti semplici e riutilizzabili e combinarli per costruire il sistema.
➤Come funziona
Implementi le funzioni di base
Le testi singolarmente
Le integri in moduli più grandi
Arrivi al programma completo
Checklist del programmatore
➤1. Analisi del problema
Comprensione del problema
Input / Output
Vincoli
Casi limite
➤2. Metodologia
Top-Down
Bottom-Up
Approccio ibrido
Paradigma (strutturato / OO / funzionale)
➤3. Progettazione
Scomposizione in moduli
Definizione funzioni
Interfacce chiare
Pseudocodice / diagrammi
➤4. Algoritmi e strutture dati
Scelta algoritmo
Correttezza
Complessità tempo/spazio
Strutture dati adeguate
➤5. Implementazione
Codice leggibile
Nomi significativi
Modularità
Commenti utili
➤6. Test
Casi normali
Casi limite
Input errati
Test automatici (se presenti)
➤7. Debug e verifica
Correzione errori
Gestione eccezioni
Output corretto
Stabilità
➤8. Ottimizzazione
Solo dopo corretto funzionamento
Miglioramento prestazioni
Riduzione sprechi
➤9. Documentazione
Descrizione funzionamento
Commenti parti complesse
Istruzioni d’uso
➤10. Revisione finale
Codice pulito
Riutilizzabilità
Conformità alla consegna
Struttura base
dell’HTML
Dentro el tag Head ci scriviamo le meta-informazioni
Dentro el tag Body ci scriviamo il contenuto della pagina o gli elementi visivi
definizione di elementi e attributi in HTML
In breve
➤Elemento = struttura + contenuto
➤Attributo = proprietà che descrive o modifica l’elemento
