I punti essenziali di Bootstrap, il framework più popolare nello sviluppo front-end di interfacce web responsive.

1. Bootstrap
Il dominatore del front-end responsive
Realizzata da: Modica Luca

2. Che cos’è Bootstrap?
Bootstrap rappresenta uno dei framework CSS (o libreria di componenti, in base al suo utilizzo)
open-source più diffuso al mondo nello sviluppo web front-end. Realizzato utilizzando i
linguaggi HTML, CSS e JavaScript (insieme alla sua libreria jQuery), è presto diventato uno
standard di successo nel suo settore, principalmente per 3 motivi:
★ Realizzazione rapida di template HTML preconfezionati e temi per CMS
★ Interfacce responsive, la loro dimensione si adatta quindi alla dimensioni dello schermo
★ Un numero davvero impressionante di componenti utilizzabili, da un semplice bottone ad
un’intera barra di navigazione!

3. Come è nato il progetto...
L’idea risale a circa 8 anni fa nella sede di Twitter, ad opera degli ingegneri Mark Otto e Jacob
Thornton. In origine battezzato come Twitter Blueprint, la loro intenzione principale era proprio
quella di semplificare il lo sviluppo e la progettazione web, in un ambiente dove non esisteva
un’unica infrastruttura e ognuno aveva un suo approccio per fare le cose!
Con l’obiettivo fisso quindi di minimizzare le incoerenze, la prima versione del framework venne
rilasciata nell’agosto del 2011, sotto forma si progetto open-source su Github. I risultati
andarono ben oltre le aspettative: nel giro di pochi mesi, infatti, migliaia di sviluppatori
contribuirono al codice, rendendolo uno dei framework front-end più popolari!
Nei 2 anni successivi vennero rilasciate le 2 versioni successive di Bootstrap, definendo così i
suoi principali punti di forza: dal supporto ad un web design responsive ad una corposa
aggiunta di nuovi componenti, fino ad un primo vero approccio al nascente mondo del mobile.

4. ...e come si è sviluppato!
Un corposo cambiamento di Bootstrap arriva proprio con la sua quarta versione, Bootstrap 4,
rilasciata il gennaio 2018 nella sua versione definitiva. Grazie alle sue novità, il framework
fornisce agli sviluppatori una maggiore libertà di personalizzazione e prestazioni di gran lunga
migliori:
➔ viene implementato il linguaggio Sass, un superset di CSS che semplifica la scrittura del
codice e bassi tempi di compilazione nella visualizzazione su web
➔ notevoli cambiamenti grafici con l’introduzione del componente card e l’utilizzo del più
versatile foglio di stile Reboot.css
➔ modernizzazione dello stesso codice del framework, deprecando componenti datati e
adattandosi ai nuovi standard come javascript ES6
Attualmente Bootstrap è nella sua versione 4.3.1, con la sua quinta versione prevista per il
2020.

5. Alcuni dati di statistica
➢ Solo lo scorso 2018, Bootstrap è utilizzato in circa il 18% del primo milione di siti in tutto il
mondo!
➢ Il sua popolarità è dimostrata anche confrontandolo con strumenti analoghi, possedendo circa il
52% del market-share!
➢ La community di sviluppo è davvero vasta: si tratta infatti di una delle Github repository più
attive e importanti! ( https://github.com/twbs/bootstrap )

6. Quindi, perchè dovrei utilizzarlo?
➔ Realizzazione interfacce web in poco tempo!
◆ apprendimento molto rapido del suo utilizzo e del suo funzionamento
◆ alta personalizzazione del codice html, css e javascript
◆ disponibili un’enorme quantità di componenti per velocizzare ancor di più lo sviluppo
➔ Le interfacce sono responsive
◆ cambiamento dinamico delle dimensioni della pagina web in base a quelle dello schermo
◆ adatto a layout pensati per dispositivi mobili
◆ sono più user-friendly e semplici da indicizzare per Google
➔ E’ molto popolare e supportato nel web
◆ una delle github repository più attiva
◆ oltre 6600 temi e 950 plugin wordpress sviluppati
◆ Adottato spesso in framework per lo sviluppo di web app, come Angular o React

7. Riferimenti
● https://getbootstrap.com/
● https://www.ostraining.com/blog/webdesign/bootstrap-popular/
● https://en.wikipedia.org/wiki/Bootstrap_(front-end_framework)
● https://www.htmlgoodies.com/html5/markup/10-common-uses-of-bootstrap.html