Cavando no Código - dummies

O Adobe Edge Animate CC torna possível a criação de animações para uma variedade de usuários - daqueles que consideram trabalhar com o código um desafio para desenvolvedores e engenheiros experientes que comem código para o café da manhã. Por um lado, você realmente não precisa de habilidades de codificação para criar animações profissionais com Edge Animate; Por outro lado, o Edge Animate fornece

• código nativo HTML5, que é muito limpo - sem código proprietário ou desnecessário. Isso ajuda a tornar o código mais fácil de ler e entender para todos.

• Um painel de código persistente, que lhe dá acesso para editar o código à mão.

• API de JavaScript (interface de programação de aplicativos), que oferece uma oportunidade para aprender os detalhes por trás do código.

Os designers sem habilidades de codificação podem relaxar sabendo que ainda podem criar composições sem saber nenhum código. Enquanto isso, desenvolvedores experientes podem saudar a Adobe para fornecer acesso a todo o código de fundo.

Trabalhando em HTML nativo

Enquanto você trabalha no Edge Animate, o software está constantemente criando código nos bastidores. Embora você não precise necessariamente saber qualquer HTML ou JavaScript para criar animações, se você tiver algumas habilidades de codificação, então você pode comemorar - o Edge Animate cria um código HTML muito limpo sem qualquer bagagem de propriedade.

Se você quiser entrar no código, considere o arquivo HTML que o Edge Animate cria como o único arquivo que você pode precisar abrir. O Edge Animate cria vários outros tipos de arquivos, incluindo arquivos JavaScript, mas esses arquivos são densos com o código. Se você não é um desenvolvedor, então um bom conselho é evitar esses arquivos.

Se você já construiu vários sites e não deseja criar sua animação a partir do zero, você está com sorte: você não precisa começar de novo desde o início. Uma excelente característica do Edge Animate é que você pode importar arquivos HTML existentes - o que oferece aos desenvolvedores web experientes uma vantagem com o Edge Animate.

HTML5 é a grande coisa com o desenvolvimento web nos dias de hoje, bem junto com o CSS3. Se você está se perguntando o que é HTML5, a melhor maneira de descrevê-lo é que é o futuro da web. Então, ao usar o Edge Animate, você está se colocando na vanguarda das tecnologias da web. E a melhor parte é que você não precisa saber como codificar para usá-lo; O Edge Animate cria o código para você.

Codificando facilmente com o painel de código persistente

Você pode usar o Adobe Edge Animate CC sem conhecer um único código. No entanto, se você é um desenvolvedor que gosta de código manual, pode fazê-lo com a janela de código.Você tem duas opções ao usar a janela de código:

• Você pode visualizar o código completo. Esta figura mostra o que você vê: todo o código no arquivo de ações para a animação particular em que você está trabalhando. Esta visão é extremamente útil; você não precisa continuar clicando entre os trechos de código.

  Use o modo de código completo para visualizar e editar seu arquivo de ações. Você pode ativar este modo clicando no botão Código Completo no canto superior direito do editor de código.

  

• Você pode visualizar o código de uma ação específica. Quando você abre a janela de código, você vê uma lista de ações no lado esquerdo. Ao clicar em uma dessas ações, você pode editar o código apenas para essa ação (veja a figura).

  

Para abrir a janela de código, no menu, escolha Janela e depois Código como mostrado.

Você pode usar um atalho de teclado para abrir a janela de código pressionando Ctrl + E.

Puxando a API de JavaScript

Uma API JavaScript do Adobe Edge Animate CC está disponível para os codificadores hardcore lá fora. Para aqueles que não sabem nada de JavaScript ou código de escrita, não se preocupe; Não é necessário um enrolamento de código maciço para criar animações. No entanto, se você gosta de levantar o capô e empurrar o motor, a API de JavaScript oferece um excelente recurso.

API significa interface de programação de aplicativos e é uma ferramenta comum que os programadores usam para escrever e depurar o código. Claro, se você quiser se educar sobre como para codificar, procurar o funcionamento das APIs pode fazer você começar. Tenha em mente, no entanto, que as API geralmente não fornecem informações de nível iniciante; eles assumem que você já sabe como codificar.

A API do Adobe Animated CC JavaScript oferece muito a explorar:

• Visão geral do Adobe Edge Animate CC: Esta seção da API oferece uma introdução geral ao programa.

• Disparadores, eventos e ações: Esses recursos do Edge Animate executam o seu código para você (como o loop) ou quando seu público interage com diferentes partes da animação (como clicar em um botão).

• Ferramentas e ponteiros para criar símbolos (animações incorporadas reutilizáveis): Especialmente úteis são os símbolos de animação de borda, que são comportamentos autônomos, linhas de tempo e gráficos.

• JavaScript API: Esta é a interface JavaScript padrão, uma ferramenta útil por direito próprio, especialmente quando você gosta de codificar manualmente aspectos específicos de seus projetos de animação.

• Tópicos avançados: Depois de ter alguma prática de codificação no seu cinto, esses tópicos oferecem algumas direções aventureiras para explorar (por exemplo, criando múltiplas composições em uma página).

Esta figura fornece um exemplo do que você pode encontrar na API.