Questão de Tecnologia da Informação · FCC TRT-11 2017 (nº 33)

O conceito-chave aqui é data binding, que significa "ligação de dados". Em frameworks como o AngularJS, ele permite que a interface do usuário (o HTML) e os dados do aplicativo (variáveis JavaScript) permaneçam sincronizados automaticamente: quando um muda, o outro é atualizado.

• (A) Incorreta: QueryJS não é um framework de desenvolvimento web amplamente reconhecido que utilize essa sintaxe para data binding. O jQuery, que é popular, é uma biblioteca de manipulação de DOM, não um framework de data binding como o exemplificado.
• (B) Incorreta: Facelets é uma tecnologia de visualização para JavaServer Faces (JSF), que usa tags XML e Expression Language (EL) (ex: #{bean.propriedade}) para data binding, não a sintaxe ng-model e {{...}}.
• (C) Correta: O fragmento de código utiliza ng-model para vincular o valor do campo de entrada a uma variável JavaScript chamada processo, e {{processo}} para exibir o valor dessa variável. Essa é a sintaxe clássica de two-way data binding (ligação de dados bidirecional) do AngularJS 1.x. Um bom professor explicaria que ng-model é uma diretiva do AngularJS que estabelece essa conexão automática entre o input e a variável, e {{...}} é uma interpolação que mostra o valor da variável, tornando a sincronização visível. Essa combinação é a marca registrada do AngularJS para data binding.
• (D) Incorreta: Portlets são componentes de uma aplicação web portal, definindo um padrão para componentes de UI plugáveis, mas não são uma tecnologia de desenvolvimento de UI ou data binding em si.
• (E) Incorreta: PrimeFaces é uma biblioteca de componentes para JavaServer Faces (JSF). Assim como Facelets, utiliza tags JSF e Expression Language (EL) para data binding, não a sintaxe ng-model e {{...}}.