Web-Dev-For-Beginners/translations/it

Sviluppo Web per Principianti - Un Curriculum

Impara le basi dello sviluppo web con il nostro corso completo di 12 settimane tenuto dai Microsoft Cloud Advocates. Ognuna delle 24 lezioni esplora JavaScript, CSS e HTML attraverso progetti pratici come terrari, estensioni per browser e giochi spaziali. Partecipa a quiz, discussioni e compiti pratici. Migliora le tue competenze e ottimizza la ritenzione delle conoscenze con la nostra efficace metodologia basata su progetti. Inizia oggi il tuo percorso di coding!

Unisciti alla Community Discord di Azure AI Foundry

Segui questi passaggi per iniziare a usare queste risorse:

1. Effettua il Fork del Repository: Clicca
2. Clona il Repository: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
3. Unisciti alla Azure AI Foundry Discord e incontra esperti e altri sviluppatori

🌐 Supporto Multilingua

Supportato tramite GitHub Action (Automatizzato e Sempre Aggiornato)

Arabic | Bengali | Bulgarian | Burmese (Myanmar) | Chinese (Simplified) | Chinese (Traditional, Hong Kong) | Chinese (Traditional, Macau) | Chinese (Traditional, Taiwan) | Croatian | Czech | Danish | Dutch | Estonian | Finnish | French | German | Greek | Hebrew | Hindi | Hungarian | Indonesian | Italian | Japanese | Kannada | Korean | Lithuanian | Malay | Malayalam | Marathi | Nepali | Nigerian Pidgin | Norwegian | Persian (Farsi) | Polish | Portuguese (Brazil) | Portuguese (Portugal) | Punjabi (Gurmukhi) | Romanian | Russian | Serbian (Cyrillic) | Slovak | Slovenian | Spanish | Swahili | Swedish | Tagalog (Filipino) | Tamil | Telugu | Thai | Turkish | Ukrainian | Urdu | Vietnamese

Preferisci Clonare Localmente?

Questo repository include oltre 50 traduzioni linguistiche che aumentano significativamente la dimensione del download. Per clonare senza traduzioni, usa il sparse checkout:

git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
cd Web-Dev-For-Beginners
git sparse-checkout set --no-cone '/*' '!translations' '!translated_images'

Questo ti darà tutto ciò che ti serve per completare il corso con un download molto più veloce.

Se desideri che vengano supportate ulteriori lingue di traduzione, troverai l’elenco qui

🧑‍🎓 Sei uno studente?

Visita la pagina Student Hub dove troverai risorse per principianti, pacchetti per studenti e anche modi per ottenere un voucher gratuito per il certificato. Questa è la pagina che vuoi aggiungere ai preferiti e consultare di tanto in tanto, poiché i contenuti vengono aggiornati mensilmente.

📣 Annuncio - Nuove sfide per la modalità GitHub Copilot Agent da completare!

Nuova sfida aggiunta, cerca "GitHub Copilot Agent Challenge 🚀" nella maggior parte dei capitoli. È una nuova sfida da completare usando GitHub Copilot e la modalità Agent. Se non hai mai usato la modalità Agent, essa è in grado non solo di generare testo ma anche di creare e modificare file, eseguire comandi e altro.

📣 Annuncio - Nuovo progetto da costruire utilizzando l’IA Generativa

Nuovo progetto AI Assistant appena aggiunto, dai un’occhiata al progetto

📣 Annuncio - Nuovo Curriculum sull’IA Generativa per JavaScript appena rilasciato

Non perdere il nostro nuovo curriculum sull’IA Generativa!

Visita https://aka.ms/genai-js-course per iniziare!

• Lezioni che coprono tutto, dalle basi fino a RAG.
• Interagisci con personaggi storici usando GenAI e la nostra app companion.
• Narrazione divertente e coinvolgente, viaggerai nel tempo!

Ogni lezione include un compito da completare, un controllo delle conoscenze e una sfida per guidarti nell’apprendimento di argomenti come:

• Prompting e ingegneria dei prompt
• Generazione di app testuali e di immagini
• App di ricerca

