Dev.to WebDev πŸ›  Dev πŸ‘ 0 πŸ“– 1 min read

πŸ› οΈ Sviluppare una guida Canva modulare con HTML, CSS e JavaScript

Continuando lo sviluppo di Oreste AI, sto lavorando anche alla sezione β€œImpara Canva con Oreste AI”. L'obiettivo non Γ¨ creare semplicemente una pagina con alcuni collegamenti, ma costruire una guida organizzata e facilm

Continuando lo sviluppo di Oreste AI, sto lavorando anche alla sezione β€œImpara Canva con Oreste AI”.

L'obiettivo non Γ¨ creare semplicemente una pagina con alcuni collegamenti, ma costruire una guida organizzata e facilmente estendibile.

🧩 Struttura modulare

La guida Γ¨ organizzata attraverso diverse sezioni, ognuna dedicata a una specifica attivitΓ :

🎨 Strumenti principali
πŸ–ΌοΈ Mockup
🏷️ Loghi
πŸ“Š Presentazioni
🎬 Video
πŸ“± Social Media
πŸ“„ Curriculum Vitae
🌐 Siti Web
πŸ–¨οΈ Stampa
πŸ“Έ Foto
✍️ Testo e font
πŸ€– AI
πŸ“š Esercitazioni

La struttura permette di aggiungere nuove sezioni senza dover riscrivere l'intera pagina.

πŸ’» Tecnologie

La pagina utilizza principalmente:

HTML per la struttura
CSS per interfaccia e layout
JavaScript per le interazioni

JavaScript viene utilizzato, tra le altre cose, per gestire l'apertura delle risorse e le interazioni della guida.

Ho mantenuto anche un popup iniziale con una breve presentazione della guida e la sintesi vocale tramite SpeechSynthesis.

🎀 Integrazione con Oreste AI

Uno degli aspetti che sto sviluppando Γ¨ il collegamento tra la guida e l'assistente vocale.

Il comando:

β€œOreste AI, impara Canva”

puΓ² diventare il punto di accesso alla guida.

L'idea Γ¨ collegare l'interazione vocale con una struttura web semplice e modulare.

πŸ”§ Un progetto in evoluzione

Sto cercando di seguire un approccio progressivo:

sviluppare β†’ testare β†’ correggere β†’ aggiungere β†’ migliorare

Questo rende piΓΉ semplice sperimentare nuove funzioni senza perdere il controllo della struttura esistente.

Oreste AI continua a crescere e la guida Canva Γ¨ una delle componenti che sto sviluppando per rendere l'esperienza piΓΉ pratica e accessibile.

πŸš€ Un modulo alla volta, il progetto continua a crescere.

webdev #javascript #html #css #ai

πŸ“° Read the original article on Dev.to WebDev

Originally published by Dev.to WebDev. Aggregated on AIWithGhost for educational purposes β€” full credit and traffic to the original publisher.