[MÚSICA]
Front-end Web UI Frameworks estão se tornando sua abordagem ideal para
projetar e implementar seus sites recentes.
Vamos nos perguntar o que exatamente são Frameworks de interface do usuário da Web front-end
e aprender um pouco mais de detalhes sobre eles.
Em seguida, então, obviamente,
nesta lição vamos nos perguntar, o que são frameworks front-end?
O que eles contêm?
Quais são algumas das estruturas de interface do usuário de front-end populares?
E por que precisamos fazer uso de estruturas de interface do usuário front-end quando projetamos
nossos sites?
Então, o que são frameworks front-end da interface web?
Vamos dar um passo para trás e
imaginar que você conhece apenas HTML, CSS e JavaScript.
Se você fosse solicitado a projetar um novo site, você obviamente iria sobre a construção
e implementação de todo o site usando as habilidades técnicas que
você tem com base em seus conhecimentos de HTML, CSS e JavaScript.
Muitas vezes você perceberia que existem muitos
componentes repetidos que você usaria em seu site.
E você acabaria projetando seu próprio conjunto de classes CSS.
Você estará projetando componente baseado em JavaScript.
E então, uma vez que você obtém um grupo desses juntos,
toda vez que você precisa projetar um novo site, você estaria fazendo uso desses
conjuntos predefinidos de classes CSS e
componentes baseados em JavaScript para implementar rapidamente um novo site.
Por que não levar isso à sua conclusão lógica?
Que tal, se projetarmos uma estrutura inteira que consiste em
componentes de interface do usuário web prontos para usar HTML, CSS e JavaScript colocados.
Então, aqui, um framework front-end web UI
pode definir um monte de classes CSS que
nos permitirá incluir componentes como Botões,
Tabelas, Barras de navegação, Dropdowns, Alertas,
Modals, Tabelas, Acordeões e muito mais.
E rapidamente nos permite projetar e implementar um site.
Então, isso é o que um framework de interface do usuário web front-end realiza.
É uma coleção de todos esses componentes.
Não só isso, ele lhe dá um método de definição de
tipografia consistente que você pode usar para todo o seu design do site.
E permite que você
andaime rapidamente um site ou o campo.
Se você procurar por frameworks web front-end,
você encontraria uma infinidade deles lá fora na Internet.
Agora, várias pessoas fizeram seu próprio serviço de
todas essas diferentes estruturas de interface do usuário da web, e
publicaram suas dez principais listas de frameworks de interface do usuário front-end.
Este é um tal que você
pode ou não concordar com este ranking, mas
Bootstrap é o mais popular entre todos os frameworks front-end web UI. O
Bootstrap classifica consistentemente como o número um
em muitas das listas de frameworks de interface do usuário web front-end.
O restante entre esta lista pode variar, mas muitas vezes você encontraria Semântic-UI,
Fundação por Zerp, Materialize, Material UI e
alguns desses outros aparecendo em muitas dessas listas de topo.
A próxima pergunta óbvia é,
por que você gostaria de usar frameworks front-end web UI?
Em primeiro lugar, eles fornecem uma maneira consistente de projetar sites.
E, a maioria dessas estruturas front-end
suportam o que é chamado de web design responsivo.
Vamos examinar mais sobre web design responsivo na próxima lição, mas
resumindo rapidamente, você não percebe que seu site pode ser acessado a partir
de vários tipos de dispositivos
de proteções de tela diferentes, desde pequenos telefones celulares até um desktop completo.
Você quer ser capaz de projetar seu site para se adaptar automaticamente para
atender às restrições de tamanho de cada um desses
diferentes dispositivos, a partir dos quais seu site está sendo acessado.
Então web design responsivo está preocupado com este aspecto.
A segunda questão que a maioria desses frameworks Franken tenta
abordar é a compatibilidade entre navegadores.
Se você já jogou com navegadores, tanto quanto eu fiz,
tenho certeza que você chegou a perceber que
não há dois navegadores renderizar o mesmo site exatamente da mesma maneira.
Então, quando você cria um site para renderizar consistentemente em
muitos navegadores diferentes, você estará enfrentando uma batalha difícil.
Agora, esses frameworks front-end conseguiram abordar a maioria dessas
idiossincrasias dos diferentes navegadores de tal forma que você pode fornecer
renderização consistente de seu site em diferentes navegadores.
Então, essa é a segunda razão pela qual você pode querer recorrer ao
uso de uma estrutura de interface do usuário da Web Front-End.
E o terceiro aspecto, é claro, é que quando você precisa projetar um site,
você sempre estará sob uma terrível pressão de tempo.
Aumentar sua produtividade para
que você não perca sua energia e tempo em
problemas de configuração desperdiçados desses componentes individuais do seu site.
Em vez disso, deixe que isso seja cuidado
por uma estrutura de interface de usuário web front-end consistentemente projetada.
Assim, você economiza muito tempo em termos de implementação do seu site.
Eles foram demitidos.
E, finalmente, é claro, a
maioria dessas estruturas de interface do usuário front-end que estão lá tem sua própria comunidade.
Eles são usuários que usam esses frameworks para implementar sites.
Assim, esta comunidade de usuários irá fornecer-lhe uma
maneira muito eficiente de ser capaz de resolver problemas que você pode
encontrar quando você está aplicando qualquer um desses frameworks para o design do seu site.
Então, dadas essas vantagens diferentes,
por que você não iria querer recorrer ao uso de uma estrutura de interface do usuário web front-end?
Com essa compreensão de frameworks front-end web UI,
vamos agora avançar para saber mais sobre o Bootstrap,
a estrutura de interface de usuário web front-end mais popular.
[ MUSIC]