Visita https://aka.ms/genai-js-course per iniziare!

🌱 Iniziare

Insegnanti, abbiamo incluso alcuni suggerimenti su come usare questo curriculum. Ci piacerebbe ricevere il vostro feedback nel nostro forum di discussione!

Studenti, per ogni lezione, iniziate con un quiz pre-lezione, seguite leggendo il materiale della lezione, completate le varie attività e verificate la vostra comprensione con il quiz post-lezione.

Per migliorare la tua esperienza di apprendimento, connettiti con i tuoi compagni di corso per lavorare insieme sui progetti! Le discussioni sono incoraggiate nel nostro forum di discussione dove il nostro team di moderatori sarà disponibile per rispondere alle tue domande.

Per approfondire la tua formazione, ti consigliamo vivamente di esplorare Microsoft Learn per materiali di studio aggiuntivi.

📋 Configura il tuo ambiente

Questo curriculum ha un ambiente di sviluppo pronto all’uso! Quando inizi puoi scegliere di eseguire il curriculum in un Codespace (un ambiente basato su browser, senza necessità di installazioni), oppure localmente sul tuo computer usando un editor di testo come Visual Studio Code.

Crea il tuo repository

Per salvare facilmente il tuo lavoro, è consigliato creare una tua copia di questo repository. Puoi farlo cliccando sul pulsante Usa questo modello in cima alla pagina. Questo creerà un nuovo repository nel tuo account GitHub con una copia del curriculum.

Segui questi passaggi:

1. Effettua il Fork del Repository: Clicca sul pulsante "Fork" in alto a destra di questa pagina.
2. Clona il Repository: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git

Esecuzione del curriculum in un Codespace

Nella tua copia di questo repository che hai creato, clicca sul pulsante Code e seleziona Open with Codespaces. Questo creerà un nuovo Codespace in cui lavorare.

Esecuzione del curriculum localmente sul tuo computer

Per eseguire questo curriculum localmente sul tuo computer, avrai bisogno di un editor di testo, un browser e uno strumento da linea di comando. La nostra prima lezione, Introduzione ai Linguaggi di Programmazione e agli Strumenti del mestiere, ti guiderà attraverso varie opzioni per ciascuno di questi strumenti in modo che tu possa scegliere ciò che funziona meglio per te.

La nostra raccomandazione è di utilizzare Visual Studio Code come editor, che include anche un Terminale integrato. Puoi scaricare Visual Studio Code qui.

1. Clona il tuo repository sul computer. Puoi farlo cliccando sul pulsante Code e copiando l'URL:

   CodeSpace Quindi, apri Terminale all'interno di Visual Studio Code ed esegui il seguente comando, sostituendo <your-repository-url> con l'URL appena copiato:

   git clone <your-repository-url>
   

2. Apri la cartella in Visual Studio Code. Puoi farlo cliccando su File > Apri cartella e selezionando la cartella appena clonata.

Estensioni consigliate per Visual Studio Code:

• Live Server - per visualizzare in anteprima pagine HTML all'interno di Visual Studio Code
• Copilot - per aiutarti a scrivere codice più velocemente

📂 Ogni lezione include:

• sketchnote opzionale
• video supplementare opzionale
• quiz preparatorio alla lezione
• lezione scritta
• per le lezioni basate su progetti, guide passo passo su come realizzare il progetto
• verifiche della conoscenza
• una sfida
• letture supplementari
• compito
• quiz post-lezione

Una nota sui quiz: tutti i quiz si trovano nella cartella Quiz-app, 48 quiz totali di tre domande ciascuno. Sono disponibili qui. L'app dei quiz può essere eseguita localmente o distribuita su Azure; segui le istruzioni nella cartella quiz-app.

🗃️ Lezioni

	Nome Progetto	Concetti Insegnati	Obiettivi di Apprendimento	Lezione Collegata	Autore
