28 KiB

Raw Blame History

Segui questi passaggi per iniziare a utilizzare queste risorse:

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

Sviluppo Web per Principianti - Un Curriculum

Impara le basi dello sviluppo web con il nostro corso completo di 12 settimane offerto 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 capacità di apprendimento con il nostro approccio basato sui progetti. Inizia il tuo viaggio nel coding oggi stesso!

🌐 Supporto Multilingue

Supportato tramite GitHub Action (Automatizzato e Sempre Aggiornato)

Se desideri supportare ulteriori lingue, l'elenco delle lingue disponibili è qui

🧑‍🎓 Sei uno studente?

Visita la pagina Student Hub dove troverai risorse per principianti, pacchetti per studenti e persino modi per ottenere un voucher per certificati gratuiti. Questa è la pagina da salvare nei preferiti e controllare di tanto in tanto, poiché il contenuto viene aggiornato mensilmente.

📣 Annuncio - Nuovo Progetto da costruire utilizzando Generative AI

Appena aggiunto un nuovo progetto AI Assistant, dai un'occhiata al progetto

📣 Annuncio - Nuovo Curriculum su Generative AI per JavaScript appena rilasciato

Non perdere il nostro nuovo curriculum su Generative AI!

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

Lezioni che coprono tutto, dai concetti di base a RAG.
Interagisci con personaggi storici utilizzando GenAI e la nostra app complementare.
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 di testo e immagini
App di ricerca

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

🌱 Per iniziare

Insegnanti, abbiamo incluso alcune indicazioni su come utilizzare questo curriculum. Ci piacerebbe ricevere il vostro feedback nel nostro forum di discussione!

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

Per migliorare la vostra esperienza di apprendimento, connettetevi con i vostri 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 vostre domande.

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

📋 Configurare il tuo ambiente

Questo curriculum ha un ambiente di sviluppo pronto all'uso! Quando iniziate, potete scegliere di eseguire il curriculum in un Codespace (un ambiente basato su browser, senza necessità di installazioni), o localmente sul vostro computer utilizzando un editor di testo come Visual Studio Code.

Crea il tuo repository

Per salvare facilmente il tuo lavoro, ti consigliamo di creare una copia di questo repository. Puoi farlo cliccando sul pulsante Use this template in alto nella pagina. Questo creerà un nuovo repository nel tuo account GitHub con una copia del curriculum.

Segui questi passaggi:

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

Eseguire il 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.

Eseguire il 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 riga 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, permettendoti di scegliere ciò che funziona meglio per te.

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

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

CodeSpace

Poi, apri Terminal all'interno di Visual Studio Code ed esegui il seguente comando, sostituendo <your-repository-url> con l'URL che hai appena copiato:
```
git clone <your-repository-url>
```
Apri la cartella in Visual Studio Code. Puoi farlo cliccando su File > Open Folder e selezionando la cartella che hai appena clonato.

Estensioni consigliate per Visual Studio Code:

Live Server - per visualizzare le pagine HTML direttamente in Visual Studio Code

Copilot - per aiutarti a scrivere codice più velocemente

📂 Ogni lezione include:

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

