CronApp Factory

7
frameworks
que tornam mais rápido o
desenvolvimento de
softwares
www.cronapp.io
 ÍNDICE
INTRODUÇÃO ...............................3
SPRINGBOOT................................4
BOOTSTRAP .................................5
CORDOVA ...................................6
ANGULAR ...................................7
REACT .......................................8
IONIC ........................................9
MATERIAL DESIGN.........................10
CONCLUSÃO ...............................11

CronApp Factory
 OS
frameworks
representam uma
das ferramentas mais
importantes para os desenvolvedores
de aplicações. Eles ajudam a encapsular
as funcionalidades de alto nível com maior
agilidade e eficiência, economizando grande parte do
tempo no trabalho. Mas você sabe quais são os principais
frameworks existentes?

Listamos os mais importantes, baseados na aceitação e utilização

pelos profissionais.

Confira!

3
 1. springboot
O Springboot é a evolução do fra-
mework Spring. Apesar de existir há um
bom tempo e ser famoso entre os desenvol-
vedores, sua evolução o deixou um pouco
complexo. Agora, para definir um sistema,
em vez de você escrever diversos mini
arquivos em XML no projeto, deve atuar
diretamente nas anotações realizadas
dentro do código-fonte.
Trata-se de um framework MVC (Mo-
del-View-Controller). Esse modelo de arqui-
tetura tem por objetivo separar as represen-
tações das informações do usuário quando
interagir com elas. Para quem vai desenvol-
ver um JavaScript com essa arquitetura, por
exemplo, terá uma boa ferramenta em
mãos, pois oferece uma ampla gama de fun-
cionalidades CRUD (Create, Read, Update,
Delete).
https://spring.io/
As vantagens do Springboot são que
ele já define uma série de convenções de
desenvolvimento e todos conhecem bem
como os objetos são nomeados e organiza-
dos na arquitetura.
É mais utilizado na parte de back-end
de linguagens em JavaScript e indicado
para quem vai desenvolver um sistema web
do tipo REST (Representational State Trans-
fer), que visa disponibilizar aos usuários
informações armazenadas no seu banco de
dados ou back-end para facilitar a criação
de aplicações direcionadas a qualquer tipo
de dispositivo (web ou mobile).
4
 2. Bootstrap
O Bootstrap é um framework mais dire- Ou seja, a mesma coisa vista ou feita
cionado para o aspecto visual das aplicações. em um celular pode ser retransmitida em
Ele tem o poder de encapsular diversas fun- um tablet, computador ou monitor de TV.
cionalidades de CSS (Cascading Style Sheets) Você define as regras na sua interface e ela
que, juntas, vão contribuir para a criação de vai saber se adaptar automaticamente a
uma página bonita e com funcionalidades esses tamanhos diferentes.
padronizadas. Como tem um apelo visual
forte, torna-se intuitivo, deixando qualquer
desenvolvedor a vontade e seguro no pro-
cesso de criação.
É mais indicado para trabalhos no
HTML5 e que visam agregar responsividade
às interfaces, deixando as páginas adaptá-
veis a qualquer tamanho de tela de dispositi-
vo. Tudo isso sem comprometer as funciona-
lidades, a estrutura e o layout do aplicativo.

http://getbootstrap.com 5
 3. cordova
O Cordova tem como objetivo simplifi-
car e padronizar o desenvolvimento de apli-
cações híbridas para mobile. Como os códi-
gos nativos de iOS e Android são bem dife-
rentes, o framework atua compilando e tra-
duzindo uma linguagem de HTML5, por
exemplo, para a linguagem do sistema opera-
cional utilizado no celular. Assim, a sua aplica-
ção pode funcionar da mesma forma em
qualquer dispositivo.
Por exemplo: se você desejar criar uma
aplicação que seja híbrida e rode em diversos
celulares, usar o framework open source do
Cordova será uma alternativa eficiente, já que
ele é exclusivo para criações do tipo mobile.
Para facilitar ainda mais, no site do Cordova é
possível encontrar bibliotecas de códigos
prontos. Afinal, apesar das particularidades
de cada marca e modelo de dispositivo,
https://cordova.apache.org
existem funcionalidades padrões e comuns
entre eles, o que torna o acesso da mesma
forma em diversos aparelhos.
Funções como ligar a câmera e acionar o
GPS, por exemplo, costumam ter códigos
semelhantes entre os dispositivos e a ativação
desses recursos acaba sendo igual para todos.
Quando houver códigos em comum entre os
aparelhos, o Cordova mostrará em sua biblio-
teca, permitindo o seu uso.
Entre as principais vantagens, o Cordova
se destaca por impulsionar a produtividade,
uma vez que apenas uma estrutura de códigos
para múltiplas plataformas pode ser criada a
partir de um bloco de notas. Tudo sem a neces-
sidade de profissionais especializados e har-
dwares para cada plataforma. Além disso, gera
aplicativos aptos para serem publicados nas
Apps Stores.
6
 4. angular
