Baixe o app para aproveitar ainda mais
Prévia do material em texto
Matéria Desenvolvimento de Soft. p/ Web Atividade 01: OK 17 a 27-09 Atividade 02: Ok 17 a 02-10 Atividade 03: OK 17 a 27-09 Atividade 04: OK 17 a 02-10 · Pergunta 1 0 em 1 pontos A validação de um campo pode ser realizada de duas maneiras: a verificação da estrutura e a verificação do valor. No caso, por exemplo, do CPF, a verificação da estrutura poderá ser realizada com a utilização de expressões regulares e, a verificação do valor, com codificação JavaScript direta. Para essa questão, suponha o código para a validação estrutural abaixo. <html> <head> <script language="JavaScript"> function VerificarCPF(f) { var exp_regCPF = ___; if(exp_regCPF.test(f.___.value)) { alert("___"); return true; } else { alert("___"); return true; } } </script> </head> <body> <form name="cadastro" method=”POST” _1_="return VerificarCPF(this);"> <p>Número do CPF: <input type="text" name="cpf"></p> <p><label><input type="submit" name="Verificar" value="Verificar"></label></p> </form> </body> </html> Preencha os campos em aberto escolhendo itens da lista a seguir. I. onSubmit II. action III. /^\d{3}\.\d{3}\.\d{3}\-\d{2}$/ IV. /^\d{0-9}\.\d{0-9}\.\d{0-9}\-\d{0-9}$/ V. cpf VI. cadastro VII. CPF não válido VIII. CPF válido Assinale a alternativa que contém a sequência correta. Resposta Selecionada: III; V; VIII; VII; II. Resposta Correta: III; V; VIII; VII; I. Feedback da resposta: Respostas incorretas. Sua resposta está incorreta. Para essa questão, reflita, na expressão regular, quais os campos que representam valores e quais representam a quantidade de ocorrências. Além disso, observe o retorno do método test e reveja quando usar o action e quando usar o onSubmit. · Pergunta 2 1 em 1 pontos Temos inúmeros padrões de projeto que podemos aplicar no desenvolvimento de nossas páginas, dentre os quais, podemos mencionar o padrão GOF e o padrão MVC. Analise as afirmações abaixo, classificando-as como “V”, se forem verdadeiras, ou “F”, se forem falsas. (_) O padrão GOF é mais restritiva, ou seja, analisa um aspecto em específico. (_) O padrão GOF contempla três grupos: criação; estrutural e comportamental. (_) O padrão GOF é o preferido para a implementação de páginas. (_) O padrão MVC é totalmente divergente em relação ao GOF. Assinale a alternativa que que apresenta a sequência correta. Resposta Selecionada: F; V; V; F. Resposta Correta: F; V; V; F. Feedback da resposta: Resposta correta. Resposta correta. Realmente o padrão MVC é o preferido para a implementação das páginas, pois realiza a abstração do sistema sob vários pontos de vista. Essa decomposição funcional e estrutural, utilizando elementos do GOF, permite que os vários aspectos demandados pelas páginas possam ser supridos. · Pergunta 3 1 em 1 pontos Sabe-se que para a codificação de uma página, pode-se utilizar, além do HTML, linguagens de programação, tais como JavaScript e o PHP. Sabe-se, também, que o desenvolvimento da página pode ser estruturado em camadas funcionais. Para essa questão, dadas as afirmativas a seguir, assinale com “J”, a afirmativa que se relaciona com o JavaScript, e com “P”, a que se relaciona com o PHP. (_) Está mais associada com a parte de regras de negócio, interfaceando a camada de interação com o usuário, com a camada de armazenamento persistente (bancos de dados). (_) Relaciona-se mais com a camada de interface com o usuário pois, com ela, pode-se fazer, por exemplo, validação de formulário de forma mais fácil. (_) Em um formulário, o seu código é referenciado no parâmetro “onSubmit”. (_) Em um formulário, o seu código é referenciado no parâmetro “action”. Assinale a opção que contenha a sequência correta. Resposta Selecionada: P; J; J; P. Resposta Correta: P; J; J; P. Feedback da resposta: Resposta correta. Você acertou. Realmente a JavaScript é mais associada com a parte da interface com o usuário, permitindo, por exemplo, a validação dos campos do formulário e a criação de páginas responsivas. Por outro lado, o PHP está relacionado mais na camada de processamento propriamente dito, ou seja, manipula as regras de negócio. · Pergunta 4 1 em 1 pontos É comum incorporar à página HTML, código JavaScript para, dentre outras coisas, realizar validação dos campos do formulário. Uma outra utilização do JavaScript consiste na manipulação das folhas CSS, para que seja possível a construção de páginas responsivas. Dentre as afirmativas abaixo, assinale com “V”, o que for verdadeiro e, com “F”, o que for falso. (_) o código JavaScript deve estar localizado na área de cabeçalho da página, ou seja, dentro da região delimitada por <head> e </head>. (_) o nome do script JavaScript deverá ser referenciado por meio do parâmetro action da tag <form>. (_) a validação do formulário pode ocorrer somente quando o botão de submissão for pressionado pelo usuário. (_) a ativação de um script pode ser realizada também por meio de eventos tal como o onkeypress . Marque a alternativa que contenha a sequência correta. Resposta Selecionada: V; F; F; V. Resposta Correta: V; F; F; V. Feedback da resposta: Resposta correta. Sua resposta está correta. Validação de campos do formulário poderá ser realizada, tanto no momento de submissão, quanto na ocorrência de eventos, tais como o onkeypress e o onmouseover . Para tanto, o código de tratamento escrito em JavaScript deverá estar dentro da região de cabeçalho. Em relação ao action , não se deve confundir esse parâmetro com o onsubmit . O action serve para referenciar o script (por exemplo, escrito em PHP) que enviará os dados ao servidor e, o onsubmit serve para referenciar o script de validação. · Pergunta 5 1 em 1 pontos Padrões de projeto auxiliam a implementação de páginas web , pois permitem vários níveis de abstrações em suas diversas funcionalidades e demandas. Dentre os vários padrões existentes atualmente, destaca-se o GOF que, na verdade, é constituído por diversos padrões classificados em três classes: padrões de criação, padrões estruturais e padrões comportamentais. Além do GOF, existe o MVC – padrão preferido para a implementação de páginas. Em sua estruturação, o MVC é constituído por três camadas: camada de visão, camada de modelo e camada de controle. Tais camadas incorporam diversos padrões GOF. Dados os padrões a seguir, classifique-os identificando com “M”, se ele integrar a camada de modelo; com “V”, caso ele seja implementado na camada de visão e; com “C”, se ele estiver presente na camada de controle. (_) composite (_) observer (_) strategy (_) factory Assinale a alternativa que corresponda à sequência correta. Resposta Selecionada: V; M; C; C. Resposta Correta: V; M; C; C. Feedback da resposta: Resposta correta. Sua resposta está correta. O “ composite” oferece recursos para a “composição visual”. A camada de modelo, uma vez que deve informar às demais as modificações, deve implementar a estratégia “ observer”. Por fim, a camada de controle deve ter regras para controlar as outras duas camadas. Como exemplo de tais regras, temos o “ strategy” e o “ factory”. · Pergunta 6 1 em 1 pontos Padrões de projeto tem o objetivo de auxiliar o processo de projeto e implementação de sistemas computacionais, dentre os quais podemos relacionar as páginas web . Dentre os padrões existentes, podemos citar o GOF que consiste de uma coleção de padrões classificados em padrões de criação, padrões estruturais e padrões comportamentais. Muitos destes padrões compõem, ainda, o padrão MVC. Para essa questão, encontramos, abaixo, uma definição sumária de quatro destes padrões. I. Singleton : permite uma única instanciação de objeto de uma classe específica. II. Interator : objetiva acessar, sequencialmente, os elementos de uma lista sem precisar conhecera estrutura de relacionamento (por exemplo, array e tabela hash ). III. State : neste padrão, acontece uma alteração do comportamento de um objeto em função da alteração de seu estado. IV. Observer : um objeto realiza a notificação para outros objetos, devido a sua alteração de estado. Dados os exemplos de uso, numere-os de forma a estabelecer um relacionamento entre os padrões apresentados acima e os exemplos de uso. (_) Criar um mapa do site a partir do percurso de todos os elementos que compõem uma coleção de menus. (_) Delimitar uma única conexão ao banco de dados por processo. (_) Objetos da camada de modelo notificam a camada de controle, dentro do escopo do MVC, por ocasião de suas alterações de estado. (_) Dentro de um jogo de RPG, as regras (condições e consequências dos comandos “if”) dependem do estado corrente do objeto. Assinale a alternativa que contenha a sequência correta. Resposta Selecionada: II; I; IV; III. Resposta Correta: II; I; IV; III. Feedback da resposta: Resposta correta. Sua resposta está correta. Temos vários padrões envolvendo a criação de páginas. Cada padrão cobre um aspecto específico em relação à estrutura, comportamento e de visão. · Pergunta 7 1 em 1 pontos O padrão MVC é um dos mais utilizados no mundo do desenvolvimento de páginas por contemplar um nível de abstração mais amplo. Para tanto, ele contempla três camadas: a camada de modelo, a camada de visão e a camada controladora. Dadas as funcionalidades abaixo, relacione com as camadas atribuindo os valores “M”, “V” e “C”, respectivamente. (_) Conhecida como “ client-side ”. (_) Gerencia as demais outras camadas. (_) Trata as regras de negócio. (_) Determina qual modelo será aplicado e qual forma de visão será passada ao usuário. (_) Utiliza HTML e/ou XML. (_) Notifica as outras duas camadas na ocorrência de alterações. Assinale a alternativa que contém a sequência correta. Resposta Selecionada: V; C; M; C; V; M. Resposta Correta: V; C; M; C; V; M. Feedback da resposta: Resposta correta. Sua resposta está correta. O padrão MVC apresenta a possibilidade de tornar o sistema altamente dinâmico. A camada de controle é capaz de decidir quais serão as regras de negócio que a camada de modelo deverá executar e qual será a visão que o usuário deve ter em um certo momento. A ação da camada de controle é dinâmica, para tal, ela recebe notificações sobre possíveis alterações inerentes à camada de negócio. A camada de visão tem a função de manipular elementos relacionados aos aspectos visuais e de interação com o usuário. Para tanto, manipula codificação em HTML e/ou XML. · Pergunta 8 1 em 1 pontos Às vezes, programar diretamente usando JavaScript, principalmente quando temos que manipular CSS torna-se uma tarefa árdua. Sem contar pelo fato de que o JavaScript pode ter problemas de compatibilidade entre os navegadores. Diante destes e outros motivos, surgiu a biblioteca JQuery. Analisando as afirmativas a seguir, assinale com “V”, o que for verdadeiro e com “F”, o que for falso. (_) Pelo fato de ser inserida uma camada a mais (representada pelo JQuery), o tempo de processamento foi aumentado em demasia – não compensando o uso de JQuery. (_) O JQuery substituiu, com grande vantagem, as animações em Flash. (_) O JQuery, em relação ao lado do programador, fez com que fossem economizadas várias linhas de código. (_) O JQuery mantém compatibilidade com diversos tipos e versões de navegadores. Assinale a opção que contenha a sequência que você julgue como sendo a correta. Resposta Selecionada: F; V; V; V. Resposta Correta: F; V; V; V. Feedback da resposta: Resposta correta. Sua resposta está correta. O JQuery é uma biblioteca pequena que não introduziu atrasos significativos e nem consumo excessivo extra de memória para o seu processamento. Substituiu o Flash e consegue ter uma compatibilidade cross-browser (entre navegadores). · Pergunta 9 1 em 1 pontos Várias páginas oferecem a possibilidade de interação com o usuário por meio de formulários. Para um processamento correto, as informações fornecidas devem ser validadas, para que possam ser processadas no servidor. Considerando isso, analise as afirmações a seguir. I. Em um modelo de III camadas, a validação do formulário deve ocorrer na camada I, tanto em relação à estrutura, quanto em relação à regra de negócio. II. A validação de estrutura deve ocorrer na camada I e a validação em relação às regras de negócio na camada II. III. É comum usar, para a validação em relação à estrutura, JavaScript e, para as regras de negócio, comumente usa-se PHP. IV. Toda validação é realizada na camada II, aplicando-se funções escritas em PHP. A partir das observações realizadas, marque a alternativa correta. Resposta Selecionada: As afirmativas II e III são verdadeiras. Resposta Correta: As afirmativas II e III são verdadeiras. Feedback da resposta: Resposta correta. Sua resposta está correta. Realmente, para uma melhor estruturação, aproveitamento dos recursos (tanto de processamento, quanto de comunicação), divide-se o sistema em camadas. A camada I, mais próxima ao usuário, é responsável pela interatividade. Dessa forma, encontramos nela, os formulários. Sendo assim, a parte da estrutura das informações fornecidas deverá ser tratada nesta camada. Por outro lado, as regras de negócio são específicas a cada aplicação. Desta forma, a validação e o processamento inerente às regras de negócio fazem parte da camada II. · Pergunta 10 1 em 1 pontos Em algumas páginas, após um tempo de inatividade, surgem alguns elementos como, por exemplo, a abertura de uma janela de chat oferendo ajuda para navegar na página. Para essa questão, suponha o código a seguir, para implementar esse recurso do chat: <html> <head> <title>Inicia Página</title> <script language="JavaScript"> function IniciaPagina() { ___(___, 1000); } function AbreChat() { //aqui conteria o código do chat... } </script> </head> <body ___="___()"> Restante da página... </body> </html> Preencha os espaços com os elementos abaixo enumerados. I. onload II. IniciaPagina III. setTimeout IV. setInterval V. AbreChat Assinale a opção que contenha a sequência correta. Resposta Selecionada: III; V; I; II. Resposta Correta: III; V; I; II. Feedback da resposta: Resposta correta. Sua resposta está correta. Para eventos que ocorram apenas uma vez, usa-se o setTimeout. Por outro lado, para eventos periódicos e cíclicos, usa-se o método setInterval. Pergunta 1 1 em 1 pontos Leia o excerto a seguir. “A última versão do IIS, a 5.0, ostenta vários recursos, incluindo as páginas de servidor ativas, ASP (Active Server Pages). Outros recursos incluem o Index Server, uma adição integrada ao IIS que propicia indexação plena de texto e pesquisa HTML, texto e documentos do Word, da Microsoft, através de um navegador da Web . Também está incluída uma versão do Crystal Reports para IIS quer propicia relatórios com qualidade de apresentação a partir tanto de registros da Web bem como de bancos de dados do Access e do SQL da Microsoft”. LEMAY, L.; COLBURN, R.; TYLER, D. Aprenda a criar páginas web com HTML e XHTML em 21 dias . São Paulo: Pearson Education do Brasil, 2002. Disponível em: <http://aulaaberta.bv3.digitalpages.com.br/users/publications/9788534614283>. Acesso em: 13/1/2019. A partir das informações e dos estudos sobre SQL, associe cada comando com seu respectivo significado. I. SELECT * FROM <tabela> II. UPDATE <tabela> SET <campo> = <valor> WHERE <condição> III. SELECT <campo> FROM TABELA IV. INSERT INTO <tabela> (<campos>) VALUES (<valores >); V. SELECT <campo> FROM TABELA WHERE <condição> ( )Recuperação de dados de campo único sem filtro. ( )Realiza a alteração de dados de uma tabela. ( )Seleção de todosos campos de determinada tabela. ( )Seleção de campo exclusivo com utilização de filtro. ( )Inclusão de registro em determinada tabela. Agora, assinale a alternativa que apresenta a sequência correta. Resposta Selecionada: III, II, I, V, IV. Resposta Correta: III, II, I, V, IV. Feedback da resposta: A resposta está correta. Os comandos SQL foram corretamente associados com as suas respectivas descrições. Os comandos SELECT, INSERT e UPDATE foram corretamente associados. Pergunta 2 1 em 1 pontos Leia o excerto a seguir. “ Structured Query Language , Linguagem de Consulta Estruturada ou SQL, é uma linguagem de pesquisa declarativa para banco de dados relacional (base de dados relacional). Muitas das características originais do SQL foram inspiradas na álgebra relacional. O SQL foi desenvolvido originalmente no início dos anos 70 nos laboratórios da IBM em San Jose, dentro do projeto System R, que tinha por objetivo demonstrar a viabilidade da implementação do modelo relacional proposto por E. F. Codd”. ROSA, A. Trabalhando com Java e SQL . Portal Viva o Linux, publicado em 15/04/2010. Disponível em: <https://www.vivaolinux.com.br/artigo/Trabalhando-com-Java-e-SQL-(parte-1)>.Acesso em: 10/2/2019. A partir do que lemos no trecho acima, considere as afirmações a seguir. I. A sintaxe correta do comando DELETE do SQL é DELETEFROM <nome da tabela>WHERE <condições>. II. Caso não seja declarada a cláusula WHERE, serão excluídos todos os registros. III. Para se alterar ou excluir uma faixa de registros, incluindo a própria faixa, utiliza-se o símbolo “>”. IV. Para se filtrar mais de uma condição, a sintaxe correta é DELETE FROM <nome da tabela> WHERE <condição> AND <condição>. Assinale a alternativa que apresenta o que é correto afirmar. Resposta Selecionada: I, II e IV. Resposta Correta: I, II e IV. Feedback da resposta: A resposta está correta. O comando foi construído na sintaxe correta. Ao analisarmos as condições da sintaxe, percebemos a correlação entre DELETE FROM <nome da tabela>, WHERE <condição> e AND <condição>. Já a simbologia >não representa um comando, pois está incompleto. Pergunta 3 1 em 1 pontos Leia o excerto a seguir. “Um processo de software é um conjunto de atividades relacionadas que levam à produção de um produto de software . Essas atividades podem envolver o desenvolvimento de software a partir do zero em uma linguagem padrão de programação como Java ou C.” SOMMERVILLE, I. Engenharia de Software . 9. ed. São Paulo: Pearson Addison Wesley, 2011. p. 18. O processo de desenvolvimento de software para web segue o mesmo princípio de desenvolvimento que lemos no texto acima. Este processo de desenvolvimento serve para qualquer suporte, como a web , desktop ou aplicativos móveis, sempre se utilizando de uma ou mis linguagens de desenvolvimento. É fundamental para o desenvolvedor ter pleno domínio dos significados das linguagens que são utilizadas no ambiente onde ele desenvolve. Deste modo, considerando as informações apresentadas e os conteúdos estudados sobre desenvolvimento de software para web , analise os conceitos a seguir e associe-os com suas respectivas descrições. I) PHP II) HTML III) SQL IV) AJAX ( )Linguagem responsável por executar processos assíncronos. ( )Esta linguagem é a mais indicada para sistemas web . ( )O objetivo desta linguagem é estruturar a apresentação do software . ( )Linguagem que executa a interação com o banco de dados. Agora, assinale a alternativa que apresenta a sequência correta de respostas. Resposta Selecionada: IV, I, II, III. Resposta Correta: IV, I, II, III. Feedback da resposta: A resposta está correta. Para se implementar um sistema para web, é necessária a interação de diversas linguagens, cada uma com seu principal objetivo. É fundamental para o desenvolvedor ter pleno conhecimento das funcionalidades de cada linguagem. Pergunta 4 1 em 1 pontos Leia o excerto a seguir. “Segurança e confiança. Pelo fato de o software estar presente em todos os aspectos de nossas vidas, é essencial que possamos confiar nele. Isso se torna verdade especialmente para sistemas remotos acessados através de uma página Web ou uma interface de webservice . Precisamos ter certeza de que os usuários maliciosos não possam atacar nosso software e de que a proteção da informação seja mantida”. SOMMERVILLE, I. Engenharia de Software . 9ª ed. Ed. Pearson Prentice Hall. São Paulo, 2011. p. 6. É possível compreender a importância da segurança da informação nos sistemas. Baseando-se no conteúdo estudado sobre sessões, leia as asserções abaixo. I. A sessão é fundamental quando se deseja mais segurança na página, ou quando é necessário ter um controle de usuário. PORQUE II. Utilizar sessão é prática comum entre os para guardar informações para uso posterior no software . Agora, assinale a alternativa correta. Resposta Selecionada: As proposições I e II são verdadeiras, e a II é justificativa da I. Resposta Correta: As proposições I e II são verdadeiras, e a II é justificativa da I. Feedback da resposta: Resposta correta. É fundamental guardar informações para posterior validação e segurança dos dados do usuário. Pergunta 5 1 em 1 pontos Leia o excerto a seguir. “As comunicações entre esses sistemas podem usar protocolos de troca de dados rápidos e de baixo nível. Um middleware eficiente oferece suporte em consultas de banco de dados em SQL ( Structured Query Language ), sendo usado para tratar informações de recuperação do banco de dados. [...] Structured Query Language (SQL) Linguagem padrão usada para programação de bancos de dados relacionais”. SOMMERVILLE, I. Engenharia de Software . 9. ed. São Paulo: Pearson Addison Wesley, 2011. p. 344. A linguagem SQL foi criada com o objetivo de padronizar os comandos de manipulação de dados. Hoje em dia, apesar de a linguagem possuir uma quantidade considerável de extensões e implementações proprietárias, pode-se afirmar que a meta foi alcançada. Conhecendo bem a linguagem é possível acessar os recursos básicos de qualquer banco relacional. Portanto, é fundamental conhecer com propriedade os comandos SQL para que os software s sejam desenvolvidos com alto grau de qualidade. A partir destas afirmativas, considere as duas proposições a seguir e a relação entre elas. I. O comando SELECT é um comando do SQL e tem como função recuperar informações de um banco de dados relacional. PORQUE II. O comando WHERE é um comando do SQL que tem como objetivo filtrar as informações recuperadas. Marque a alternativa que mostra a correlação correta entre as respostas. Resposta Selecionada: As proposições I e II são verdadeiras, mas a II não é justificativa da I. Resposta Correta: As proposições I e II são verdadeiras, mas a II não é justificativa da I. Feedback da resposta: A resposta está correta. O comando SELECT tem como objetivo retornar informações do banco de dados. O comando WHERE é a cláusula que impõe uma condição sobre a execução do comando, por isso, deve filtrar as informações. Nesse sentido, ambas as afirmações não têm relação uma com a outra. Pergunta 6 1 em 1 pontos Leia o excerto a seguir. “Sabe-se que a linguagem PHP é uma linguagem de programação criada especialmente para o uso em páginas Web .O PHP tem como característica agilidade e rapidez o que permite aos programadores desenvolver sistemas e programas com praticidade e segurança. Sua Sintaxe lembra um pouco a sintaxe do C e do Perl e é uma linguagem bem fácil de aprender. O PHP se diferencia de outros scripts CGI porque ao invés de se escrever um monte de comandos para imprimir os HTML, é escrito um arquivo HTML com os códigos PHP embutidos entre o HTML delimitado por tags de início e fim”.VAZ, W. R. Linguagem PHP (Hypertext Preprocessor) e a Web . Portal Web Artigos, publicado em 21 de julho de 2015. Disponível em:<https://www.webartigos.com/artigos/linguagem-php-hypertext-preprocessor-e-a-web/134066>. Acesso em: 13/1/2019. A partir das asserções extraídas do trecho acima, considere as afirmações a seguir. I. O comando mysql_fetch_array() retorna as subpartes de uma string em um vetor. II. O comando mysql_connect() realiza a conexão com um banco de dados. III. O comando mysql_select_db() executa a seleção de uma tabela do banco de dados. IV. O comando mysql_query() realiza a exclusão de uma tabela. Assinale a alternativa que apresenta o que é correto afirmar. Resposta Selecionada: I e II. Resposta Correta: I e II. Feedback da resposta: A resposta está correta. O comando mysql_fetch_array() executa a ordenação de uma string em um vetor e o comando mysql_connect() conecta a um banco de dados. Porém, o comando mysql_select_db() seleciona uma base de dados, não uma tabela Pergunta 7 1 em 1 pontos Leia o excerto a seguir. “[...] a definição de tabelas foi aprimorada de tal modo que o uso dessas tags de fechamento é opcional. Entretanto, muitos navegadores que dão suporte a tabelas ainda contam com a existência das tags de fechamento, e as tabelas podem até ter seu funcionamento, e as tabelas podem até ter seu funcionamento interrompido se você não inclui-las. As tags de fechamento sãonecessárias em todas as tags do padrão 1.0 do XHTML, portanto, é irremediavelmente preciso colocá-las”. LEMAY, L.; COLBURN, R.; TYLER, D. Aprenda a criar páginas web com HTML e XHTML em 21 dias . São Paulo: Pearson Education do Brasil, 2002. p. 297. Disponível em: <http://aulaaberta.bv3.digitalpages.com.br/users/publications/9788534614283>. Acesso em: 13/1/2019. Considerando as informações sobre tabelas em HTML, avalie as afirmações a seguir. I. <th></th> representa o cabeçalho da tabela. II. <td></td> representa o corpo da tabela. III. <tr></tr> representa a coluna da tabela. IV. <table></table> representa as células da tabela. Agora, assinale a alternativa que apresenta a sequência correta de respostas. Resposta Selecionada: V, F, V, F. Resposta Correta: V, F, V, F. Feedback da resposta: A resposta está correta. Foram associadas corretamente às tags da tabela com suas respectivas funções. Pergunta 8 1 em 1 pontos Leia o excerto a seguir. “O jQuery é uma biblioteca Javascript rápida, pequena e rica em recursos. Ele torna as coisas como passagem e manipulação de documentos HTML, manipulação de eventos, animação e Ajax muito mais simples, com uma API fácil de usar que funciona em vários navegadores. [...] A versão de desenvolvimento descompactada do plug-in do jQueryMigrate inclui a saída do log do console para avisar quando determinados recursos reprovados e / ou removidos específicos estão sendo usados. Isso faz com que seja valioso como uma ferramenta de depuração de migração para localizar e remediar problemas no código e nos plug-ins existentes do jQuery”. JQUERY. jQuery API . Portal jQuery, The jQuery Foundation, 2019. Disponível em: <http://api.jquery.com/>. Acesso em: 3/2/2019. Uma das principais funções do jQuery é a atividade assíncrona de chamada de função por meio do comando Ajax. O Ajax possui uma estrutura lógica própria. Sendo assim, ordene corretamente a estrutura dos parâmetros do comando Ajax: ( )type ( ) data ( ) cache ( )url Agora, assinale a alternativa que apresenta a sequência correta. Resposta Selecionada: 4, 2, 1, 3. Resposta Correta: 4, 2, 1, 3. Feedback da resposta: Correto. A sequência dos parâmetros que serão passados para a chamada da função assíncrona. Lembrando que a sintaxe correta da função Ajax garante o processamento eficaz da interação HTML e jQuery. Pergunta 9 1 em 1 pontos Leia o excerto a seguir. “[Javascript] Criada pela Netscape com a parceria da Sun Microsystem teve por finalidade adicionar interatividade as páginas web . Sua primeira versão foi lançada em 1995 e implementada no ano seguinte no navegador Netscape Navigator 2.0. [SILVA, 2010]. Essa linguagem faz parte de uma camada de comportamento do documento HTML, onde pode definir ou alterar as formar dinâmicas de documentos e também possibilita controlar o comportamento do navegador de diversos aspectos como criação de janelas pop-up, apresentar mensagens ao usuário e até mesmo dimensionar o próprio navegador”. GIROLDO, B. C.; FRESSATI, W. Evolução no Desenvolvimento com o HTML 5. In: XVII Seinpar – in... Anais... Semana de Informática e XIV Mostra de Trabalhos de Iniciação Científica de Paranavaí. Paranavaí, 2015. p. 4. I. O comando if() tem a sintaxe: if(condição) {código} else {código}; II. O comando for tem a sintaxe: for (condição inicial, incremento, condição final) {código}; III. A declaração de variável tem a sintaxe: var = valor inicial<declaração>.; IV. a mensagem de exibição para usuário tem a sintaxe: alert(“mensagem”); Agora, assinale a alternativa que apresenta a sequência correta de respostas. Resposta Selecionada: V, F, F, V. Resposta Correta: V, F, F, V. Feedback da resposta: Resposta correta. Foram bem compreendidos os comandos e suas sintaxes inerentes do Javascript no corpo do documento HTML. Pergunta 10 1 em 1 pontos Leia o excerto a seguir. “A < script > tag é usada para definir um script do lado do cliente (Javascript). O < script > elemento contém instruções de script ou aponta para um arquivo de script externo por meio do src atributo. Usos comuns para Javascript são manipulação de imagem, validação de formulário e alterações dinâmicas de conteúdo”. Portanto, a função do script é inserir comandos Javascript no corpo do arquivo HTML como forma de realizar manipulações de dados e validações de informações inseridas pelo usuário. W3SCHOOLS. HTML 5 Tutorial . Portal W3Schools, 2019. Disponível em: <https://www.w3schools.com/html/>. Acesso em: 3/2/2019. De acordo com o trecho acima, é possível perceber a importância da linguagem Javascript pela tag < script > do HTML para a construção de sites interativos. Nesse sentido, assinale com V, as afirmações verdadeiras e com F, as falsas. ( ) O script divisão é descrito na tag <head> do documento HTML. ( ) O script é consideradouma função síncrona. ( )As variáveis do script são declarados na divisão <body> do HTML. ( )Um dos comandos de iteração repetitiva do Javascript é o for() Agora, assinale a alternativa que apresenta a sequência correta de respostas. Resposta Selecionada: V, F, F, V. Resposta Correta: V, F, F, V. Feedback da resposta: A resposta está correta. As informações acerca do script e Javascript foram entendidas perfeitamente. O script está na divisão <head> e o comando for() executa um laço. O script não é uma função e as variáveis são declaradas na divisão <head>. Caro estudante, no Capítulo 3 estudamos sobre como vincular bancos de dados às páginas e como cadastrar registro no banco de dados. Vimos também os primeiros passos para obter dados de uma página HTML e salvá-los em um banco de dados. Fizemos uma síntese sobre o que é HTML e apresentamos exemplos de códigos, o que poderá auxiliá-lo para desenvolver um código HTML para um cadastro de fornecedores para a empresa “Casa da Tecnologia”. Baseie-se na imagem a seguir: 1.O título da página HTML deve ser “Casa da Tecnologia”. 2.Para a palavra “Cadastro de produto”, utilize o título 1. Resposta Selecionada: <html> <head> <title>Casa da Tecnologia</title> </head> <body> <h1>Cadastro de produto</h1> <p>Inclua as informações do produto abaixo</p> <form method="POST"> <label for="nome">Nome do produto: </label> <input type="text" id="nome"> <br><br> <label for="descricao">Descrição doproduto: </label> <input type="text" id="descricao"> <br><br> <label for="valor">Valor do produto: </label> <input type="number" id="valor"> <br><br> <label for="fornecedor">Fornecedor</label> <input type="text" id="fornecedor"> <br><br> <input type="submit" value="Cadastrar"> </form> </body> </html> Caro estudante, no Capítulo 1 aprendemos os conceitos básicos e primeiros passos para a criação de páginas web utilizando Linguagem de Marcação de Hipertexto (HTML). Vimos que as páginas deverão ter um conteúdo claro e objetivo, além de bem organizado, e, dentre vários conteúdos, aprendemos a identificar as principais tags e que, para utilizá-las para codificar uma página HTML, precisamos definir prioridades. Aprendemos também que, com as tabelas, podemos organizar melhor conteúdo da página a ser criada e que, para a criação de uma tabela, será preciso pensar na diagramação da página, ou seja, qual será o formato de sua tabela, borda, coloração, conteúdos das células etc. E que essa parte é de suma importância para que você possa estruturar o seu código baseado no layout esquematizado. Com base no conteúdo apresentado, desenvolva um código HTML, que deverá conter: 1.Título da página: Exercício. 2.Corpo da página: 2.1. Título de nível I, centralizado, com o texto “Tabela de produtos de informática”. 2.2. Montar uma tabela igual à seguinte, utilizando códigos HTML. Resposta Selecionada: <html> <head> <title> Exercício </title> <meta name="keywords" content="html, Exercício, página html"> </head> <body> <p><center><h1> Tabela de produtos de informática </h1></center></p> <table border="8" style="width:50%" cellpadding="10" cellspacing="3" <tr> <th>Produto</th> <th>Preço</th> <th>Quantidade</th> </tr> <tr> <td>Pen Drive 16 GB</td> <td>R$ 29,50</td> <td>1</td> </tr> <tr> <td>HD Externo 1TB</td> <td>R$ 244,90</td> <td>2</td> </tr> <tr> <td>Total</td> <td>R$ 519,30</td> <td></td> </tr> </table> </body> </html>
Compartilhar