Una nota sui quiz: Tutti i quiz sono contenuti 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 del Progetto	Concetti Insegnati	Obiettivi di Apprendimento	Lezione Collegata	Autore
01	Introduzione	Introduzione alla Programmazione e agli Strumenti del Mestiere	Impara le basi comuni alla maggior parte dei linguaggi di programmazione e il software che aiuta gli sviluppatori professionisti nel loro lavoro	Introduzione ai Linguaggi di Programmazione e agli Strumenti del Mestiere	Jasmine
02	Introduzione	Fondamenti di GitHub, incluso il lavoro in team	Come utilizzare GitHub nel tuo progetto e collaborare con altri su una base di codice	Introduzione a GitHub	Floor
03	Introduzione	Accessibilità	Impara le basi dell'accessibilità web	Fondamenti di Accessibilità	Christopher
04	Fondamenti JS	Tipi di Dati in JavaScript	Le basi dei tipi di dati in JavaScript	Tipi di Dati	Jasmine
05	Fondamenti JS	Funzioni e Metodi	Impara le funzioni e i metodi per gestire il flusso logico di un'applicazione	Funzioni e Metodi	Jasmine e Christopher
06	Fondamenti JS	Prendere Decisioni con JS	Impara a creare condizioni nel tuo codice utilizzando metodi decisionali	Prendere Decisioni	Jasmine
07	Fondamenti JS	Array e Cicli	Lavora con i dati utilizzando array e cicli in JavaScript	Array e Cicli	Jasmine
08	Terrarium	HTML in Pratica	Costruisci l'HTML per creare un terrario online, concentrandoti sulla creazione di un layout	Introduzione a HTML	Jen
09	Terrarium	CSS in Pratica	Costruisci il CSS per stilizzare il terrario online, concentrandoti sui fondamenti del CSS, inclusa la creazione di una pagina responsiva	Introduzione a CSS	Jen
10	Terrarium	Chiusure JavaScript, manipolazione DOM	Costruisci il JavaScript per far funzionare il terrario come un'interfaccia drag/drop, concentrandoti sulle chiusure e sulla manipolazione del DOM	Chiusure JavaScript, manipolazione DOM	Jen
11	Gioco di Scrittura	Costruire un Gioco di Scrittura	Impara a utilizzare gli eventi della tastiera per guidare la logica della tua app JavaScript	Programmazione Event-Driven	Christopher
12	Estensione Green per Browser	Lavorare con i Browser	Impara come funzionano i browser, la loro storia e come creare i primi elementi di un'estensione per browser	Informazioni sui Browser	Jen
13	Estensione Green per Browser	Costruire un modulo, chiamare un'API e memorizzare variabili in local storage	Costruisci gli elementi JavaScript della tua estensione per browser per chiamare un'API utilizzando variabili memorizzate in local storage	API, Moduli e Local Storage	Jen
14	Estensione Green per Browser	Processi in background nel browser, prestazioni web	Utilizza i processi in background del browser per gestire l'icona dell'estensione; impara le prestazioni web e alcune ottimizzazioni	Attività in Background e Prestazioni	Jen
15	Gioco Spaziale	Sviluppo di Giochi Avanzato con JavaScript	Impara l'Ereditarietà utilizzando sia Classi che Composizione e il pattern Pub/Sub, in preparazione per costruire un gioco	Introduzione allo Sviluppo di Giochi Avanzato	Chris
16	Gioco Spaziale	Disegnare su canvas	Impara l'API Canvas, utilizzata per disegnare elementi su uno schermo	Disegnare su Canvas	Chris
17	Gioco Spaziale	Muovere elementi sullo schermo	Scopri come gli elementi possono acquisire movimento utilizzando le coordinate cartesiane e l'API Canvas	Muovere Elementi	Chris
18	Gioco Spaziale	Rilevamento delle collisioni	Fai collidere gli elementi e reagire tra loro utilizzando i tasti e fornisci una funzione di cooldown per garantire le prestazioni del gioco	Rilevamento delle Collisioni	Chris
19	Gioco Spaziale	Tenere il punteggio	Esegui calcoli matematici basati sullo stato e sulle prestazioni del gioco	Tenere il Punteggio	Chris
20	Gioco Spaziale	Terminare e riavviare il gioco	Impara a terminare e riavviare il gioco, inclusa la pulizia delle risorse e il reset dei valori delle variabili	Condizione di Fine	Chris
21	App Bancaria	Template HTML e Rotte in un'App Web	Impara a creare la struttura di un sito web multipagina utilizzando routing e template HTML	Template HTML e Rotte	Yohan
22	App Bancaria	Costruire un modulo di Login e Registrazione	Impara a costruire moduli e gestire routine di validazione	Moduli	Yohan
23	App Bancaria	Metodi per Recuperare e Utilizzare Dati	Come i dati fluiscono dentro e fuori dalla tua app, come recuperarli, memorizzarli e eliminarli	Dati	Yohan
24	App Bancaria	Concetti di Gestione dello Stato	Impara come la tua app mantiene lo stato e come gestirlo programmaticamente	Gestione dello Stato	Yohan
25	Browser/VScode Code	Lavorare con VScode	Impara a utilizzare un editor di codice	Utilizzare l'Editor di Codice VScode	Chris
26	Assistenti AI	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:

apprendimento basato su progetti
quiz frequenti

Il programma insegna i fondamenti di JavaScript, HTML e CSS, oltre agli strumenti e alle tecniche più recenti utilizzati dagli sviluppatori web di oggi. Gli studenti avranno l'opportunità di acquisire esperienza pratica costruendo un gioco di scrittura, un terrario virtuale, un'estensione per browser eco-friendly, un gioco in stile space-invader 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 Percorso di Apprendimento su Microsoft Learn!

Garantendo che il contenuto sia allineato ai progetti, il processo diventa più coinvolgente per gli studenti e la ritenzione dei concetti sarà migliorata. Abbiamo anche scritto diverse lezioni introduttive sui fondamenti di JavaScript per introdurre i concetti, accompagnate da un video della collezione "Serie per Principianti: JavaScript" di tutorial video, alcuni dei cui autori hanno contribuito a questo curriculum.

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

Pur avendo volutamente evitato di introdurre framework JavaScript per concentrarci sulle competenze 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: "Serie per Principianti: Node.js".

Visita il nostro Codice di Condotta e le linee guida per Contribuire. Accogliamo con favore i tuoi feedback costruttivi!

🧭 Accesso offline

Puoi eseguire questa documentazione offline utilizzando Docsify. Fai un fork di questo repository, installa Docsify sulla tua macchina locale e poi, nella cartella principale di questo repository, digita docsify serve. Il sito web sarà servito sulla porta 3000 del 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:

Ottenere Aiuto

Se ti blocchi o hai domande sulla creazione di app AI, unisciti a:

Se hai feedback sul prodotto o riscontri errori durante la creazione, visita:

Licenza

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

Disclaimer:
Questo documento è stato tradotto utilizzando il servizio di traduzione AI Co-op Translator. Pur cercando di garantire la massima accuratezza, si prega di notare che le traduzioni automatiche possono contenere errori o imprecisioni. Il documento originale nella sua lingua nativa dovrebbe essere considerato la fonte autorevole. Per informazioni critiche, si raccomanda una traduzione professionale effettuata da un esperto umano. Non siamo responsabili per eventuali incomprensioni o interpretazioni errate derivanti dall'uso di questa traduzione.

28 KiB Raw Blame History