Scavare nel codice - dummies - Social media 2024

Adobe Edge Animate CC rende possibile la creazione di animazioni per una vasta gamma di utenti, da coloro che pensano di lavorare con il codice una sfida a sviluppatori esperti e ingegneri che mangiano il codice per la colazione. Da un lato, non hai davvero bisogno di alcuna abilità di codifica per creare animazioni professionali con Edge Animate; d'altra parte, Edge Animate fornisce

codice HTML5 nativo, che è molto pulito - nessun codice proprietario o non necessario. Questo aiuta a rendere il codice più facile da leggere e capire per tutti.
Un pannello di codice persistente, che ti dà accesso alla modifica del codice a mano.
API JavaScript (interfaccia di programmazione dell'applicazione), che offre l'opportunità di apprendere i dettagli dietro il codice.

I progettisti senza capacità di codifica possono rilassarsi sapendo che possono ancora creare composizioni senza conoscere alcun codice. Nel frattempo, sviluppatori esperti possono salutare Adobe per fornire l'accesso a tutto il codice di background.

Lavorare in HTML nativo

Mentre lavori in Edge Animate, il software crea costantemente codice dietro le quinte. Sebbene non sia necessario conoscere HTML o JavaScript per creare animazioni, se si dispone di alcune capacità di codifica, è possibile festeggiare: Edge Animate crea un codice HTML molto pulito senza bagaglio di proprietà.

Se vuoi entrare nel codice, considera il file HTML creato da Edge Animate come l'unico file che potrebbe essere necessario aprire. Edge Animate crea diversi altri tipi di file, inclusi i file JavaScript, ma questi file sono densi di codice. Se non sei uno sviluppatore, allora un buon consiglio è di evitare questi file.

Se hai già creato diversi siti web e non vuoi creare la tua animazione da zero, sei fortunato: non devi ricominciare dall'inizio. Una grande funzionalità di Edge Animate è che puoi importare file HTML esistenti, il che dà agli sviluppatori Web esperti un vantaggio con Edge Animate.

HTML5 è la grande cosa con lo sviluppo web in questi giorni, proprio insieme a CSS3. Se ti stai chiedendo cos'è HTML5, il modo migliore per descriverlo è che è il futuro del web. Quindi, utilizzando Edge Animate, ti stai ponendo all'avanguardia delle tecnologie web. E la parte migliore è che non devi sapere come codificarti per usarlo; Edge Animate crea il codice per te.

Codifica facilmente con il pannello di codice persistente

Puoi utilizzare Adobe Edge Animate CC senza conoscere un singolo bit di codice. Tuttavia, se sei uno sviluppatore a cui piace scrivere a mano, puoi farlo con la finestra del codice.Sono disponibili due opzioni quando si utilizza la finestra del codice:

È possibile visualizzare il codice completo. Questa figura mostra ciò che vedi: tutto il codice nel file delle azioni per la particolare animazione su cui stai lavorando. Questa vista è estremamente utile; non devi continuare a fare clic avanti e indietro tra i frammenti di codice.

Usa la modalità Codice completo per visualizzare e modificare il tuo file di azioni. È possibile attivare questa modalità facendo clic sul pulsante Codice completo nell'angolo in alto a destra dell'editor di codice.
È possibile visualizzare il codice di un'azione specifica. Quando si apre la finestra di codice, viene visualizzato un elenco di azioni sul lato sinistro. Facendo clic su una di queste azioni, puoi modificare il codice solo per quell'azione (vedi la figura).

Per aprire la finestra del codice, dal menu, selezionare Finestra e quindi Codice come mostrato.

Puoi usare una scorciatoia da tastiera per aprire la finestra del codice premendo Ctrl + E.

Inserimento dell'API JavaScript

Un'API JavaScript di Adobe Edge Animate CC è disponibile per i programmatori più esperti. Per coloro che non sanno nulla di JavaScript o di scrittura del codice, non preoccuparti; non è necessario un massiccio imbroglio del codice per creare animazioni. Tuttavia, se ti piace sollevare il cofano e colpire il motore, l'API JavaScript fornisce una risorsa eccellente.

API sta per application programming interface ed è uno strumento comune che i programmatori usano per scrivere e fare il debug del codice. Ovviamente, se vuoi istruirti su come codificarti, esaminare il funzionamento delle API può aiutarti a iniziare. Tieni presente, tuttavia, che le API in genere non forniscono informazioni a livello principiante; presumono che tu sappia già come codificare.

L'API JavaScript di Adobe Edge Animate CC offre molte funzionalità da esplorare:

Panoramica di Adobe Edge Animate CC: Questa sezione dell'API offre un'introduzione generale al programma.
Trigger, eventi e azioni: Queste funzionalità di Edge Animate eseguono il codice per te (come ad esempio il ciclo) o quando il pubblico interagisce con parti diverse dell'animazione (ad esempio facendo clic su un pulsante).
Strumenti e puntatori per la creazione di simboli (animazioni incorporate riutilizzabili): Particolarmente utili sono i simboli Edge Animate, che sono comportamenti autonomi, linee temporali e grafica.
API JavaScript: Questa è l'interfaccia standard di JavaScript, un pratico strumento a sé stante, specialmente quando ti piace codificare manualmente aspetti specifici dei tuoi progetti di animazione.
Argomenti avanzati: Dopo aver praticato alcuni esercizi di codifica, questi argomenti offrono alcune indicazioni avventurose da esplorare (ad esempio, la creazione di più composizioni in una pagina).