01	Getting Started	Introduzione alla Programmazione e Strumenti del Mestiere	Imparare i fondamenti di base della maggior parte dei linguaggi di programmazione e del software che aiuta gli sviluppatori	Intro to Programming Languages and Tools of the Trade	Jasmine
02	Getting Started	Nozioni base di GitHub, compreso lavorare in team	Come usare GitHub nel tuo progetto, come collaborare con altri su una base di codice	Intro to GitHub	Floor
03	Getting Started	Accessibilità	Imparare le basi dell'accessibilità web	Accessibility Fundamentals	Christopher
04	JS Basics	Tipi di Dati in JavaScript	Le basi dei tipi di dati in JavaScript	Data Types	Jasmine
05	JS Basics	Funzioni e Metodi	Impara a conoscere funzioni e metodi per gestire il flusso logico di un'applicazione	Functions and Methods	Jasmine and Christopher
06	JS Basics	Prendere decisioni con JS	Impara a creare condizioni nel tuo codice usando metodi decisionali	Making Decisions	Jasmine
07	JS Basics	Array e Cicli	Lavora con i dati usando array e cicli in JavaScript	Arrays and Loops	Jasmine
08	Terrarium	HTML in Pratica	Costruisci l'HTML per creare un terrario online, concentrandoti sulla creazione del layout	Introduction to HTML	Jen
09	Terrarium	CSS in Pratica	Costruisci il CSS per stilizzare il terrario online, concentrandoti sulle basi del CSS inclusa la realizzazione di una pagina responsiva	Introduction to CSS	Jen
10	Terrarium	Closure in JavaScript, manipolazione del DOM	Costruisci il JavaScript per far funzionare il terrario come interfaccia drag/drop, concentrandoti su closure e manipolazione del DOM	JavaScript Closures, DOM manipulation	Jen
11	Typing Game	Costruire un gioco di digitazione	Impara a usare eventi da tastiera per guidare la logica dell'app JavaScript	Event-Driven Programming	Christopher
12	Green Browser Extension	Lavorare con i Browser	Impara come funzionano i browser, la loro storia, e come strutturare i primi elementi di un'estensione browser	About Browsers	Jen
13	Green Browser Extension	Costruire un form, chiamare un'API e memorizzare variabili in local storage	Costruisci gli elementi JavaScript dell'estensione browser per chiamare un'API usando variabili memorizzate in local storage	APIs, Forms, and Local Storage	Jen
14	Green Browser Extension	Processi in background nel browser, prestazioni web	Usa i processi in background del browser per gestire l'icona dell'estensione; imparare sulle prestazioni web e alcune ottimizzazioni per migliorare	Background Tasks and Performance	Jen
15	Space Game	Sviluppo di giochi avanzato con JavaScript	Impara l'Ereditarietà usando sia Classi che Composizione e il modello Pub/Sub, in preparazione alla costruzione di un gioco	Introduction to Advanced Game Development	Chris
16	Space Game	Disegnare su canvas	Impara l'API Canvas, usata per disegnare elementi su uno schermo	Drawing to Canvas	Chris
17	Space Game	Spostare elementi sullo schermo	Scopri come gli elementi possono ottenere movimento usando coordinate cartesiane e l'API Canvas	Moving Elements Around	Chris
18	Space Game	Rilevamento collisioni	Fai collidere gli elementi e reagire tra di loro usando i tasti premuti e fornisci una funzione di cooldown per assicurare le prestazioni del gioco	Collision Detection	Chris
19	Space Game	Tenere il punteggio	Esegui calcoli matematici basati sullo stato e sulle prestazioni del gioco	Keeping Score	Chris
20	Space Game	Terminare e riavviare il gioco	Impara come terminare e riavviare il gioco, inclusa la pulizia delle risorse e il reset dei valori delle variabili	The Ending Condition	Chris
21	Banking App	Template HTML e Routing in un'app web	Impara a creare la struttura architettonica di un sito multipagina usando routing e template HTML	HTML Templates and Routes	Yohan
22	Banking App	Costruire un form di Login e Registrazione	Impara a costruire form e gestire routine di validazione	Forms	Yohan
23	Banking App	Metodi per recuperare e usare dati	Come i dati entrano ed escono dalla tua app, come recuperarli, conservarli e smaltirli	Data	Yohan
24	Banking App	Concetti di gestione dello stato	Impara come la tua app conserva lo stato e come gestirlo programmativamente	State Management	Yohan
25	Browser/VScode Code	Lavorare con VScode	Impara a usare un editor di codice	Usa l’editor di codice VScode	Chris
26	AI Assistants	Lavorare con l’AI	Impara a costruire il tuo assistente AI	Progetto Assistente AI	Chris

