BootStrap - framework Web front-end (HTML, CSS e JavaScript)

para desenvolvimento websites responsivos

Descrição

Bootstrap Studio A powerful desktop app for creating responsive websites using the Bootstrap framework.

Templates https://getbootstrap.com/docs/4.3/examples/

Bootstrap - Framework Web com código fonte aberto e gratuito de HTML, CSS e JavaScript

BREVE HISTÓRIA

Em 1990 cientistas do CERN, Tim Berners-Lee Robert Caillau criaram primeiro navegador WorldWideWeb com a linguagem de marcação Hypertext Markup Language (HTML); utilizaram o protocolo Hypertext Transfer Protocol (HTTP) e o servidor Web CERN (httpd)

1993 surge o Mosaic, primeiro browser a disponibilizar uma interface gráfica multimédia; em 1994 cri,aram o Netscape Communications que deu origem ao Netscape Navigator;

1994 constituição do World Wide Web Consortium (W3C) para regular o desenvolvimento das tecnologias envolvidas

1995 Microsoft lançou o browser Internet Explorer (IE)

...

2000 páginas web com recurso ao Cascading Style Sheets (CSS) e Javascript

2010 surge o termo Responsive Web Design (RWD) . Com o crescente número de smartphones, surge a necessidade das páginas web dos sites fossem visualizados, independentemente dos dispositivos utilizados. Assim, foi necessário adotar um design fluído e responsivo que permita que as páginas web se adaptem ao contexto físico qualquer que seja o dispositivo.

Um Web Design Responsivo

Um site RWD é um site que redimensiona automaticamente (aumenta/reduz, adapta o layout) para uma boa visualização de acordo com a dimensão do layout do dispositivo (computador, telemóvel, tablet).

RWD combina 3 conceitos: imagens flexíveis, grids fluídas e consultas de media CSS3.

Os browsers já oferecem ferramentas ao programador para pré-visualizar os seus sites em diferentes viewports.

Nos últimos anos surgiram frameworks web responsivas que abstraem do programador todo o trabalho de renderização e da adequação das interfaces gráficas ao meio físico.

Frameworks Frontend contém componentes como:

- Folhas de estilo CSS - para posicionamento responsivo de elementos web (sistemas grid), de modo a estilizar marcações HTML existentes ( tipo de letras, tabelas, imagens) e a modelar novos componentes gráficos (barras navegação)

- plugins JavaScript - para implementar componentes de interação avançada

Um dos mais populares frameworks responsivos frontend é o BootStrap que surgiu em 2011 (Mark Otto & Jacob Thornton)

O Bootstrap é uma framework Web gratuita e de código aberto que permite a criação de sites e aplicações Web responsivas de forma simples e rápida. A framework disponibiliza modelos baseados em HTML e CSS para os mais variados tipos de componentes.

EDITOR recomendado: Visual Studio Code - para simplificar e acelerar a edição de código pode-se instalar extensão Bootstrap 4 Snippets

Analisador estático de código: Bootlint responsável por examinar o código HTML e notificar os programadores de possíveis bugs encontrados no código

Para usar o Boostrap numa aplicação Web é necessário fazer:

** Download do BootStrap para o seu computador e fazer uma referência local

** incluir uma referência online para um Content Delivery network (CDN) (Em geral, melhor opção)

Bootstrap3, estrutura inclui modelos CSS e HTML responsivos para botões, tabelas, navegação, carrosséis de imagens e outros elementos que poderá usar na sua página da web responsiva.