• 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

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 13
  2. Le novità di Angular 12

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 V. Amedeo II 6
Venezia: Dorsoduro 3648A
Altamura: Via Maggio 1648 24

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

La nostra Web Agency

Footer

Partnership



Rimaniamo in contatto

Iscriviti alla nostra newsletter

Nome

Soluzioni

  • Corso Angular 14
  • Ingegneria dei requisiti di sistema ed applicativi
  • Assistenza, Supporto ed Integrazione di Cacti
  • Corso MySQL/MariaDB
  • Corso SQL Server
  • Corso PostgreSQL
  • Integrazione tra Vonage e Salesforce
  • Hosting, Consulenza, Assistenza e Supporto Tecnico su Google Cloud
  • Corso PostgreSQL Base ed Avanzato
  • Autenticazione tramite token JWT a Jitsi

Articoli

  • Le novità di Moodle 4.0
  • Cos’è l’Unified Communication as a Service(UCaaS) e quali sono i vantaggi
  • Cos’è un Micro Front-End e come renderlo multi-framework con Stencil
  • Le 5 best practice per applicare correttamente gli aggiornamenti al Software Open Source: il caso studio Moodle
  • Come rendere sicuro il software Open Source: il servizio “Assured Open Source Software” di Google
  • Le novità di Angular 14
  • Cos’è la Robotic Process Automation(RPA) e perchè usarla
  • 5 cose da fare per migliorare le performance delle Web Application
  • Come risolvere il blocco di Node.js nelle Desktop App su Windows
  • Come la Pubblica Amministrazione può ottenere risorse per la transizione digitale: il progetto PA DIGITALE 2026

Le nostre sedi

  • Roma, Piazza Don Sturzo 15
  • Milano, Via Lazzaretto 19
  • Torino, Via V. Amedeo II 6
  • Venezia, Dorsoduro 3648A
  • 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–2022 | 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}