Impara le basi dello sviluppo web con il nostro corso completo di 12 settimane tenuto dai Microsoft Cloud Advocates. Ognuna delle 24 lezioni approfondisce 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 tua memoria con la nostra efficace metodologia di apprendimento basata su progetti. Inizia il tuo percorso di codifica oggi stesso!

Unisciti alla community Discord di Azure AI Foundry

Segui questi passaggi per iniziare a usare queste risorse:

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

Preferisci clonare localmente?

Questo repository include più di 50 traduzioni linguistiche aumentando significativamente la dimensione del download. Per clonare senza traduzioni, usa il checkout parziale:

Bash / macOS / Linux:

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'

CMD (Windows):

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 serve per completare il corso con un download molto più veloce.

Se desideri che vengano supportate altre lingue di traduzione, sono elencate qui

Visita la pagina Student Hub dove troverai risorse per principianti, pacchetti per studenti e anche modi per ottenere un voucher gratuito per la certificazione. Questa è la pagina da aggiungere ai preferiti e controllare di tanto in tanto, poiché aggiorniamo i contenuti mensilmente.

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

È stato appena aggiunto un nuovo progetto AI Assistant, dai un’occhiata al progetto

Non perderti il nostro nuovo curriculum sull’AI Generativa!

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

• Lezioni che coprono tutto, dalle basi al 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 di conoscenza e una sfida che ti guiderà nell’apprendimento di argomenti come:

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

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

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

Studenti, per ogni lezione, iniziate con un quiz pre-lezione e proseguite leggendo il materiale della lezione, completando le varie attività e verificando la comprensione con il quiz post-lezione.

Per migliorare l’esperienza di apprendimento, connettiti con i tuoi compagni 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, consigliamo vivamente di esplorare Microsoft Learn per materiali di studio aggiuntivi.

Questo curriculum include un ambiente di sviluppo pronto all’uso! All’inizio 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.

Per salvare facilmente il tuo lavoro, si consiglia di creare una copia personale di questo repository. Puoi farlo cliccando sul pulsante Usa questo modello in alto nella pagina. Questo creerà un nuovo repository nel tuo account GitHub con una copia del curriculum.

Segui questi passi:

1. Fork del repository: clicca sul pulsante "Fork" nell’angolo in alto a destra di questa pagina.
2. Clona il repository: git clone https://github.com/microsoft/Web-Dev-For-Beginners.git

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

Per eseguire questo curriculum localmente sul tuo computer, ti servirà un editor di testo, un browser e uno strumento da riga di comando. La nostra prima lezione, Introduzione ai linguaggi di programmazione e strumenti del mestiere, ti guiderà attraverso varie opzioni per ciascuno di questi strumenti per poterti scegliere ciò che funziona meglio per te.

La nostra raccomandazione è di usare 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

   Poi, apri Terminal all'interno di Visual Studio Code ed esegui il comando seguente, 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 > Open Folder e selezionando la cartella appena clonata.

Estensioni Visual Studio Code raccomandate:

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

• sketchnote opzionale
• video supplementare opzionale
• quiz di riscaldamento pre-lezione
• lezione scritta
• per lezioni basate su progetti, guide passo-passo su come costruire il progetto
• verifiche di conoscenza
• una sfida
• letture supplementari
• compito
• quiz post-lezione

Una nota sui quiz: Tutti i quiz sono contenuti nella cartella Quiz-app, 48 quiz totali con 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.

Il nostro curriculum è progettato seguendo due principi pedagogici chiave:

• apprendimento basato su progetti
• quiz frequenti

Il programma insegna le basi di JavaScript, HTML e CSS, nonché gli strumenti e le tecniche più recenti usati dagli sviluppatori web di oggi. Gli studenti avranno l'opportunità di acquisire esperienza pratica costruendo un gioco di digitazione, un terrario virtuale, un'estensione browser eco-sostenibile, un gioco in stile space invader e un'app bancaria per imprese. 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 il contenuto sia allineato con i progetti, il processo risulta più coinvolgente per gli studenti e la ritenzione dei concetti sarà aumentata. Abbiamo inoltre scritto diverse lezioni introduttive sulle basi di JavaScript per introdurre i concetti, abbinate a un video dalla collezione "Beginners Series to: JavaScript" di tutorial video, alcuni autori dei quali hanno contribuito a questo curriculum.

Inoltre, un quiz a basso rischio prima della 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 è stato progettato per essere flessibile e divertente e può essere seguito interamente o parzialmente. I progetti iniziano piccoli e diventano progressivamente più complessi entro la fine del ciclo di 12 settimane.

Anche se abbiamo volutamente evitato di introdurre framework JavaScript per concentrarci sulle abilità di base necessarie come sviluppatore web prima di adottare un framework, un buon passo successivo per completare questo curriculum sarebbe imparare Node.js tramite un'altra collezione di video: "Beginner Series to: Node.js".

Visita le nostre linee guida su Codice di Condotta e Come contribuire. Accogliamo con piacere i tuoi feedback costruttivi!

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

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

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

Se ti blocchi 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 è condivisa liberamente.

Se hai feedback sul prodotto o errori durante lo sviluppo visita:

Questo repository è concesso in licenza sotto la licenza MIT. Vedere 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 notare che le traduzioni automatiche possono contenere errori o imprecisioni. Il documento originale nella sua lingua originale deve essere considerato la fonte autorevole. Per informazioni critiche, si raccomanda una traduzione professionale umana. Non siamo responsabili per eventuali malintesi o interpretazioni errate derivanti dall’uso di questa traduzione.