Logo Passei Direto
Buscar

Arquitetura

Outros
A nomenclatura BEM é construída da seguinte forma: block—element__modifier.
Com base nas regras do padrão BEM, marque a alternativa que descreve corretamente as partes do nome da classe CSS: .site-search__input-field--large.
A classe refere-se ao bloco input-field.
A classe refere-se ao bloco site-search.
A classe refere-se ao elemento site-search.
A classe refere-se ao modifier input-field.
User badge image
Estudo Através de Questões

ano passado

User badge image
Estudo Através de Questões

ano passado

Arquitetura de Front-end (2022) - PROVA ON-LINE_tentativa 1
8 pág.

Arquitetura de Front-end (2022) - PROVA ON-LINE_tentativa 1

PUC-MINAS

Respostas

User badge image

Ed Verified user icon

ano passado

Vamos analisar a nomenclatura BEM (Block, Element, Modifier) na classe CSS fornecida: `.site-search__input-field--large`. 1. Block (bloco): É a parte principal que representa um componente. No caso, "site-search" é o bloco. 2. Element (elemento): É uma parte do bloco que tem significado dentro dele. Aqui, "input-field" é o elemento do bloco "site-search". 3. Modifier (modificador): É uma variação do bloco ou do elemento que altera seu estado ou aparência. O "--large" indica que é uma variação do elemento "input-field". Agora, analisando as alternativas: - A classe refere-se ao bloco input-field. (Incorreta, pois "input-field" é um elemento, não um bloco.) - A classe refere-se ao bloco site-search. (Correta, pois "site-search" é o bloco.) - A classe refere-se ao elemento site-search. (Incorreta, "site-search" é o bloco, não um elemento.) - A classe refere-se ao modifier input-field. (Incorreta, "input-field" é um elemento, e "--large" seria o modificador.) Portanto, a alternativa correta é: A classe refere-se ao bloco site-search.

Essa resposta te ajudou?

0
Dislike0

Ainda não achou a resposta?

  • Integrado com os principais modelos de IA do mercado
  • Respostas em segundos
  • IA treinada para estudantes brasileiros.
PasseIA logoEvolua sua forma de estudar

Cadastre-se ou realize login

Ainda com dúvidas?

Envie uma pergunta e tenha sua dúvida de estudo respondida!

Essa pergunta também está no material:

Arquitetura de Front-end (2022) - PROVA ON-LINE_tentativa 1
8 pág.

Arquitetura de Front-end (2022) - PROVA ON-LINE_tentativa 1

PUC-MINAS

Mais perguntas desse material

Diante de uma Web altamente dinâmica, o arquiteto de front end deve conhecer uma diversidade de tecnologias e ferramentas para o desenvolvimento de aplicações. Assinale a alternativa que traz apenas tecnologias e ferramentas utilizadas pelo arquiteto de front end e voltadas para o desenvolvimento de aplicações:
Frameworks ORM (Mapeamento objeto-relacional) e Bancos de dados NoSQL.
Técnicas de SEO (Search Engine Optimization) e Frameworks Javascript.
Bancos de dados NoSQL e Linguagem PHP.
Soluções de nuvem e Linguagem PHP.

Sobre o protocolo HTTP, assinale a alternativa correta:
O cabeçalho de resposta, caso não definido pela aplicação, sempre virá como “undefined”.
É um protocolo usado para messageria, uma vez que a conexão entre cliente e servidor é persistente.
Os metadados da requisição enviada/recebidas são observados no console do navegador por meio de websockets.
Quando entramos em uma URL, automaticamente é feito uma requisição do tipo GET para obtermos o resultado da página que estamos navegando.
O protocolo HTTP utiliza o padrão requisição/resposta. Cada página aberta via browser representa uma requisição GET naquela URL e a conexão não é persistente como acontece no websocket.

Sobre uma das principais definições do OOCSS, assinale a alternativa correta:
Consiste em ter micro classes que alteram sempre uma única propriedade do CSS.
Recurso que permite criar classes CSS em javascript/typescript e, com isso, escrever códigos mais reutilizáveis com o conceito de herança e composição.
Consiste em separar as classes do CSS entre estrutura e skin.
O OOCSS adiciona escopo de forma automática nas classes no HTML. Sendo assim, o CSS só reflete no arquivo em que é importado.
O OOCSS é um style-guide. Portanto, não é necessariamente um recurso ou framework, podendo ser aplicado em praticamente qualquer contexto. Nesse style-guide, a proposta é dividir classes entre skin (color, background, font...) e structure (width, height, padding…).

Sobre essa forma de implementação, é correto afirmar que:
Todas as alternativas estão corretas.
Cada micro front-end perde a sua coesão uma vez que deve concentrar a responsabilidade do gerenciamento de versão do projeto.
A base de código é concentrada em um único projeto, similar ao que acontece na arquitetura baseada em monorepos.
A pipeline de build, test e deploy não é totalmente independente, uma vez que para lançar uma versão do micro front-end é necessário também atualizar o projeto principal.

Sobre esse estilo arquitetural, é correto afirmar:
Todos os projetos devem estar em um mesmo repositório, mas em pacotes diferentes.
Todas as alternativas estão incorretas.
Todos os projetos estão em repositórios separados.
Todos os projetos devem ter explicitamente sua própria configuração de lint.
Monorepos = único repositório.

Sobre as características dos Web Assembly, assinale a alternativa incorreta:
Possibilidade de escrever código web em múltiplas linguagens (C++, C#, Rust...).
Linguagem de baixo nível, similar ao Assembly, em um formato binário compacto que roda em cima da plataforma nativa.
Utilizado dentro de aplicações tradicionais com o intuito de gerenciar o sistema de rotas.
Tipo de código diferente do JavaScript que consegue rodar nos browsers modernos.
Web Assembly é uma conversão de código em qualquer linguagem para javascript.

Mais conteúdos dessa disciplina