WorksheetsQuiz on Web Technologies
Total questions: 20
Worksheet time: 53mins
Com base no texto e nos critérios descritos acima, avalie as seguintes afirmações. Qual das seguintes é correta?
I, apenas.
II, apenas.
III, apenas.
I e II, apenas.
II e III, apenas.
Sabemos que o HTML é responsável por manter o conteúdo de uma página da web usando tags. Essas tags são interpretadas pelos navegadores e renderizadas para fornecer uma "visualização" do conteúdo. Este processo é feito através de uma solicitação HTTP do navegador para um servidor web, que responde transferindo o "arquivo" para o navegador e encerrando a solicitação. Assim, o carregamento de uma página da web é feito apenas no início do processo e depois fechado, deixando seu conteúdo estático. No entanto, vemos páginas que mudam seu conteúdo dinamicamente todos os dias. Isso se deve a:
Considerando a funcionalidade de cada uma dessas linguagens e também a interface DOM, que define a interação entre elas, responda quais dos itens abaixo estão corretos. I – O DOM é uma interface neutra em relação à linguagem que permite que linguagens de programação, também chamadas de linguagens de script, acessem e alterem dinamicamente seu conteúdo, estrutura e estilo de seus componentes. JavaScript é um exemplo de linguagem de programação usada para manipular dinamicamente os elementos de um DOM. II – A linguagem HTML é usada para descrever a estrutura de uma página da web, sem especificar detalhes sobre sua aparência. Para especificar detalhes de aparência, ou seja, para estilizar os elementos da estrutura HTML, a linguagem CSS é usada. III – JavaScript é uma linguagem de programação orientada a objetos amplamente utilizada no desenvolvimento de aplicações web. Sua principal funcionalidade é auxiliar o código CSS na especificação de estilos, sendo, juntamente com HTML e CSS, essencial para o desenvolvimento do template (ou aparência) da aplicação. IV – No modelo de representação DOM, cada elemento de um documento HTML é exclusivamente representado por um objeto JSON e só pode ser acessado e modificado usando a linguagem JavaScript.
Apenas os itens I e II estão corretos.
Apenas os itens II e III estão corretos.
Apenas os itens I, III e IV estão corretos.
Apenas os itens I e III estão corretos.
Apenas os itens I, II e IV estão corretos.
HTML e CSS formam a base para a criação de páginas e interfaces web. Enquanto o HTML é usado para estruturar o conteúdo, o CSS define a aparência e o layout da página. Qual das alternativas abaixo representa uma boa prática ao usar HTML e CSS para criar uma página responsiva?
Use unidades relativas como porcentagens e ems em vez de pixels fixos.
Defina tamanhos fixos para todos os elementos para garantir consistência.
Evite usar media queries para simplificar o design.
Use apenas CSS inline para estilizar elementos.
Selecione a alternativa correta de acordo com as afirmações: I. Em HTML, as tags
Apenas I está correta.
Apenas II está correta.
Apenas I e III estão corretas.
Apenas II e III estão corretas.
Todas estão corretas.
HTML é usado apenas para estruturar conteúdo fixo na página, não permitindo interação com outras tecnologias para alterar o comportamento ou apresentação de acordo com as ações do usuário.
Verdadeiro
Falso
CSS usa media queries para ajustar automaticamente o layout da página em resposta a mudanças no ambiente de visualização, como orientação ou resolução da tela, facilitando a criação de designs responsivos.
Verdadeiro
Falso
JavaScript é capaz de manipular o DOM para inserir ou modificar elementos HTML dinamicamente, permitindo que a página responda a eventos do usuário e atualize seu conteúdo sem precisar recarregar a página inteira.
Verdadeiro
Falso
CSS Grid e Flexbox dependem da interação com JavaScript para estruturar efetivamente elementos em uma página da web, não sendo capazes de fornecer uma resposta de layout por conta própria.
Verdadeiro
Falso
JavaScript interage com APIs do navegador, como a Fetch API, para executar requisições HTTP assíncronas, o que facilita atualizações de conteúdo e personalização da experiência do usuário sem interromper a navegação na página.
Verdadeiro
Falso
Considerando as informações apresentadas, avalie as seguintes afirmações e a relação proposta entre elas: I. O texto da tag h1, "Qual a cor do texto?", é exibido em amarelo. PORQUE II. De acordo com o algoritmo de especificidade do CSS, sempre que houver um conflito de regras CSS, a regra escolhida é a que está marcada com o modificador !important. Em relação a essas afirmações, selecione a opção correta.
As afirmações I e II são proposições verdadeiras, e II é uma justificativa correta para I.
As afirmações I e II são proposições verdadeiras, mas II não é uma justificativa correta para I.
A afirmação I é uma proposição verdadeira, e II é uma proposição falsa.
A afirmação I é uma proposição falsa, e II é uma proposição verdadeira.
As afirmações I e II são proposições falsas.
Com base no texto e nas habilidades desenvolvidas em aula, marque a alternativa correta: O ciclo de vida do componente gerencia a criação, renderização, atualização e destruição de componentes, influenciando como as aplicações web respondem às interações do usuário e mudanças de dados.
O ciclo de vida do componente afeta apenas a renderização inicial dos componentes, não tendo impacto adicional no comportamento ou aparência das aplicações web.
O ciclo de vida do componente controla principalmente como os componentes são destruídos e removidos da aplicação, tendo um efeito limitado na renderização e atualização.
O ciclo de vida dos componentes desempenha um papel menor no desenvolvimento de aplicações web, focando principalmente na renderização dos componentes e não impactando significativamente seu comportamento ou aparência.
O ciclo de vida do componente está exclusivamente preocupado com a renderização dos componentes, e seu impacto no comportamento e aparência da aplicação web é insignificante.
"Mobile First" é uma abordagem de design e desenvolvimento web que prioriza a experiência do usuário em dispositivos móveis antes de se concentrar em dispositivos de tela maior, como computadores de mesa ou laptops. Esta estratégia reconhece a crescente importância dos dispositivos móveis na navegação na web e busca garantir uma experiência otimizada para usuários que acessam sites em smartphones e tablets. Marque a alternativa que não é um princípio do Mobile First:
Priorizar a experiência do usuário em dispositivos móveis
Concentrar-se em dispositivos de tela maior antes dos dispositivos móveis
Garantir uma experiência otimizada para smartphones e tablets
Reconhecer a importância dos dispositivos móveis na navegação na web
Considerando as 10 heurísticas de Nielsen para design de interface, qual das seguintes afirmações reflete melhor a heurística relacionada à visibilidade do sistema?
Garantir que o sistema ofereça flexibilidade para acomodar diferentes níveis de habilidade do usuário.
Fornecer feedback claro e imediato sobre as ações do usuário, especialmente em casos de erros.
Oferecer controle ao usuário, permitindo que ele desfaça ações indesejadas e explore o sistema livremente.
Priorizar a consistência e usar padrões de design reconhecidos para garantir uma experiência familiar ao usuário.
Manter as funções do sistema visíveis, eliminando a necessidade de memorização pelo usuário.
Considerando os aspectos avançados do JavaScript e suas características notáveis no desenvolvimento web, qual das seguintes afirmações é verdadeira?
JavaScript é uma linguagem puramente de front-end e não é adequada para o desenvolvimento de aplicações do lado do servidor.
O sistema de eventos do JavaScript permite manipulação básica de elementos da interface do usuário, embora não suporte interatividade em tempo real.
Recursos assíncronos, como Promises e async/await, estão menos presentes atualmente no desenvolvimento web, pois operações bloqueantes não são tão comuns em aplicações modernas.
JavaScript é essencial no desenvolvimento de Aplicações de Página Única (SPA), proporcionando uma experiência de usuário dinâmica sem a necessidade de recarregar a página.
O sistema de eventos do JavaScript é usado exclusivamente para interações do usuário e não pode ser usado para manipular eventos internos do navegador.
Considerando o texto sobre páginas web dinâmicas, qual é a principal vantagem de um site dinâmico em comparação com um site estático?
Sites dinâmicos permitem interatividade com os usuários, possibilitando atualizações em tempo real, como comentários em blogs e feeds de redes sociais.
Sites dinâmicos são construídos com linguagens de programação mais avançadas, o que garante maior segurança contra ameaças cibernéticas.
Sites dinâmicos têm uma estrutura de arquivos mais simples, tornando-os mais leves e rápidos para carregar.
Considerando o texto apresentado, avalie as seguintes afirmações e a relação proposta entre elas. I. A prototipagem em papel é uma das técnicas mais rápidas e econômicas que você pode empregar em um processo de design. PORQUE II. Você pode testar ideias de design iniciais com custo extremamente baixo. Isso permite que você corrija problemas de usabilidade antes de desperdiçar dinheiro implementando algo que não funciona. Em relação a essas afirmações, selecione a opção correta.
As afirmações I e II são verdadeiras, e II é uma justificativa correta para I.
As afirmações I e II são verdadeiras, mas II não é uma justificativa correta para I.
A afirmação I é verdadeira, e II é falsa.
A afirmação I é falsa, e II é verdadeira.
As afirmações I e II são falsas.
Um software desenvolvido para a WEB funciona em uma arquitetura de rede de computadores Cliente-Servidor, o que significa que precisa de um host para ser colocado em operação. É um conceito simples que permite o acesso de qualquer lugar através de qualquer dispositivo conectado à internet. Com base nisso, analise as afirmações. I. Para seu funcionamento, o Software Web precisa de um servidor web e do uso de um protocolo de rede chamado HTTP, usado para comunicação de arquivos de hipertexto e hipermídia, exigindo um navegador de internet para acesso. II. O desenvolvimento do Front-End do Software Web é parcialmente responsável pela interface gráfica, a forma como o sistema se comporta em relação ao usuário considerando todas as premissas de UI e UX. As linguagens de programação básicas usadas para esta etapa de desenvolvimento são HTML, CSS e JavaScript.
As afirmações I e II são verdadeiras.
As afirmações I e II são falsas.
A afirmação I é verdadeira, e II é falsa.
A afirmação I é falsa, e II é verdadeira.
O desenvolvimento Back-End de Software Web é responsável pelo funcionamento geral do sistema, ou seja, lida com o acesso e manipulação de dados. Nesta etapa, as regras de negócio são aplicadas ao software e existem inúmeras linguagens de programação para seu desenvolvimento. Selecione a alternativa correta de acordo com as afirmações:
Apenas I está correta.
Apenas II está correta.
Apenas I e III estão corretas.
Apenas II e III estão corretas.
Todas estão corretas.
Os seguintes são considerados heurísticas de Nielsen: I- Ajuda e documentação, Prevenção de erros. II- Cores aleatórias, Prevenção de erros. III- Eficiência e flexibilidade de uso (atalhos), Diálogos complexos. IV - Prevenção de acertos, Cores distintas. V - Diálogos complexos, Mensagens de erro direcionadas a ações do usuário.
Apenas a alternativa II está correta.
Apenas as alternativas I e III estão corretas.
Apenas a alternativa I está correta.
Apenas as alternativas I e IV estão corretas.
Apenas a alternativa III está correta.
