IT localization + fixed broken links to promo video gif (#731)
* Created README.it.md and for-teachers.it.md Localized into italian (it) the following pages: - README.md - for-teachers.md * Fixed broken links to /images/web.gif Replaced broken links to /images/web.gif on the following pages: - README.bn.md - README.el.md - README.fil.md - README.id.md - README.ja.md - README.ml.md - README.pt-BR.mdpull/1014/head
Edoardo Amitrano
2 years ago
committed by
GitHub
parent
5c958db8bf
commit
74e96bf88d
@ -0,0 +1,112 @@
|
||||
[](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE)
|
||||
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/)
|
||||
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/)
|
||||
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/)
|
||||
[](http://makeapullrequest.com)
|
||||
|
||||
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/watchers/)
|
||||
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/network/)
|
||||
[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/stargazers/)
|
||||
|
||||
[](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
|
||||
|
||||
# Sviluppo Web per Principianti - Un programma di lezioni
|
||||
|
||||
Gli Azure Cloud Advocates di Microsoft hanno il piacere di offrire un corso di 12 settimane, 24 lezioni riguardante le basi di JavaScript, CSS e HTML. Ogni lezione include dei quiz pre e post lezione, istruzioni scritte per completare la lezione, una soluzione, un esercizio ed altro. La nostra pedagogia basata su progetti ti consente di imparare mentre costruisci, un metodo collaudato per consolidare le nuove skill.
|
||||
|
||||
**Sentiti ringraziamenti ai nostri autori Jen Looper, Chris Noring, Christopher Harrison, Jasmine Greenaway, Yohan Lasorsa, Floor Drees, e all'artista sketchnote Tomomi Imura!**
|
||||
|
||||
# Sei uno studente?
|
||||
|
||||
Inizia con le seguenti risorse:
|
||||
|
||||
- [Pagina Student Hub](https://docs.microsoft.com/it-it/learn/student-hub?WT.mc_id=academic-13441-cxa) In questa pagina troverai risorse per principianti, pacchetti studente ed anche come ottenere voucher di certificazione gratuiti. Questa è la pagina da salvare tra i preferiti e controllare di tanto in tanto, ne aggiorniamo i contenuti con cadenza almeno mensile.
|
||||
- [Microsoft Student Learn ambassadors](https://studentambassadors.microsoft.com?WT.mc_id=academic-13441-cxa) Unisciti alla community globale di student ambassadors, questa potrebbe essere la tua strada per entrare in Microsoft
|
||||
|
||||
|
||||
# Per iniziare
|
||||
|
||||
> **Insegnanti**, abbiamo [inserito alcuni suggerimenti](/translations/for-teachers.it.md) su come utilizzare questo corso. Ci piacerebbe ricevere il tuo feedback [nel nostro forum di discussione](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
|
||||
|
||||
> **[Studenti](https://aka.ms/student-page)**, per usare questo corso per conto vostro, effettuate una fork dell'intera repo e completate gli esercizi da soli iniziando con i quiz pre-lezione, proseguite poi con la lettura e completate il resto delle attività. Provate a creare i progetti comprendendo le lezioni piuttosto che copiando il codice soluzione; tuttavia, detto codice è disponibile nella cartella /solutions di ogni lezione comprendente un progetto. Un'altra idea potrebbe essere du creare un gruppo di studi con gli amici ed esplorare i contenuti insieme. Per scoprire di più, consigliamo [Microsoft Learn](https://docs.microsoft.com/users/jenlooper-2911/collections/jg2gax8pzd6o81?WT.mc_id=academic-13441-cxa) e la visione dei video menzionati sotto.
|
||||
|
||||
[](https://youtube.com/watch?v=R1wrdtmBSII)
|
||||
|
||||
Gif di [Mohit Jaisal](https://linkedin.com/in/mohitjaisal)
|
||||
|
||||
> 🎥 Clicca l'immagine sopra per un video riguardo al progetto e delle persone che lo hanno realizzato!
|
||||
|
||||
## Pedagogia
|
||||
|
||||
Abbiamo tenuto conto di due principi pedagogici nella realizzazione di questo corso: assicurarci che sia basato su dei progetti e che includa frequenti quiz. Alla fine di questa serie, gli studenti avranno costruito un tipico gioco, un terrario virtuale, una estensione del browser 'green', un gioco stile 'space invaders' e un'app business di banking, ed avranno appreso le basi di JavaScript, HTML e CSS insieme all'attuale toolchain degli sviluppatori web di oggi.
|
||||
|
||||
> 🎓 Puoi seguire le prime lezioni di questo corso come [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101?WT.mc_id=academic-13441-cxa) su Microsoft Learn!
|
||||
|
||||
Assicurandoci che il contenuto sia allineato con i progetti, il processo viene reso più coinvolgente per gli studenti e la memorizzazione dei concetti sarà migliorata. Abbiamo inoltre scritto diverse lezioni introduttive sulle basi di JavaScript per introdurre dei concetti, accompagnate da video dalla collezione di video tutorial "[Serie per Principianti a: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript?WT.mc_id=academic-13441-cxa)", della quale alcuni autori hanno contribuito a questo progetto.
|
||||
|
||||
Inoltre un quiz a bassa difficoltà prima di una lezione fissa nello studente l'intenzione di apprendere un argomento, mentre un secondo quiz dopo la lezione garantisce un'ulteriore conservazione delle nozioni apprese. Questo corso è stato progettato per essere flessibile e divertente e può essere seguito per intero o solo in parte. Il progetto parte in piccolo per poi diventare progressivamente più complesso verso la fine del ciclo di 12 settimane.
|
||||
|
||||
Anche se abbiamo volutamente evitato di introdurre i frameworks JavaScript per concentrarci sulle skill di base richieste ad un web developer prima di adottare un framework, un buon prossimo passo per completare questo corso sarebbe scoprire di più riguardo a Node.js tramite un'altra collezione di video: "[Serie per Principianti a: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs?WT.mc_id=academic-13441-cxa)".
|
||||
|
||||
> Guarda il nostro [Codice di Condotta](CODE_OF_CONDUCT.md) e le linee guida su [Contributi](CONTRIBUTING.md) e [Traduzioni](TRANSLATIONS.md). I tuoi feedback costruttivi sono i benvenuti!
|
||||
|
||||
## Ogni lezione include:
|
||||
|
||||
- sketchnote opzionale
|
||||
- video supplementare opzionale
|
||||
- quiz di riscaldamento pre-lezione
|
||||
- lezione scritta
|
||||
- per le lezioni basate su progetti, guida passo-passo su come costruire il progetto
|
||||
- check delle competenze
|
||||
- una sfida
|
||||
- letture aggiuntive
|
||||
- compiti
|
||||
- quiz post-lezione
|
||||
|
||||
> **Una nota riguardo ai quiz**: Tutti i quiz sono contenuti [in questa app](https://ashy-river-0debb7803.1.azurestaticapps.net/), per un totale di 48 quiz da 3 domande ciascuno. Sono raggiungibili dall'interno delle lezioni ma possono anche essere eseguiti in locale; segui le istruzioni contenute nella cartella `quiz-app`. Questi sono progressivamente in via di traduzione.
|
||||
|
||||
## Lezioni
|
||||
|
||||
| | Nome Progetto | Concetti Insegnati | Obiettivi di Apprendimento | Link alla Lezione | Autore |
|
||||
| :-: | :------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
|
||||
| 01 | Per Iniziare | Introduzione alla programmazione e agli strumenti del mestiere | Scopri le fondamenta della maggior parte dei linguaggi di programmazione e sul software che aiuta gli sviluppatori professionisti a svolgere il proprio lavoro | [Introduzione alla programmazione e agli strumenti del mestiere](/1-getting-started-lessons/1-intro-to-programming-languages/translations/README.it.md) | Jasmine |
|
||||
| 02 | Per Iniziare | Basi di GitHub, include lavorare in team | Come usare GitHub nel tuo progetto, come collaborare con altri sul codice | [Introduzione a GitHub](/1-getting-started-lessons/2-github-basics/translations/README.it.md) | Floor |
|
||||
| 03 | Per Iniziare | Accessibilità | Impara le basi dell'accessibilità web | [Fondamenta di Accessibilità](/1-getting-started-lessons/3-accessibility/translations/README.it.md) | Christopher |
|
||||
| 04 | Basi di JS | JavaScript Data Types | Le basi dei data types di JavaScript | [Data Types](/2-js-basics/1-data-types/translations/README.it.md) | Jasmine |
|
||||
| 05 | Basi di JS | Funzioni e Metodi | Informazioni su funzioni e metodi per gestire il flusso logico di un'applicazione | [Funzioni e Metodi](/2-js-basics/2-functions-methods/translations/README.it.md) | Jasmine and Christopher |
|
||||
| 06 | Basi di JS | Prendere decisioni con JS | Scopri come creare condizioni nel tuo codice utilizzando il processo decisionale | [Prendere Decisioni](/2-js-basics/3-making-decisions/translations/README.it.md) | Jasmine |
|
||||
| 07 | Basi di JS | Arrays e Loops | Lavorare con i dati usando gli arrays ed i loops in JavaScript | [Arrays e Loops](/2-js-basics/4-arrays-loops/translations/README.it.md) | Jasmine |
|
||||
| 08 | [Terrario](/3-terrarium/solution/README.md) | HTML in Pratica | Costruisci l'HTML per creare un terrario online, concentrandoti sulla creazione di un layout | [Introduzione all'HTML](/3-terrarium/1-intro-to-html/translations/README.it.md) | Jen |
|
||||
| 09 | [Terrario](/3-terrarium/solution/README.md) | CSS in Pratica | Costruisci il CSS per dare uno stile al terrario online, concentrandoti sulle basi del CSS incluso come rendere la pagina reattiva | [Introduzione al CSS](/3-terrarium/2-intro-to-css/translations/README.it.md) | Jen |
|
||||
| 10 | [Terrario](/3-terrarium/solution/README.md) | JavaScript Closures, DOM manipulation | Costruisci il JavaScript per far funzionare il terrario come un'interfaccia drag/drop, concentrandoti sulle closures e sulla DOM manipulation | [JavaScript Closures, DOM manipulation](/3-terrarium/3-intro-to-DOM-and-closures/translations/README.it.md) | Jen |
|
||||
| 11 | [Gioco di Battitura](/4-typing-game/solution/README.md) | Costruisci un Gioco di Battitura | Scopri come utilizzare gli eventi della tastiera per guidare la logica della tua app JavaScript | [Programmazione guidata dagli eventi](/4-typing-game/typing-game/translations/README.it.md) | Christopher |
|
||||
| 12 | [Estensione Browser Green](/5-browser-extension/solution/translation/README.it.md) | Lavorare con i Browser | Scopri come funzionano i browser, la loro storia e come impostare i primi elementi di un'estensione del browser | [Riguardo ai Browsers](/5-browser-extension/1-about-browsers/translations/README.it.md) | Jen |
|
||||
| 13 | [Estensione Browser Green](/5-browser-extension/solution/translation/README.it.md) | Creazione di un modulo, chiamata API e archiviazione di variabili nella memoria locale | Crea gli elementi JavaScript della tua estensione browser per chiamare un'API utilizzando le variabili archiviate nella memoria locale | [APIs, Forms, e Memoria Locale](/5-browser-extension/2-forms-browsers-local-storage/translations/README.it.md) | Jen |
|
||||
| 14 | [Estensione Browser Green](/5-browser-extension/solution/translation/README.it.md) | Processi in background nel browser, performance web | Utilizzare i processi in background del browser per gestire l'icona dell'estensione; scopri di più sulle prestazioni web e alcune ottimizzazioni da apportare | [Processi in Background e Performance](/5-browser-extension/3-background-tasks-and-performance/translations/README.it.md) | Jen |
|
||||
| 15 | [Gioco Spaziale](/6-space-game/solution/README.md) | Sviluppo di giochi più avanzati con JavaScript | Scopri l'ereditarietà utilizzando sia Classi che Composizione e il modello Pub/Sub, in preparazione alla creazione di un gioco | [Introduzione allo Sviluppo di Giochi Avanzato](/6-space-game/1-introduction/translations/README.it.md) | Chris |
|
||||
| 16 | [Gioco Spaziale](/6-space-game/solution/README.md) | Disegnare su canvas | Ulteriori informazioni sull'API Canvas, utilizzata per disegnare elementi su uno schermo | [Disegnare su Canvas](/6-space-game/2-drawing-to-canvas/translations/README.it.md) | Chris |
|
||||
| 17 | [Gioco Spaziale](/6-space-game/solution/README.md) | Muovere elementi sullo schermo | Scopri come gli elementi possono muoversi utilizzando le coordinate cartesiane e l'API Canvas | [Muovere elementi](/6-space-game/3-moving-elements-around/translations/README.it.md) | Chris |
|
||||
| 18 | [Gioco Spaziale](/6-space-game/solution/README.md) | Rilevamento delle collisioni | Far scontrare e reagire tra loro gli element premendo i tasti e fornendo una funzione di cooldown per garantire le prestazioni del gioco | [Rilevamento delle collisioni](/6-space-game/4-collision-detection/translations/README.it.md) | Chris |
|
||||
| 19 | [Gioco Spaziale](/6-space-game/solution/README.md) | Tenere il Punteggio | Esegui calcoli matematici in base allo stato e alle prestazioni del gioco | [Tenere il Punteggio](/6-space-game/5-keeping-score/translations/README.it.md) | Chris |
|
||||
| 20 | [Gioco Spaziale](/6-space-game/solution/README.md) | Terminare e riavviare il gioco | Scopri come terminare e riavviare il gioco, inclusa la pulizia degli asset e il ripristino dei valori delle variabili | [Le Condizioni di Termine](/6-space-game/6-end-condition/translations/README.it.md) | Chris |
|
||||
| 21 | [App Bancaria](/7-bank-project/solution/translations/README.it.md) | Modelli e rotte HTML in un'app Web | Scopri come creare le basi dell'architettura di un sito Web multipagina utilizzando routing e templates HTML | [Templates HTML e Rotte](/7-bank-project/1-template-route/translations/README.it.md) | Yohan |
|
||||
| 22 | [App Bancaria](/7-bank-project/solution/translations/README.it.md) | Costruire un Form di Login e Registrazione | Linformazioni sulla creazione di moduli e sulla gestione delle routine di convalida | [Forms](/7-bank-project/2-forms/translations/README.it.md) | Yohan |
|
||||
| 23 | [App Bancaria](/7-bank-project/solution/translations/README.it.md) | Metodi di recupero e utilizzo dei dati | Come i dati entrano e escono dalla tua app, come recuperarli, archiviarli ed eliminarli | [Dati](/7-bank-project/3-data/translations/README.it.md) | Yohan |
|
||||
| 24 | [App Bancaria](/7-bank-project/solution/README.md) | Concetti di Gestione dello Stato | Scopri come la tua app mantiene lo stato e come gestirla programmaticamente | [Gestione dello Stato](/7-bank-project/4-state-management/translations/README.it.md) | Yohan |
|
||||
|
||||
## Accesso offline
|
||||
|
||||
Puoi utilizzare questa documentazione offline utilizzando [Docsify](https://docsify.js.org/#/). Esegui un fork di questa repo, [installa Docsify](https://docsify.js.org/#/quickstart) sul tuo dispositivo locale e successivamente nella cartella radice (root) di questa repo esegui `docsify serve`. Il sito web girerà sulla porta 3000 del tuo localhost: `localhost:3000`.
|
||||
|
||||
## PDF
|
||||
|
||||
Puoi trovare un PDF con tutte le lezioni [qui](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
|
||||
|
||||
## Altri corsi
|
||||
|
||||
Il nostro team produce altri corsi! Dai uno sguardo:
|
||||
|
||||
- [Machine Learning per Principianti](https://aka.ms/ml-beginners)
|
||||
- [IoT per Principianti](https://aka.ms/iot-beginners)
|
||||
- [Data Science per Principianti](https://aka.ms/datascience-beginners)
|
||||
- [AI per Principianti](https://aka.ms/ai-beginners)
|
||||
@ -0,0 +1,33 @@
|
||||
## Per gli Educatori
|
||||
|
||||
Vorresti utilizzare questo corso nelle tue classi? Non esitare!
|
||||
|
||||
In realtà puoi utilizzarlo direttamente all'interno di GitHub stesso usando GitHub Classroom.
|
||||
|
||||
Per fare ciò, esegui una fork di questa repo. Dovrai creare una repo per ogni singola lezione, quindi dovrai estrarre ogni cartella dentro ad una repo a parte. In questo modo, [GitHub Classroom](https://classroom.github.com/classrooms) può riconoscere ogni lezione separatamente.
|
||||
|
||||
Queste [istruzioni complete](https://github.blog/2020-03-18-set-up-your-digital-classroom-with-github-classroom/) ti daranno un'idea su come impostare la tua classe.
|
||||
|
||||
## Usarlo in Moodle, Canvas o Blackboard
|
||||
|
||||
Questo corso funziona bene in questi Learning Management Systems! Utilizza il [file Moodle upload](/teaching-files/webdev-moodle.mbz) per l'intero contenuto, oppure prova il [file Common Cartridge](/teaching-files/webdev-common-cartridge.imscc) il quale contiene alcuni dei contenuti. Moodle Cloud non supporta le esportazioni complete delle Common Cartridge, quindi è preferibile utilizzare il file di download di Moodle, che può essere caricato su Canvas. Prego facci sapere come possiamo migliorare questa esperienza.
|
||||
|
||||
|
||||
> Il corso in una classe di Moodle
|
||||
|
||||
|
||||
> Il corso su Canvas
|
||||
|
||||
## Usare la repo così com'è
|
||||
|
||||
Se vuoi puoi anche usare la repo così com'è attualmente, senza utilizzare GitHub Classroom. Dovrai comunicare con i tuoi studenti su quale lezione lavorare insieme.
|
||||
|
||||
In formato online (Zoom, Teams o altro) puoi creare delle stanze secondarie per i quiz, e guidare gli studenti per aiutarli ad essere pronti ad imparare. Puoi quindi invitare gli studenti ad eseguire i quiz ed inserire le loro risposte come 'issues' in un secondo momento. Puoi fare lo stesso con gli esercizi se vuoi che gli studenti lavorino insieme apertamente.
|
||||
|
||||
Se preferisci un formato più privato chiedi ai tuoi studenti di effettuare una fork del corso, lezione per lezione, tra le loro repo GitHub come repo private e di fornirti l'accesso. Loro possono quindi completare quiz ed esercixi privatamente ed inviarteli come issues sulla repo della tua classe.
|
||||
|
||||
Ci sono tanti modi per far funzionare il corso in una classe online. Facci sapere quale funziona meglio per te!
|
||||
|
||||
## Per favore condividi il tuo pensiero!
|
||||
|
||||
Vogliamo che questo corso funzioni per te e per i tuoi studenti. Ti preghiamo di darci un [feedback](https://forms.microsoft.com/Pages/ResponsePage.aspx?id=v4j5cvGGr0GRqy180BHbR2humCsRZhxNuI79cm6n0hRUQzRVVU9VVlU5UlFLWTRLWlkyQUxORTg5WS4u).
|
||||
Loading…
Reference in new issue