Diferentemente dos frameworks discuti-
dos anteriormente, o Angular é utilizado
especialmente para fazer a ligação entre o
front-end e o back-end em web e desktop. Ele
permite a criação de um modelo de aplicação
baseado em Single Page Application (aplica-
ção de página única) representado pela sigla
SPA.
Nesse modelo de aplicação, o desenvol-
vedor traz para o browser uma imagem, como
se fosse uma visão do back-end, onde o usuá-
rio vai trabalhar. O angular faz com que a
página trabalhe de forma automática, com
um modelo próprio definido. Geralmente,
esse framework é mais utilizado para projetos
em HTML5.
https://angularjs.org
PRINCIPAIS DIRETIVAS DO ANGULAR
ng-app – Declara um elemento como o elemento
raiz da aplicação, ocasionando a mudança do compor-
tamento padrão da tag.
ng-bind – Muda o texto de um elemento HTML auto-
maticamente, de acordo com o seu resultado, vindo
das regras de negócio.
ng-model – É similar ao ng-bind, mas permite ligação
direta bidirecional (two-way data binding) entre a view
e o escopo do aplicativo.
ng-class – Permite atributos de classe serem carrega-
dos dinamicamente.
ng-click – Permite instanciar o evento de click, seme-
lhante ao onclick.
ng-controller – Especifica um controller JavaScript
para aquele HTML em questão.
ng-repeat – Instancia um elemento por item de um
array.
ng-show e ng-hide – Mostra ou esconde um elemen-
to HTML de acordo com o resultado de uma expressão
booleana.
ng-switch – Instancia um template, em uma lista de
escolhas, dependendo do valor obtido pela expressão.
ng-view – A diretiva base para manipulação de rotas,
resolvendo um JSON antes de renderizar os modelos
acionados por controladores especificados.
ng-if – Declaração básica de um 'if' que permite mos-
trar um elemento se a condição for verdadeira.
7
 5. react
O React é uma biblioteca de JavaScript
muito utilizada pelos desenvolvedores para
criar interfaces de usuário. Isso corresponde
a visualizar as páginas no padrão Model-
-View-Controller (MVC) e ser usado em com- UM "OLÁ MUNDO" EM REACT PODERIA SER ASSIM:
binação com outras bibliotecas de JavaS-
cript ou frameworks no MVC, como o Angu-
lar. ReactDOM.render(
Ele permite criar aplicações de grande <h1>Hello, world!</h1>,
document.getElementById('root')
porte para diversas finalidades na web,
);
tendo flexibilidade para mudar ao longo do
tempo com facilidade. Destina-se principal-
mente a entregar velocidade, simplicidade e
escalabilidade à produção de aplicações.
O React está sendo usado nos sites da
Netflix, Imgur, Feedly, Airbnb, SeatGeek,
HelloSign, Walmart e outros.

https://reactjs.org 8
 6. ionic
O Ionic é um framework completo (SDK
— Software Development Kits) de código
aberto utilizado principalmente para o desen-
volvimento de aplicativos móveis híbridos.
Ele fornece ferramentas e recursos de desen-
volvimento baseados em tecnologias da Web,
como CSS, HTML5 e Sass.
Seu diferencial é a ferramenta de cons-
trução de interface que é estruturada no
modo de arrastar e soltar, tornando o trabalho
muito mais intuitivo. Depois de prontas, as
aplicações podem ser distribuídas por Apps
Stores de aplicativos nativos para serem bai-
xados e instalados em qualquer dispositivo.

https://ionicframework.com 9
 7. material design
Em 2014, o Google lançou um fra-
mework chamado Material Design. Trata-se
de uma evolução feita em cima do Bootstrap
para apresentar um visual padrão do Google,
ficando mais limpo e organizado.
Para quem já está acostumado a traba-
lhar com o Gmail e Google Drive, por exem-
plo, se identificará facilmente com o fra-
mework, o que pode agradar muitos desen-
volvedores. O objetivo do Material Design é
tornar a página mais limpa e fácil de ser com-
preendida no browser.

https://material.io 10
conclusão
Todos esses frameworks podem ser
necessários em cada diferente etapa do
desenvolvimento da aplicação,
tornando difícil gerenciar o trabalho e
aumentando o tempo total de produção.
Talvez você não saiba, mas existe
uma plataforma que possibilita que você
use todos eles, o que pode melhorar os
níveis de produtividade. Com isso, você
não precisa nem conhecer cada
framework em particular, pois tem tudo
o que necessita para criar aplicações em
apenas um unico ambiente, sem se
preocupar em alternar entre as opções
manualmente.
E não é só isso, caso apareça algum
novo framework melhor e mais
produtivo no mercado, a plataforma se
encarrega de atualizar, adicionar ou
substituir o framework para garantir
sempre a maior produtividade na
plataforma.
Agora que você conhece os
principais frameworks utilizados no
desenvolvimento de aplicações, que tal
conhecer a plataforma CronApp?
Acesse: www.cronapp.io
11