• Passa alla navigazione primaria
  • Passa al contenuto principale
  • Passa alla barra laterale primaria
  • Passa al piè di pagina
Glue Labs

Glue Labs

Trasformiamo le tue idee in prodotti digitali di successo!

  • HOME
  • SOLUZIONI
  • NEWS
  • PRODOTTI
  • CONTATTI
  • CASE STUDY

Le novità di Ionic 4

Web API, Shadow DOM, Angular CLI e molto altro

Ionic è il framework per le Progressive Web App (PWA) e le Cross Platform Mobile App tra i più usati al mondo e, dopo un anno di lavoro, è stato annunciato l’arrivo della versione 4. Scorriamo le novità più importanti.

Standard Web e Web API

Ionic 4 è stato ristrutturato utilizzando esclusivamente le Web API ed ogni componente è stata pacchettizzata come una Web Component, questo permette al framework di agire d’anticipo rispettando tutte le API già nativamente supportate dai browser.

In pratica Ionic Framework fa uso di Web Component per ogni componente ed attraverso un tool proprietario, Stencil, disponibile opensource, è possibile prendere dimestichezza con tale caratteristica.  Riprendendo quanto già fatto con Angular Elements, si fa uso di set di Web API come Custom Elements e Shadow DOM.

Per i browser che non supportano nativamente le web components, cosa sempre più rara, vengono usate, all’interno del framework e quindi in maniera trasparente per sviluppatore e utilizzatore, tecniche di polyfill.

Framework Integration e Compatibilità

E’ iniziato lo sviluppo della compatibilità con qualsiasi tecnologia di front end. Fino alla versione 3 Ionic era esclusivamente basato su Angular, ma a partire dalla versione 4 si è realizzata una certa indipendenza dal framework di Front End così da poter permettere il continuous internal improvement, vale a dire lo sviluppo di update su Ionic senza pensare agli update di Angular. In questa maniera vale anche il contrario, cioè potete aggiornare le applicazioni ad una nuova versione di Angular senza che le applicazioni Ionic ne vengano impattate.

Il futuro è quello di rendere completamente compatibile Ionic con tutti i framework più comuni, quindi non solo Angular ma anche Vue e React.

Angular CLI e Router

Dalla versione 4, Ionic farà uso dei building tool di Angular, rimpiazzando di fatto ionic-app-scripts con i tool ufficiali di Angular che sono noti alla community e ben sviluppati e mantenuti. Ciò permette a Ionic di concentrare i futuri sviluppi sulle componenti del Framework e non su elementi a corollario che non hanno alcun impatto su sviluppatori e app.

Upgrade alla versione 4

Grazie all’adozione delle politiche di building di Angular l’upgrade sarà molto semplice e potete ottenere maggiori informazioni nella Migration Guide ed utilizzare il Migration Tool.

Altre novità di Ionic Framework 4

Sono state, inoltre, introdotte novità in diversi elementi del framework per renderlo maggiormente fruibile e più facilmente utilizzabile per qualsiasi progetto:

  • Ionicons 4.0: Disponibile come web component, ridotto nelle dimensioni e con nuove icone che integrano i nuovi iOS e Material Design. Scopri di più
  • Native API: Ionic Native 5.0 Beta è stato aggiornato per essere indipendente dai framework con Native API.
  • CLI 4.0: nuova CLI integrata con Cordova livereload, schematics e supporto a progetti multipli con allegata una nuova e più esauriente documentazione di riferimento.
  • Shadow DOM: grazie a Shadow DOM è possibile utilizzare Ionic component da qualsiasi Web App.
  • CSS Variables: possibilità di effettuare il theming attraverso variabili di ambiente modificabili anche direttamente attraverso i building tool.

Glue Labs e Ionic

Realizziamo la tua applicazione Ionic con garanzia 12 mesi da qualsiasi bug, ti forniamo supporto, assistenza e consulenza nella realizzazione di App che fanno uso di Ionic Framework e miglioriamo le tue conoscenze grazie a corsi di formazione avanzata su Ionic. Contattaci subito e senza impegno per un preventivo gratuito.

Continua la lettura

  1. Le novità di Angular 14

Categoria: Articoli Tags: angular, Angular CLI, Cross Platform Application, ionic, ionic 3, Ionic 4, Ionicons, Mobile App, progressive web app, PWA, Shadow DOM, Web API, Web Components

Barra laterale primaria

