Capa do Ebook gratuito Curso completo de HTML, CSS e Javascript para se tornar um Desenvolvedor Front End

Curso completo de HTML, CSS e Javascript para se tornar um Desenvolvedor Front End

4.7

(10)

125 páginas

Arquitetura de software Front End: MVC, MVVM

Capítulo 105

Tempo estimado de leitura: 3 minutos

+ Exercício
Audio Icon

Ouça em áudio

0:00 / 0:00

A arquitetura de software é fundamental para o desenvolvimento eficaz de um sistema de software. Ela fornece uma estrutura que permite a compreensão do sistema de software. A arquitetura de software é especialmente importante para o desenvolvimento front-end, pois fornece a estrutura para a interface do usuário e a experiência do usuário. Entre as arquiteturas de software front-end mais comuns estão o Modelo-Visão-Controlador (MVC) e o Modelo-Visão-Modelo de Visão (MVVM).

Modelo-Visão-Controlador (MVC)

O MVC é uma arquitetura de software que separa a lógica de negócios, a interface do usuário e o controle de entrada em três componentes distintos: o Modelo, a Visão e o Controlador.

O Modelo é a representação dos dados e das regras de negócios. Ele encapsula os dados e fornece métodos para acessar e manipular esses dados. A Visão é a representação visual dos dados. Ela fornece a interface do usuário, que permite ao usuário interagir com os dados. O Controlador é a ponte entre o Modelo e a Visão. Ele recebe a entrada do usuário através da Visão, processa a entrada e atualiza o Modelo e a Visão de acordo.

Uma das principais vantagens do MVC é a separação de responsabilidades. Cada componente do MVC tem uma responsabilidade específica, o que torna o sistema mais fácil de entender, manter e expandir. Além disso, a separação de responsabilidades permite que diferentes partes do sistema sejam desenvolvidas e testadas independentemente umas das outras.

Modelo-Visão-Modelo de Visão (MVVM)

O MVVM é uma extensão do MVC que introduz um novo componente: o Modelo de Visão. O Modelo de Visão é uma representação abstrata da Visão. Ele fornece uma ponte entre o Modelo e a Visão que permite a ligação de dados bidirecional. Isso significa que as alterações nos dados do Modelo são automaticamente refletidas na Visão e vice-versa.

Continue em nosso aplicativo

Você poderá ouvir o audiobook com a tela desligada, ganhar gratuitamente o certificado deste curso e ainda ter acesso a outros 5.000 cursos online gratuitos.

ou continue lendo abaixo...
Download App

Baixar o aplicativo

Uma das principais vantagens do MVVM é a ligação de dados bidirecional. Ela simplifica a atualização da interface do usuário e a sincronização dos dados entre a interface do usuário e o modelo de dados. Além disso, a ligação de dados bidirecional permite a criação de interfaces de usuário mais dinâmicas e responsivas.

Outra vantagem do MVVM é a separação de responsabilidades. Assim como o MVC, o MVVM separa a lógica de negócios, a interface do usuário e o controle de entrada em componentes distintos. No entanto, o MVVM vai um passo além e separa também a lógica de apresentação da interface do usuário. Isso torna o sistema ainda mais fácil de entender, manter e expandir.

Conclusão

A arquitetura de software é um aspecto crucial do desenvolvimento front-end. Ela fornece a estrutura para a interface do usuário e a experiência do usuário. O MVC e o MVVM são duas das arquiteturas de software front-end mais comuns. Ambos oferecem uma separação de responsabilidades que torna o sistema mais fácil de entender, manter e expandir. No entanto, o MVVM oferece a vantagem adicional da ligação de dados bidirecional, que simplifica a atualização da interface do usuário e a sincronização dos dados entre a interface do usuário e o modelo de dados.

Portanto, ao desenvolver um sistema de software front-end, é importante considerar a arquitetura de software adequada. A escolha da arquitetura de software pode ter um impacto significativo na eficácia e eficiência do sistema de software.

Agora responda o exercício sobre o conteúdo:

Qual das seguintes afirmações sobre arquiteturas de software front-end é verdadeira?

Você acertou! Parabéns, agora siga para a próxima página

Você errou! Tente novamente.

A opção 3 é correta porque, conforme descrito, o Modelo-Visão-Modelo de Visão (MVVM) oferece a vantagem adicional da ligação de dados bidirecional. Isso facilita a atualização da interface do usuário e a sincronização dos dados entre a interface do usuário e o modelo.

Próximo capitúlo

Padrões de projeto em Javascript

Arrow Right Icon
Baixe o app para ganhar Certificação grátis e ouvir os cursos em background, mesmo com a tela desligada.