54 lines
2.0 KiB
Markdown
54 lines
2.0 KiB
Markdown
# Esercizi
|
|
|
|
Raccolta completa di esercizi JavaScript, HTML, CSS e React per il corso di programmazione Web.
|
|
|
|
## 📁 Struttura della Repository
|
|
|
|
#### `/base/`
|
|
|
|
Esercizi di base per iniziare con la programmazione e l'ambiente di sviluppo:
|
|
- **Terminale**: Introduzione al terminale e comandi principali
|
|
|
|
|
|
#### `/javascript/` - Esercizi JavaScript
|
|
|
|
Esercizi progressivi per imparare JavaScript dal base ai concetti avanzati:
|
|
|
|
- **01 - Base**: Variabili, tipi di dato, stringhe e operazioni di base
|
|
- **02 - Operatori**: Operatori aritmetici, logici e di confronto
|
|
- **03 - Errori e Strutture Condizionali**: if/else, switch, errori comuni
|
|
- **04 - Iterazioni**: for, while, do-while e cicli annidati
|
|
- **05 - Funzioni**: Definizione, parametri, return e scope
|
|
- **06 - Array**: Creazione, metodi, map, filter, reduce
|
|
- **07 - Oggetti**: Creazione, proprietà, metodi e distruzione
|
|
- **08 - DOM**: Manipolazione del DOM e event listener
|
|
- **08 - DOM+**: Progetti completi (lista spesa, calcolatrice, gestionale)
|
|
- **09 - Manipolazione Dati**: Esercizi con array di oggetti e logica complessa
|
|
- **10 - localStorage**: Persistenza dei dati nel browser
|
|
- **11 - API**: Fetch, async/await e integrazione con API esterne
|
|
- **12 - Progetti**: Progetti completi per mettere in pratica tutte le competenze acquisite
|
|
|
|
|
|
#### `/html/` e `/css/`
|
|
|
|
Esercizi e progetti per HTML e CSS (struttura e styling web).
|
|
|
|
#### `/react/`
|
|
|
|
Esercizi e progetti React per imparare component-driven development (struttura da sviluppare).
|
|
|
|
|
|
## 🔧 Impostazioni
|
|
|
|
#### Estensioni Consigliate per VS Code
|
|
|
|
- **Live Preview** (`ms-vscode.live-preview`) - Anteprima in tempo reale degli esercizi DOM
|
|
- **Italian Language Pack** (`ms-ceintl.vscode-language-pack-it`) - Interfaccia di VS Code in italiano
|
|
- **ES7+ React/Redux/React-Native snippets** (`dsznajder.es7-react-js-snippets`) - Snippet per React
|
|
|
|
#### Prerequisiti
|
|
|
|
- **Node.js** (v14+) - [Scarica qui](https://nodejs.org)
|
|
- **VS Code** - [Scarica qui](https://code.visualstudio.com)
|
|
- Browser moderno (Chrome, Firefox, Edge, Safari)
|