Appunti su sviluppo web in generale - GabrieleCT/bootstrap-test GitHub Wiki
Questa è la pagina da iniziano le letture per avere un'infarinatura generale sullo sviluppo web: https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web
Elenco degli argomenti letti:
-
Lista dei software necessari: editor, web browser, editor grafici, git, grutn etc
-
Reperire immagini senza diritti d'autore e google font qui
-
Struttura delle cartelle qui
-
Elementi base dell'html qui. Inoltre qualche argomento da approfondire potrebbe essere:
- OpenGraph
- La formattazione avanzata dei testi
- La struttura del document e del sito web (qui)
- L'uso delle immagini e del tag
<figure>
(qui) - L'inserimento di video e audio (qui)
- L'inserimento di contenuti appartenenti a siti esterni come YouTube e GoogleMaps: l'uso del tag
iframe
qui - Uso di immagini responsive qui
- Tabelle (qui)
- Form (qui)
- Per avere un elenco completo di tutti i tag html con la relativa descrizione cliccare qui
- Client side form validation via HTML5 e JS (qui)
- Elementi base dei CSS qui. In questa sezione sono stati analizzati:
- i diversi tipi di selettori: di elemento - es: p, di id - es: #my-id, di classe - es: .my-class, di attributo - es: img[src], pseudo class - es: a:hover, pseudo element - es: p::first-letter. Per avere un'idea più ampia di tutti i tipi di selettori visitare questa pagina
- l'inserimento di un font globale
- il modello a scatole dei CSS (i concetti di padding, border, margin)
- la proprietà display (che sinteticamente viene riassunta qui o in questa pagina dove viene spiegata la differenza tra div e span)
- Elementi base di Javascript (da qui). Invece per una giuda più approfondita visitare la seguente pagina. Seguono alcune note:
- Uso di async e defer nell'import di librerie js
- Differenza di uso e di scope tra
var
elet
(qui e qui ) - Hoisting delle variabili