Aula 04_Alta performance web - Frameworks para Web

Códigos de Alta performance
Prof. Maurício Aldenor
040601707@prof.unama.br
2024
Situação problema:
- Um analista de sistemas foi contratado para criar uma loja virtual para
uma microempresa de artesanatos, com fabricação própria de seus
produtos. Eles necessitavam com urgência desse site, pois começaram
a receber pedidos de outros estados e até encomendas internacionais,
mas tinham dificuldade no gerenciamento dos pedidos. Além disso
não havia controle de estoque e de propriedade (patente) desses
produtos.
Como você desenvolveria esse projeto?

3. Frameworks para desenvolvimento Web
O que é um framework?
Definição 01: É um conjunto de códigos genéricos capaz de unir trechos

de um projeto de desenvolvimento.
Definição 02: é uma ferramenta que ajuda no desenvolvimento do

projeto, contudo não em detalhes de configurações.
Definição 03: é um conjunto de códigos prontos que servem como

estrutura para auxiliar no desenvolvimento.
Exemplo: Casa, Sanduiche, ...
Frame: representa a estrutura de uma casa, na qual só existem as

paredes de tijolos levantadas / pães cortados, recheios prontos
Work: Escolher as cores das tintas, os tipos de pisos. / Ordem e
quantidades dos pães, recheios etc..
Vantagens:
- Tempo de desenvolvimento
- Curva de aprendizado
- Documentação grande e comunidades ativas
- Segurança
- Padronização
Desvantagens:
- Segurança
- Escolha do framework correto
3.1 Booststrap
Framework front-end que fornece estruturas de CSS para a

criação de sites e aplicações responsivas. Ele utiliza um sistema
de grids, no qual é feita a ordenação dos elementos que compõem
o layout da tela. Para isso, ele utiliza classes CSS no
elemento HTML <div> representando containers, linhas e colunas
para estruturar a página e dimensionar os elementos de forma
harmônica.
3.2 Materialize
Também é um framework front-end para desenvolvimento responsivo,

baseado em CSS, foi criado e projetado pelo Google. Ele se utiliza a ideia
de “Material Design” (filosofia sobre design utilizando tecnologia) que é
um sistema unificado que combina teoria, recursos e ferramentas para
criar experiências digitais.
3.3 Vue JS
Framework baseado em JavaScript, muito usado para Single-Page

Aplication (SPA-Página Única, como Netflix, Youtube, Facebook, etc..),
caracterizado por sua progressividade (adaptável a outros framework,
Ex.: Laravel), não precisando ser usado de forma completa.
3.3 Vue JS
Exemplo:
3.4 Angular
Framework, baseado em JavaScript mantido pelo Google, baseado na

ideia de componentes (funcionalidade isoladas e independentes) é para
front-end e utiliza TypeScript (JavaScript com camada adicional para
mostrar erros de compilação antes, por exemplo)
3.5 Laravel
Baseado em PHP, utilizada a arquitetura MVC, costuma ser simples e fácil
para iniciantes. Utiliza a ideia de composer (gerenciador de dependências).
Bastante utilizado por conseguir usar templates feitas em outras linguagens
ou ferramentas (Vue.Js)
3.6 CodeIgniter
Framework desenvolvido em PHP, também trabalha usando MVC, open

source, mantido pela British Columbia Institute, caracterizado por ser
leve e com alta performance.
3.7 Symfony
Outro framework em PHP, que utiliza componentes, possibilitando o

reuso de código, também utiliza o padrão MVC. Joomla, Drupal e Laravel
utilizam os componentes do Symfony. Pode se adaptar a aplicações
robustas ou simples.
DÚVIDAS?
Exercício 01 – Pesquise sobre os seguintes frameworks e suas
características
1) Django
2) Ruby on Rails
Trabalho 02 – Valendo 1 pt
Considere o problema inicial da aula (desenvolvimento de um site para
empresa de artesanato) e pesquise quais frameworks de e-commerce
podem atender a demanda.
- Justifique a escolha para a situação e compare com outros frameworks.

(0,5pt)
- Apresente o framework (funcionalidades, execução, facilidades, etc...) e
como ajudará a empresa de artesanato. (0,5pt) – 5 a 10 minutos de
apresentação.
Até 4 pessoas

Aula 04_Alta performance web - Frameworks para Web

Enviado por

Direitos autorais:

Formatos disponíveis

Aula 04_Alta performance web - Frameworks para Web

Enviado por

Dados do documento

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Aula 04_Alta performance web - Frameworks para Web

Enviado por

Direitos autorais:

Formatos disponíveis

Códigos de Alta performance

Prof. Maurício Aldenor

Como você desenvolveria esse projeto?

Definição 01: É um conjunto de códigos genéricos capaz de unir trechos

Definição 02: é uma ferramenta que ajuda no desenvolvimento do

Definição 03: é um conjunto de códigos prontos que servem como

Exemplo: Casa, Sanduiche, ...

Frame: representa a estrutura de uma casa, na qual só existem as

Framework front-end que fornece estruturas de CSS para a

Também é um framework front-end para desenvolvimento responsivo,

Framework baseado em JavaScript, muito usado para Single-Page

Framework, baseado em JavaScript mantido pelo Google, baseado na

Framework desenvolvido em PHP, também trabalha usando MVC, open

Outro framework em PHP, que utiliza componentes, possibilitando o

- Justifique a escolha para a situação e compare com outros frameworks.

Você também pode gostar