AngularJs, Bootstrap e Cordova: il connubio per app mobile cross-platformGabriele Gaggi
Cordova è la chiave di volta che consente agli sviluppatori web un ingresso rapido ed indolore negli store delle diverse piattaforme mobili. Vedremo come utilizzare questa chiave di volta sfruttando la potenza e semplicità del framework MVC di Google AngularJs in collaborazione con le caratteristiche responsive offerte dal framework di Twitter Bootstrap.
AngularJs, Bootstrap e Cordova: il connubio per app mobile cross-platformGabriele Gaggi
Cordova è la chiave di volta che consente agli sviluppatori web un ingresso rapido ed indolore negli store delle diverse piattaforme mobili. Vedremo come utilizzare questa chiave di volta sfruttando la potenza e semplicità del framework MVC di Google AngularJs in collaborazione con le caratteristiche responsive offerte dal framework di Twitter Bootstrap.
Angular kit e Design system del Paese - Meetup ngRome 30 Gennaio 2023AndreaStagi3
Slide del MeetUp di Angular Roma dove Cristian Borelli e Andrea Stagi ci hanno raccontato le evoluzioni fatte sul Design Kit e Bootstrap Italia: dalle nuove tecnologie ai temi dell'accessibilità. L’occasione è stata utile per presentare i lavori per il nuovo Design Kit Angular che andrà ad arricchire le componenti Bootstrap Italia.
Mobile Development: una introduzione per Web Developerssparkfabrik
Dal native coding agli attuali framework per lo sviluppo mobile: Ionic e React Native la fanno da padroni. Quali sono le caratteristiche peculiari e perché utilizzarli?
Il nostro Lead Developer Edoardo Dusi ne parla diffusamente per poi planare in chiusura su una comparativa tra le due soluzioni. Ah, abbiamo dedicato un piccolo spazio anche a Flutter, il framework multipiattaforma di Google (con 110k+ star su Github!) per creare apps e interfacce native composte da widget realizzati ad hoc e renderizzati da un motore interno ad altissime prestazioni.
Applicazioni web e SaaS, considerazioni. [Report]Claudio Rava
Claudio Rava, claudio.rava(at)gmail.com
Progetto di esame, corso Tecnologie e Applicazioni per l'Internet, Politecnico di Milano.
Analisi della Web Trend Map 4, in particolare dell'Application Line.
FAST è una raccolta di tecnologie, basate su Web Components e su Web Standards moderni, che ci aiuta ad affrontare in modo efficiente alcune delle sfide più comuni nella progettazione e nello sviluppo di siti ed applicazioni Web.”
FAST ci aiuta a creare interfacce si adattano facilmente a qualunque Design System e che possono essere utilizzate con qualsiasi framework!
3° appuntamento col Corso di Wordpress: temi & plugin. Ecco i 20.000 plugin sotto WP. Ad ogni esigenza si può associare un po’ di plugin. Ecco come sceglierli.
- cosa si può ottenere cambiando tema
- cosa si può ottenre installando un plugin
- categorie di temi: numero colonne e specifici
- installare un tema (o più temi): le demo non sono mai demo
- bootstrap
- elenco plug-in consigliati
- … plugin per usi specifici
E se vi chiedessi:
Cosa lega le ultime tendenze del cloud alla programmazione degli anni 80?
Quali sono le cose realmente importanti da tenere a mente quando si realizza un'applicazione?
Qual'è la strategia migliore per "inseguire professionalmente" le novità e non diventare rapidamente "obsoleto"?
Cosa si intende per "Pensiero Analogico e Azione Digitale"?
Questo e altro nel nuovo seminario di Pasquale Camastra (che si terrà presso la nostra sede il 14/09/2017 alle ore 17:30), che, questa volta nelle vesti di Evolutionary Architect, racconterà come affrontare le nuovissime tendenze delle Architetture Applicative in Cloud con lo spirito pionieristico di chi ha conosciuto l'informatica grazie al Commodor 64
Slides delle lezioni del corso di Strumenti e applicazioni Web per il corso di laurea magistrale in teoria e tecnologia della comunicazione - Università di Milano Bicocca (prof.R.Polillo) - Lezione del 20 marzo 2014
Angular kit e Design system del Paese - Meetup ngRome 30 Gennaio 2023AndreaStagi3
Slide del MeetUp di Angular Roma dove Cristian Borelli e Andrea Stagi ci hanno raccontato le evoluzioni fatte sul Design Kit e Bootstrap Italia: dalle nuove tecnologie ai temi dell'accessibilità. L’occasione è stata utile per presentare i lavori per il nuovo Design Kit Angular che andrà ad arricchire le componenti Bootstrap Italia.
Mobile Development: una introduzione per Web Developerssparkfabrik
Dal native coding agli attuali framework per lo sviluppo mobile: Ionic e React Native la fanno da padroni. Quali sono le caratteristiche peculiari e perché utilizzarli?
Il nostro Lead Developer Edoardo Dusi ne parla diffusamente per poi planare in chiusura su una comparativa tra le due soluzioni. Ah, abbiamo dedicato un piccolo spazio anche a Flutter, il framework multipiattaforma di Google (con 110k+ star su Github!) per creare apps e interfacce native composte da widget realizzati ad hoc e renderizzati da un motore interno ad altissime prestazioni.
Applicazioni web e SaaS, considerazioni. [Report]Claudio Rava
Claudio Rava, claudio.rava(at)gmail.com
Progetto di esame, corso Tecnologie e Applicazioni per l'Internet, Politecnico di Milano.
Analisi della Web Trend Map 4, in particolare dell'Application Line.
FAST è una raccolta di tecnologie, basate su Web Components e su Web Standards moderni, che ci aiuta ad affrontare in modo efficiente alcune delle sfide più comuni nella progettazione e nello sviluppo di siti ed applicazioni Web.”
FAST ci aiuta a creare interfacce si adattano facilmente a qualunque Design System e che possono essere utilizzate con qualsiasi framework!
3° appuntamento col Corso di Wordpress: temi & plugin. Ecco i 20.000 plugin sotto WP. Ad ogni esigenza si può associare un po’ di plugin. Ecco come sceglierli.
- cosa si può ottenere cambiando tema
- cosa si può ottenre installando un plugin
- categorie di temi: numero colonne e specifici
- installare un tema (o più temi): le demo non sono mai demo
- bootstrap
- elenco plug-in consigliati
- … plugin per usi specifici
E se vi chiedessi:
Cosa lega le ultime tendenze del cloud alla programmazione degli anni 80?
Quali sono le cose realmente importanti da tenere a mente quando si realizza un'applicazione?
Qual'è la strategia migliore per "inseguire professionalmente" le novità e non diventare rapidamente "obsoleto"?
Cosa si intende per "Pensiero Analogico e Azione Digitale"?
Questo e altro nel nuovo seminario di Pasquale Camastra (che si terrà presso la nostra sede il 14/09/2017 alle ore 17:30), che, questa volta nelle vesti di Evolutionary Architect, racconterà come affrontare le nuovissime tendenze delle Architetture Applicative in Cloud con lo spirito pionieristico di chi ha conosciuto l'informatica grazie al Commodor 64
Slides delle lezioni del corso di Strumenti e applicazioni Web per il corso di laurea magistrale in teoria e tecnologia della comunicazione - Università di Milano Bicocca (prof.R.Polillo) - Lezione del 20 marzo 2014
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