Cosa facciamo

  • Content Strategy
  • E-Commerce
  • Formazione avanzata Web, Mobile & Cloud
  • IoT – Sviluppo e Integrazione
  • Micro Live Learning(MLL) Web, Mobile & Cloud
  • Project Management Prince2
  • PushAPE
  • Sicurezza ICT
  • Software Aziendali
  • Sviluppo Mobile App
  • Sviluppo, Supporto, Assistenza Tecnica e Hosting Google Cloud
  • System Integration
  • Web Application
  • Web Design

Contatti

Scrivici dal form di contatto

Tel +39 06 56549766
Fax +39 06 21122581
Mail: info@glue-labs.com
Pec: gluelabs@legalmail.it

Dove siamo

Roma: Piazza Don Sturzo 15
Milano: Via Lazzaretto 19
Torino: Via San Domenico 28
Altamura: Via Maggio 1648 24

"*" indica i campi obbligatori

Nome*
Questo sito è protetto da reCAPTCHA e si applicano le Normative sulla Privacy e i Termini di Servizio di Google.
Inviando i tuoi dati accetti le condizioni sulla Privacy. Li useremo per rispondere alle tue domande e richieste.
Consenso*
Questo campo serve per la convalida e dovrebbe essere lasciato inalterato.

Siamo parte di

La nostra Agenzia di Marketing

Footer

Partnership



Rimaniamo in contatto

Iscriviti alla nostra newsletter

Nome
Questo campo serve per la convalida e dovrebbe essere lasciato inalterato.

Soluzioni

  • Integrazione di Spreaker API con WordPress e Web Application
  • Revisione, validazione, attestazione e Relazione Tecnica su Ricerca & Sviluppo e Innovazione Tecnologica
  • Migrazione da ASP.NET Web Forms e Visual Basic ad Angular Web Application
  • Corso Angular 15
  • Supporto ed Integrazione di SPID e CIE con OpenID Connect
  • Consulenza e Assessment pre-formazione
  • Integrazione con le API di OpenAI e ChatGPT
  • Corso Firebase
  • Corso Cucumber per Javascript
  • Supporto ed Assistenza nell’implementazione ed utilizzo dei Kit di Designers Italia

Articoli

  • Le 4 metriche principali delle Performance del DevOps
  • Come trasformare una Web Application in una Mobile App: Capacitor di Ionic
  • Moodle per essere compliant con gli obblighi formativi in ambito sicurezza sul lavoro
  • Perchè adottare il modello One Concern(o Application) One Container
  • Perchè utilizzare la WebAR
  • Le 3 ragioni per implementare un chatbot nella tua azienda
  • I 5 fattori che impattano sulla reliability delle applicazioni
  • Le 10 innovazioni che modificheranno i servizi IT nel 2023
  • DevSusOps: sviluppare per la sostenibilità del software e delle architetture IT
  • Cos’è la Communications Platform as a Service(CPaaS) e perchè utilizzarla

Le nostre sedi

  • Roma, Piazza Don Sturzo 15
  • Milano, Via Lazzaretto 19
  • Torino, Via San Domenico 28
  • Altamura, Via Maggio 1648 24

Contatti

  • Tel. +39 06 87811067
  • Fax +39 06 99335373
  • glue-labs@legalmail.it
  • info@glue-labs.com
  • Facebook
  • LinkedIn
  • Twitter

Scarica app da App StoreScarica app da Play Store


Glue Labs © 2011–2023 | Copyright | Privacy Policy | Company Info | Cookie Policy | Gestione Cookies

Gestisci Consenso Cookie
Usiamo cookie per ottimizzare il nostro sito web ed i nostri servizi.
Funzionale Sempre attivo
La conservazione tecnica o l'accesso sono strettamente necessari al fine legittimo di consentire la fruizione di uno specifico servizio esplicitamente richiesto dall'abbonato o dall'utente, o al solo fine di effettuare la trasmissione di una comunicazione su una rete di comunicazione elettronica.
Preferenze
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistiche
L'archiviazione tecnica o l'accesso che viene utilizzato esclusivamente a fini statistici anonimi. Senza un mandato di comparizione, il rispetto volontario da parte del tuo provider di servizi Internet o registrazioni aggiuntive da parte di terzi, le informazioni archiviate o recuperate solo per questo scopo non possono essere generalmente utilizzate per identificarti. The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
L'archiviazione tecnica o l'accesso è necessario per creare profili utente per inviare pubblicità o per tracciare l'utente su un sito Web o su più siti Web per scopi di marketing simili.
Gestisci opzioni Gestisci servizi Gestisci fornitori Per saperne di più su questi scopi
Gestisci preferenze
{title} {title} {title}