Programa do Curso

Introdução

  • Visão geral do Alpine JS
  • O que são as directivas Alpine JS

Como começar

  • Compreender o papel do Alpine JS’ na conceção moderna da Web
  • Aprender a utilizar o Alpine JS e quando utilizar uma estrutura Web completa
  • Instalando o Alpine JS
  • Criando o programa Alpine JS

Utilizar o AlpineJs

  • Reutilização de objectos de dados com Alpine.data
  • Declarar um armazenamento de dados global: Alpine.store

Directivas Alpine JS

  • Declarar dados do sítio web: x-data
  • Adicionar toggles: x-show
  • Eventos personalizados e modificadores de eventos com x-on
  • Definição de atributos HTML dinâmicos: x-bind
  • Ligação avançada de atributos com x-bind
  • Ligação de dados a elementos de formulário: x-model
  • Definir o conteúdo de elementos: x-text e x-HTML

Inicialização da componente Alpine JS

  • Executar código na inicialização de elementos: x-init
  • Responder a alterações de dependência: x-effect
  • Referenciar elementos por chave: x-ref

Resolução de problemas

Resumo e próximas etapas

Requisitos

  • Compreensão básica da estrutura da Web
  • Experiência com codificação básica para web design
  • JavaScript experiência em programação

Público

  • Desenvolvedores
 14 horas

Declaração de Clientes (5)

Cursos Relacionados

Categorias Relacionadas