Formação Profissional em Computação - COM200 - Atividade Avaliativa - Semana4

Prévia do material em texto

uma das linguagens mais populares da web, se caracteriza por ter tipagem dinâmica, ser baseada em objetos e orientada a eventos (p. ex., movimentos do mouse, pressionar botão, arrastar e soltar etc.) e realizar avaliação em tempo de execução. Ela é padronizada pela ECMA International (European Computer Manufacturers Association) nas especificações ECMA-2623 e é baseada em ECMA Script. Observe seguinte código em JavaScript: function do{ endereco = prompt("Insira seu Endereço: "); confirma = confirm("Seuendereço é: + endereco); }while(!confirma); alert("A página será document.write("Seu endereço é: } Fonte: Adaptada de Miletto e Bertagnolli p. 112). E. M.: S. C. Desenvolvimento de software II: introdução ao desenvolvimento web com CSS, JavaScript e PHP. Porto Alegre: Bookman, 2014. E-book. De acordo com o código, podemos afirmar que os termos "do" e "endereco" são respectivamente: a.palavra reservada e variável b.palavra reservada e palavra reservada e texto d.variável e palavra reservada e.variável e variável Os eventos são ações realizadas dentro de uma página HTML e, por esse motivo, são vinculados às tags HTML. Dependendo da ação, evento pode ou não ser Há eventos realizados com outros, com teclado, e, ainda, outros, vinculados a Observe a seguinte codificação: Texto Letra Fonte: Elaborada pelo autor. Baseando-se em funcionalidade de eventos, a alternativa que contém a linha com a função ligada a evento e sua descrição correta é: a.11 clique do mouse b.11 soltar a tecla soltar a tecla d.5 passar mouse e. 11 passar mousejQuery é uma biblioteca JavaScript que "facilita manipulação de elementos gestão de eventos, animações e utilização de AJAX (Asynchronous JavaScript and XML JavaScript e XML), dentre outros". Ele disponibiliza também um "conjunto de widgets, componentes predefinidos com funcionalidades embutidas, e uma série de temas gráficos (jQuery UI)". e MATOS, 2020). ZABOT, MATOS, E. de S. Aplicativos com Bootstrap e angular - como desenvolver apps São Paulo: Saraiva, 2020. E- book. (Disponível na Minha Biblioteca). Em relação a conceitos e práticas relacionados a linguagens e bibliotecas web, analise as afirmativas a seguir. I. As linguagens de programação são divididas em linguagens de baixo e alto níveis, sendo as primeiras relativamente legíveis por humanos - elas tendem a seguir a estrutura e a sintaxe das linguagens reais. II. Angular]S, um framework JavaScript de código aberto mantido pela Google, possui como funcionalidade a programação de aplicativos de página única (single-page III. Node.js é um ambiente runtime JavaScript multiplataforma de código aberto que executa JavaScript no lado do servidor. Ele é utilizado principalmente para escrever scripts do lado do servidor. IV. Python é uma das principais linguagens orientadas a objetos para construção de software. Mesmo com alta complexidade e flexibilidade, sua sintaxe permanece fácil de aprender. Está correto o que se afirma em: a. II, apenas III, apenas II III, apenas III e apenas e. II e apenas JavaScript foi uma grande evolução das páginas web, pois a partir da implementação dessa linguagem em páginas web denominadas DHMTL (Dynamic HTML), passou a ser possível validar dados ainda no lado do cliente, diretamente no navegador de Internet (browser), otimizando o fluxo de transações entre cliente e servidor. Conforme Zabot e Matos além das possibilidades próprias do JavaScript existem diferentes bibliotecas que expandem seu escopo e suas funcionalidades, como jQuery e Angular]S. Levando em consideração as características do kit JavaScript e jQuery, identifique se são (V) verdadeiras ou (F) falsas as afirmativas a seguir. ) As grandes empresas evitam utilizar jQuery em seus projetos, pois para resolver problemas de compatibilidade de navegadores, é necessário implementar mais linhas de código em comparação ao JavaScript "puro". II. jQuery resolve grande parte dos problemas de incompatibilidade de navegadores em comparação ao JavaScript "puro". III. Torna o código-fonte mais limpo ao reduzir a quantidade de código de além de simplificar o uso de IV. As versões slim do jQuery não apresentam os recursos de JavaScript nem efeitos gráficos, com o intuito de poupar espaço de armazenamento. Assinale a alternativa que apresenta a sequência CORRETA.Conforme Zabot e Matos (2020), o JavaScript e, consequentemente, o jQuery interagem com os elementos HTML por meio de eventos que acontecem em diferentes situações: um click em um botão, o movimento de passar com o mouse sobre um elemento da página, a pressão do dedo sobre a tela de um dispositivo touch e quando o navegador termina de carregar a página web. Sobre o uso de analise o código abaixo: 1. on fx) 2. function fx (event) { 3. $ CSS ('width', 400) 4. } a alternativa que descreve o resultado CORRETO. a. Na linha 1, é definido um observador do evento click sobre o elemento "box87", e é indicado o evento "fx" como gerenciador da função. Na linha 2, o evento "fx" recebe automaticamente um parâmetro, que é a função que gerou a chamada. Na linha 3, o evento seleciona novamente o "box87" e modifica sua largura com o método CSS. Por fim, a linha 4 apenas encerra o código. b. Na linha 1, é definida uma função do tipo observador click sobre o elemento "box87", e é indicado o objeto "fx" como gerenciador do evento. Na linha 2, o objeto "fx" recebe automaticamente um parâmetro, que é o observador que gerou a chamada. Na linha 3, o objeto seleciona novamente o "box87" e modifica sua largura com o método CSS. Por fim, a linha 4 apenas encerra o código. Na linha 1, é definido um observador do evento largura do elemento "box87", e é indicada a função "fx" como gerenciador do evento. Na linha 2, a função "fx" recebe automaticamente um parâmetro, que é o evento que gerou a chamada. Na linha 3, o observador seleciona novamente o "box87" e modifica sua largura com o método CSS. Por fim, a linha 4 apenas encerra o código. d. Na linha 1, é definido um observador do evento click sobre o elemento "box87", e é indicada a função "fx" como gerenciador do evento. Na linha 2, a função "fx" recebe automaticamente um parâmetro, que é o evento que gerou a chamada. Na linha 3, a função seleciona novamente o "box87" e modifica sua largura com o método CSS. Por fim, a linha 4 apenas encerra o código. e. Na linha 1, é definida uma função do tipo evento click sobre o elemento "box87", e é indicado o observador "fx" como gerenciador do evento. Na linha 2, o observador "fx" recebe automaticamente um parâmetro, que é o evento que gerou a chamada. Na linha 3, o observador seleciona novamente o "box87" e modifica sua largura com o método CSS. Por fim, a linha 4 apenas encerra o código. A forma mais comum de adicionar código JavaScript no HTML é a separação em dois arquivos: a marcação fica em a em JavaScript. A ligação entre eles se dá também pela tag . Nesse caso será indicado endereço onde está o arquivo JavaScript conforme explanado a seguir BERTAGNOLLI, 2014). MILETTO, E. BERTAGNOLLI, C. Desenvolvimento de software II: introdução ao desenvolvimento web com HTML, CSS, JavaScript e PHP. Porto Alegre: Bookman, 2014. Segunda página com JS Texto no HTML. Fonte: Adaptada de Miletto e Bertagnolli (2014, p. 97). Isso considerado, avalie as afirmações a seguir. I. arquivo meuscript.js é um arquivo de texto comum no qual é inserido qualquer código JavaScript que será lido no programa. II. Os arquivos podem ser abertos e programados em qualquer editor de texto, como Bloco de Notas, nativo do sistema operacional. III. arquivo de texto pode ser um programa estruturado ou separado por funções e classes, como numa classe comum. Está correto que se afirma em: III, apenas III, apenas II, apenas apenas IIIBootstrap é uma coleção de ferramentas de código aberto para desenvolvimento de sites e aplicativos web. Inclui modelos de design baseados em HTML e CSS, um sistema de grade responsivo, componentes predefinidos e plug-ins em jQuery. Desenvolvido para uniformizar os componentes do Twitter, foi liberado como código aberto em 2011. Sobre Bootstrap e desenvolvimento web, analise as afirmativas a seguir. I. Bootstrap vem com estilos responsivos, como contêineres e consultas de para garantir que site se ajuste à janela de visualização, mas ainda se encontra em desenvolvimento para tablets (disponível apenas para smartphones). II. Considerando Bootstrap e seus recursos, a classe base .btn é usada para todos os estilos comuns que você deseja para seus botões, como display, padding, border-width. Com tal classe, você não precisa repetir essas propriedades CSS em sua folha de estilo. III. Embora Bootstrap simplifique processo de construção de um site, você terá de estar familiarizado com HTML e CSS para usar a estrutura, e entender modelo de box CSS será importante ao usar a classe container. Está correto que se afirma em: a. apenas II, apenas II III, apenas II e III, apenas e. III, apenas As bibliotecas são um conjunto de funções que visam facilitar a utilização de uma determinada linguagem. o framework difere das bibliotecas, pois é um conjunto de componentes que contém uma base pronta de um projeto. Nesse sentido, avalie as sentenças a seguir, em relação aos quatro frameworks para desenvolvimento de sistemas, relacionando-as adequadamente. 1 React. 2 3 Bootstrap. 4 jQuery. código é pouco protegido, mas, em contrapartida, tem o benefício de contar com muitos plugins à disposição e ocupar pouco espaço em disco. II. Apresenta pouca documentação, mas agiliza a prototipagem de aplicativos e favorece a reutilização de componentes em uma mesma aplicação. III. Tem foco na experiência do usuário, além de suportar a maioria dos navegadores de Internet IV. Focada na interface do usuário e facilita a criação de aplicações web Assinale a alternativa que correlaciona adequadamente dois grupos de informação: a. 2-II; 3-III; 4-IV. b. 1-II; 4-III. c. 2-II; 3-III; d. 3-II; e. 3-III;HTML, CSS e JavaScript são triunvirato da maioria dos desenvolvimentos front-end da web; desenvolvedores os usam para codificar como usuário de um site vê seu conteúdo, a forma visual e certas funções. Eles não são as únicas ferramentas de software, mas as mais comuns que fornecem essencial. As linguagens "back- end" podem ser executadas no servidor web e podem incluir PHP, SQL, Ruby e outras; em geral, desenvolvedores estão menos preocupados com a aparência de um site em comparação ao que será exibido e às funções disponíveis a visitantes e administradores. Sobre história e padrões do desenvolvimento web, analise as afirmações a seguir. I. HTML é a linguagem de publicação da World Wide Web desenvolvida por Tim Berners-Lee, desenvolvido com a visão de que todos os tipos de dispositivos devam conseguir usar informações na web. II. CSS suplantou as técnicas HTML pesadas em código, uma vez comumente usadas para definir layout das páginas da web, marcando conteúdo com códigos sucintos que identificam texto como, por exemplo, um parágrafo. III. Com CSS podemos brincar com as imagens, mas a animação é parte apenas de JavaScript, pois layout da página, animação e qualidade das imagens causam primeiro impacto antes de conteúdo a atenção do espectador. IV. Algumas aplicações de XML, como XHTML e MathML, já se tornaram recomendações do W3C. XML permite alterar dados de uma página, assim como faz Está correto que se afirma em: a. III e apenas III, apenas II e IV apenas d. II, apenas III, apenas Com a chegada do HTML 5, novos tipos de campos foram disponibilizados para certificar que o usuário digite a informação solicitada. Há campos que verificam automaticamente se o valor é uma data, hora, e-mail, número etc. Entretanto nem todos os navegadores os implementam, o que torna necessária uma validação mais específica. Observe um trecho de código: function campo BUSCA corretamente"); document.formulario.busca.focus(); return false; ) return true; } Fonte: Elaborada pelo autor. A partir da análise do código e de suas funcionalidades, julgue as afirmativas a seguir. código não funcionará, pois JavaScript necessita ser carregado através de um arquivo separado com a extensão II. Nesse caso, se o usuário digitar um caractere de espaço e pressionar enter, a chamada será realizada III. código executará com erro caso a página requisitada na expressão action não exista ou esteja em pasta diferente da chamada. IV. alert será exibido no momento em que o usuário terminar de digitar uma expressão inválida no campo de busca. Está correto que se afirma em: II, apenas III IV, apenas III, apenas IV, apenas III, apenas