🏫 Pedagogia

Il nostro curriculum è progettato con due principi pedagogici chiave in mente:

• apprendimento basato su progetti
• quiz frequenti

Il programma insegna le basi di JavaScript, HTML e CSS, così come gli strumenti più recenti e le tecniche usate dagli sviluppatori web di oggi. Gli studenti avranno l'opportunità di sviluppare esperienza pratica costruendo un gioco di digitazione, un terrario virtuale, un'estensione browser eco-friendly, un gioco in stile space invaders e un'app bancaria per aziende. Alla fine della serie, gli studenti avranno acquisito una solida comprensione dello sviluppo web.

🎓 Puoi seguire le prime lezioni di questo curriculum come un Percorso di Apprendimento su Microsoft Learn!

Garantendo che i contenuti siano allineati ai progetti, il processo diventa più coinvolgente per gli studenti e la ritenzione dei concetti aumenterà. Abbiamo anche scritto alcune lezioni introduttive sulle basi di JavaScript per introdurre i concetti, abbinate a un video della collezione di tutorial video "Beginners Series to: JavaScript", alcuni dei cui autori hanno contribuito a questo curriculum.

Inoltre, un quiz a bassa pressione prima di una lezione stabilisce l'intenzione dello studente verso l'apprendimento di un argomento, mentre un secondo quiz dopo la lezione assicura una maggiore ritenzione. Questo curriculum è progettato per essere flessibile e divertente e può essere seguito interamente o in parte. I progetti partono piccoli e diventano progressivamente più complessi entro la fine del ciclo di 12 settimane.

Pur avendo volutamente evitato di introdurre framework JavaScript per concentrare l'attenzione sulle competenze di base necessarie come sviluppatore web prima di adottare un framework, una buona fase successiva per completare questo curriculum sarebbe imparare Node.js tramite un'altra raccolta di video: "Beginner Series to: Node.js".

Consulta il nostro Codice di Condotta e le linee guida su Come Contribuire. Accogliamo con piacere il tuo feedback costruttivo!

🧭 Accesso offline

Puoi eseguire questa documentazione offline usando Docsify. Fai il fork di questo repository, installa Docsify sulla tua macchina locale, e poi nella cartella radice di questo repository, digita docsify serve. Il sito sarà servito sulla porta 3000 sul tuo localhost: localhost:3000.

📘 PDF

Un PDF di tutte le lezioni può essere trovato qui.

🎒 Altri Corsi

Il nostro team produce altri corsi! Dai un'occhiata a:

LangChain

Azure / Edge / MCP / Agents

---

Serie Intelligenza Artificiale Generativa

---

Apprendimento di Base

---

Serie Copilot

Ottenere Aiuto

Se rimani bloccato o hai domande sulla creazione di app AI. Unisciti ad altri studenti e sviluppatori esperti nelle discussioni su MCP. È una comunità di supporto dove le domande sono benvenute e la conoscenza viene condivisa liberamente.

Se hai feedback sul prodotto o errori mentre costruisci, visita:

Licenza

Questo repository è concesso in licenza sotto la licenza MIT. Consulta il file LICENSE per maggiori informazioni.

---

Disclaimer:
Questo documento è stato tradotto utilizzando il servizio di traduzione automatica Co-op Translator. Pur impegnandoci per garantire l’accuratezza, si prega di considerare che le traduzioni automatiche possono contenere errori o imprecisioni. Il documento originale nella sua lingua nativa deve essere considerato la fonte autorevole. Per informazioni critiche, si raccomanda una traduzione professionale effettuata da un umano. Non ci assumiamo alcuna responsabilità per eventuali malintesi o interpretazioni errate derivanti dall’uso di questa traduzione.