prova pratica desenvolvimento web front end

Prévia do material em texto

Questão 1/10 Desenvolvimento Web Front End Ler em voz alta Como já vimos, erros HTTP são códigos de status retornados por um servidor web para indicar 0 resultado de uma solicitação HTTP. Os erros mais comuns incluem qual opção? Nota: 10.0 A 500 Internal Server Error: Indica que a solicitação do cliente não pôde ser entendida ou foi mal formada. 404 Not Found: Indica que 0 recurso solicitado foi encontrado no servidor mas 0 cliente não tem autorização. 500 Internal Server Error: Indica que 0 cliente não está autorizado a acessar 0 recurso D 802 Bad Gateway: Indica que 0 servidor atuou como um gateway ou proxy, mas recebeu uma resposta inválida do servidor upstream. E 404 Not Found: Indica que recurso solicitado não foi encontrado no servidor. Você assinalou essa alternativa (E) Você acertou! Como já vimos, erros HTTP são códigos de status retornados por um servidor web para indicar 0 resultado de uma solicitação HTTP. Os erros mais comuns incluem: Erros do grupo 4xx: Esses erros geralmente indicam problemas com a solicitação do cliente. Alguns exemplos são: 400 Bad Request: Indica que a solicitação do cliente não pôde ser entendida ou foi malformada. 401 Unauthorized: Indica que 0 cliente não está autorizado a acessar 0 recurso 404 Not Found: Indica que 0 recurso solicitado não foi encontrado no servidor. Erros do grupo 5xx: Esses erros indicam problemas no servidor ao processar a Alguns exemplos são: 500 Internal Server Error: Indica um erro genérico no servidor que pode ter várias causas. 502 Bad Gateway: Indica que 0 servidor atuou como um gateway ou proxy, mas recebeu uma resposta inválida do servidor upstream. Quanto a resumir um código de resposta HTTP, normalmente é feito por meio do código de status. Cada código de status tem um significado específico, como os mencionados acima. Ao lidar com respostas HTTP em seu código ou desenvolvimento web, você pode consultar a tabela de códigos de status HTTP para entender melhor 0 que cada código representa. Referência: Aula 6 - Programação Web Front-End; Tema 1 - Reforço entre GET e Questão 2/10 Desenvolvimento Web Front End Ler em voz alta No Angular, os módulos e componentes são fundamentais para a organização e estruturação de uma aplicação. Desta forma, diga qual definição está correta: Nota: 10.0 A Um componente Angular é uma unidade funcional que contém um conjunto de componentes, serviços, diretivas e outros artefatos necessários para uma determinada funcionalidade ou recurso da aplicação. Os componentes permitem agrupar e organizar componentes, serviços e outros recursos relacionados, enquanto os módulos encapsulam partes específicas da interface do usuário componente é definido através da anotação @NgModule e geralmente possui um arquivo separado, como D No componente, é possível importar outros módulos e declarar componentes que serão utilizados. Ele é definido através da anotação @NgModule e geralmente possui um arquivo separado, como E Os módulos permitem agrupar e organizar componentes, serviços e outros recursos relacionados, enquanto os componentes encapsulam partes específicas da interface do usuário. Você assinalou essa alternativa (E) Você acertou! No Angular, os módulos e componentes são fundamentais para a organização e estruturação de uma Os módulos permitem agrupar e organizar componentes, serviços e outros recursos relacionados, enquanto componentes encapsulam partes específicas da interface do usuário. Um módulo Angular é uma unidade funcional que contém um conjunto de componentes, serviços, diretivas e outros artefatos necessários para uma determinada funcionalidade ou recurso da aplicação. Ele é definido através da anotação @NgModule e geralmente possui um arquivo separado, como app.module.ts. No módulo, é possível importar outros módulos e declarar os componentes que serão Referência: Aula 3 - Programação Web Front-End; Tema 3 Componentes. Questão 3/10 Desenvolvimento Web Front End Ler em voz alta Indique qual das opções indica uma definição válida de implementação de rota, escolha a opção correta: Nota: 10.0 A {path:"questoes"}, {path:"Usuario"}, {path:"Usuario/:id"}, {"usuarios", {"questoes", component: {"Usuario", component: {"Usuario/:id", component: UsuarioComponent}, {path:"usuarios", component:UsuariosComponent}, {path:"questoes", component: {path:"Usuario", component: UsuarioComponent}, {path:"Usuario/:id", component: UsuarioComponent}, Você assinalou Você acertou! RouterModule também oferece recursos avançados, como rotas aninhadas, resolvers de dados para carregamento prévio de informações, proteção de rotas com guardas de rota e muito Esses recursos permitem uma navegação rica e dinâmica em aplicações Angular, garantindo uma experiência de usuário aprimorada. Em resumo, 0 RouterModule é uma parte essencial do Angular e fornece um conjunto robusto de recursos para 0 gerenciamento de rotas em aplicações web. Ele permite definir, configurar e controlar as rotas dentro de um módulo Angular, garantindo uma navegação eficiente e entre os diferentes componentes da aplicação. Abaixo segue exemplo de código 0 app.routing.module.ts do nosso projeto angular:Questão 4/10 Desenvolvimento Web Front End Ler em voz alta que são "Lifecycle Hooks", escolha a opção que define 0 termo: Nota: 10.0 A São ganchos especiais fornecidos pelo Angular que permitem que componentes respondam a eventos específicos durante todo seu ciclo de vida sem alteração. São métodos especiais fornecidos pelo Angular que permitem controlar 0 fluxo de dados e realizar tarefas específicas em momentos aleatórios do ciclo de vida do São ferramentas fornecidas pelo Angular que permitem controlar 0 fluxo de dados e realizar tarefas específicas em momentos aleatórios do ciclo de vida do componente. São ferramentas fornecidas pelo Angular e instaladas em blocos que permitem que os componentes respondam a eventos específicos durante seu ciclo de E São métodos especiais fornecidos pelo Angular que permitem que componentes respondam a eventos específicos durante seu ciclo de vida. Você assinalou essa alternativa (E) Você acertou! Os "Lifecycle Hooks" são métodos especiais fornecidos pelo Angular que permitem que componentes respondam a eventos específicos durante seu ciclo de Eles são usados para executar ações em momentos chave do ciclo de vida do componente, como criação, atualização e destruição. Esses ganchos permitem que os componentes reajam a diferentes estágios do ciclo de vida e realizem ações apropriadas. Ao usar ganchos corretamente, é possível criar componentes eficientes, controlar 0 fluxo de dados e realizar tarefas específicas em momentos específicos do ciclo de vida do componente. Referência: Aula 3 Programação Web Front-End; Tema 4 Lifecycly Hooks Questão 5/10 Desenvolvimento Web Front End Ler em voz alta Considerando 0 conceito de @routermodule do Angular que vimos, indique qual linha de código de importação poderia ser válida: Nota: 10.0 A import from '@angular/core'; import Routes, RouterModule } from '@angular/router'; Você assinalou essa alternativa (B) Você acertou! RouterModule é um módulo fundamental do Angular que oferece recursos e funcionalidades avançadas para gerenciamento de rotas em aplicações web. Ele faz parte do pacote "@angular/router" e desempenha um papel essencial na definição e configuração das rotas em um projeto Angular. RouterModule permite criar e configurar rotas dentro de um módulo específico da aplicação. Ele é importado no módulo principal da aplicação e permite que as rotas sejam definidas usando métodos forRoot ou dependendo do escopo em que as rotas estão sendo configuradas. Para definir as rotas usando 0 RouterModule, você precisa importar as classes Routes e RouterModule do pacote "@angular/router". Em seguida, você pode definir as rotas em um array utilizando a sintaxe de objeto literal do Cada rota é um objeto que contém informações como 0 caminho (path) e 0 componente correspondente a ser renderizado quando a rota é Por exemplo, considere 0 seguinte trecho de código em TypeScript: import { NgModule from '@angular/core'; import Routes, RouterModule from import HomeComponent from import AboutComponent from Referência: Aula 5 Programação Web Front-End; Tema 1 CONCEITUAR ROTAS HTTP ROTAS ANGULAR import HomeComponent D import AboutComponent Questão 6/10 - Desenvolvimento Web Front End Ler em voz alta A respeito do que foi abordado no material escrito da disciplina, sobre a definição de back-end e front-end, leia as alternativas abaixo e escolha a alternativa com a definição correta. Nota: 10.0 A back-end lida com a lógica de tela e processamento de dados, enquanto 0 front-end cuida da lógica de negócios. back-end lida com a lógica de negócios e processamento de dados, enquanto front-end cuida da interface do usuário e interações visuais. Você assinalou essa alternativa (B) Você acertou! No entanto, é importante ressaltar que essa separação não significa que backend e frontend são entidades completamente isoladas. Eles precisam se comunicar entre si para trocar dados e informações necessárias para 0 funcionamento da aplicação conforme a figura 01. Essa comunicação geralmente é feita por meio de APIs (Application Programming Interfaces), onde 0 backend expõe endpoints que 0 frontend pode chamar para obter ou enviar dados. Em resumo, 0 backend e 0 frontend são duas partes fundamentais de uma aplicação, cada uma com suas responsabilidades específicas. backend lida com a lógica de negócios e processamento de dados, enquanto 0 frontend cuida da interface do usuário e interações visuais. Trabalhando em conjunto, eles formam uma aplicação web completa funcional. Referência: Aula 5 - Programação Web Tema 1 Conversa C 1) back-end lida com a lógica de banco e processamento de dados, enquanto 0 front-end cuida da interface do usuário e interações visuais. D Tanto back-end quanto 0 front-end lidam com a lógica de negócios e processamento de dados. E Tanto 0 back-end quanto 0 front-end lidam com a interface de usuário e interações visuais.Questão 7/10 Desenvolvimento Web Front End Ler em voz alta Formulário refere-se a uma interface de usuário, criada em uma linguagem Web que permite qual opção abaixo: Nota: 10.0 A São preenchidos com campos de dados sigilosos não solicitados. Permite aos usuários inserir e enviar dados para um sistema. Você assinalou essa alternativa (B) Você acertou! Em desenvolvimento de software, um formulário refere-se a uma interface de usuário que permite aos usuários inserir e enviar dados para um sistema. É uma maneira comum de coletar informações dos usuários, como detalhes de contato, preferências, configurações e muito mais. Os formulários geralmente são compostos por vários campos ou elementos, como caixas de texto, menus suspensos, botões de rádio, caixas de seleção e botões de envio. Os usuários preenchem esses campos com dados solicitados e, em seguida, podem enviar 0 formulário, enviando dados para um servidor ou processando-os localmente. Em desenvolvimento web, formulários são criados usando linguagens de marcação como HTML e estilizados com CSS. Ao enviar um formulário, é comum usar linguagens de programação do lado do servidor, como PHP, Java, Python ou JavaScript, para processar dados recebidos e executar as ações necessárias. Os formulários são uma parte essencial de muitos aplicativos e sites, pois fornecem uma maneira interativa de coletar informações dos usuários e permitem a interação entre 0 usuário e 0 sistema. Referência: Aula 4 Programação Web Front-End; Tema 4 Formulários e Reactive C Coletar informações dos usuários, como detalhes de senhas e dados pessoais somente. D São criados usando linguagens de marcação como Angular e estilizados com E Fornecem uma maneira interativa de coletar informações dos usuários e não permitem a interação entre 0 usuário e 0 sistema. Questão 8/10 Desenvolvimento Web Front End Ler em voz alta padrão Observer é um dos padrões de projeto mais populares e amplamente utilizados no desenvolvimento de software, a qual categoria pertence? Nota: 10.0 A Categoria dos padrões busca. Categoria dos padrões interações. Categoria dos padrões comportamentais. Você assinalou essa alternativa (C) Você acertou! padrão Observer é um dos padrões de projeto mais populares e amplamente utilizados no desenvolvimento de software. Ele pertence à categoria dos padrões comportamentais, que se concentram em definir como objetos interagem e se comunicam entre si. objetivo principal do Observer é estabelecer uma comunicação eficiente entre objetos, permitindo que eles sejam notificados sobre mudanças de estado ou eventos relevantes. Baseado em um relacionamento de dependência invertida, onde um objeto chamado de "subject" (sujeito) mantém uma lista de objetos chamados de "observers" (observadores). Esses observers estão interessados em acompanhar as mudanças no subject e se registram para receber notificações quando ocorrem alterações relevantes. Referência: Aula 4 Programação Web Front-End; Tema 3 3.1 padrão Observer D Categoria dos padrões posicionais. E Categoria dos padrões registro. Questão 9/10 - Desenvolvimento Web Front End Ler em voz alta A comunicação Publisher-Subscriber, também conhecida como pub-sub. Nesse padrão, existem dois papéis principais um para 0 Publisher e outro para 0 Subscriber, não traduza, mas encontre 0 que melhor se enquadra no que ele faz: Nota: 10.0 A Proprietário e programador. Publicador e programador. C Publicador e assinante. Você assinalou essa alternativa (C) Você acertou! A comunicação Publisher-Subscriber, também conhecida como pub-sub, é um padrão de comunicação amplamente utilizado em sistemas distribuídos e arquiteturas de software. Nesse padrão, existem dois papéis principais: 0 Publisher (publicador) e 0 Subscriber (assinante). Publisher é responsável por enviar mensagens ou eventos para um ou mais Subscribers. Ele não tem conhecimento direto sobre Subscribers, apenas publica as mensagens em um canal centralizado ou tópico. Subscriber, por sua vez, se registra para receber mensagens específicas do Publisher. Ele se torna um observador desse canal ou tópico e será notificado sempre que uma mensagem relevante for publicada. Referência: Aula 4 Programação Web Front-End; Tema 2 Comunicação Publisher D Proprietário e executor. E PublicadorQuestão 10/10 - Desenvolvimento Web Front End Ler em voz alta JavaScript é uma linguagem de programação popular usada para desenvolvimento web, enquanto 0 TypeScript é uma extensão do JavaScript que adiciona recursos de tipagem estática e programação orientada a objetos. Assim indique a definição correta que se aplica: Nota: 10.0 A Orientação à objetos: TypeScript é um superset de JavaScript que adiciona recursos de tipagem estática à linguagem. Isso significa que você pode definir tipos de dados para variáveis, parâmetros de função e retornos de função em TypeScript, 0 que ajuda a detectar erros de tipo em tempo de compilação e torna 0 código mais seguro. B Compilação: TypeScript é um superset de JavaScript que adiciona recursos de copilações à linguagem. Isso significa que você pode compilar tipos de dados para variáveis, parâmetros de função e retornos de função em TypeScript, 0 que ajuda a detectar erros de tipo em tempo de tipagem e torna 0 código mais seguro. Orientação à objetos: TypeScript suporta recursos de programação orientada a objetos, como classes, interfaces, herança e polimorfismo, que não estão presentes no JavaScript puro. Esses recursos permitem uma estruturação mais clara e organizada do código. Você assinalou essa alternativa (C) Você acertou! Em resumo, JavaScript é uma linguagem de programação popular usada para desenvolvimento web, enquanto 0 TypeScript é uma extensão do JavaScript que adiciona recursos de tipagem estática e programação orientada a objetos. Ambas as linguagens são amplamente utilizadas e oferecem recursos poderosos para 0 desenvolvimento de aplicativos web modernos. Existem algumas diferenças importantes entre TypeScript e JavaScript: Tipagem: TypeScript é um superset de JavaScript que adiciona recursos de tipagem estática à linguagem. Isso significa que você pode definir tipos de dados para variáveis, parâmetros de função e retornos de função em TypeScript, 0 que ajuda a detectar erros de tipo em tempo de compilação e torna 0 código mais seguro. Orientação a objetos: TypeScript suporta recursos de programação orientada a objetos, como classes, interfaces, herança e polimorfismo, que não estão presentes no JavaScript puro. Esses recursos permitem uma estruturação mais clara e organizada do código. Compatibilidade: Todo código JavaScript é válido em TypeScript. Isso significa que você pode usar bibliotecas e frameworks JavaScript existentes em projetos TypeScript sem a necessidade de modificá-los. No entanto, 0 TypeScript não possui acesso a recursos específicos da versão mais recente do