• 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 Angular 12

Sass, Ivy, Nullishing Coalescing, End-to-End test

E’ arrivato Angular 12! La nuova versione coinvolge diversi aspetti del framework, dal framework stesso ai Componenti, in particolare integrando l’engine Ivy ovunque. Come sempre l’aggiornamento rende più funzionale e ricco il framework.

Per aggiornare alla versione 12 potete visitare il sito update.angular.io, vi mette a disposizione un form da compilare indicando da quale versione migrate e vi indica cosa dovete fare.

Ivy e View Engine

Con la nuova versione viene deprecato l’utilizzo di View Engine che verrà completamente rimosso in una futura major release a favore dell’engine Ivy il cui viaggio è partito con la versione 8 del framework ed ha trovato la sua consacrazione nella versione 9.

Le librerie che utilizzano View Engine continueranno a funzionare per il momento ma gli sviluppatori devono iniziare quanto prima il processo di migrazione verso Ivy. Per un approfondimento puoi visitare il seguente link.

Transizione dai Message ID i18n legacy

Viene integrato un nuovo formato di Message ID più resiliente e intuitivo che risolve problemi di mancate validazioni della traduzioni e di efficienza legata alla ri-traduzione nelle applicazioni soprattuto quando è necessario gestire gli spazi bianchi. Già dalla versione 11 tutti i progetti sono configurati per utilizzare il nuovo formato ed ora è disponibile un tool di migrazione.

Il futuro di Protractor

Dopo aver ascoltato la community tramite un RFC, il team di Angular ha deciso di non includere Protractor, un sistema di test end-to-end, nelle prossime versioni di Angular ed in particolare verrà completamente dismesso con la versione 15 di Angular prevista nel 2022. Ciò andrà a favore di altre tecnologie più efficienti per i test end-to-end come Cypress, WebdriverIO e TestCafe.

Nullishing Coalescing

L’operatore Nullish Coalescing (??) è integrato nel template engine di Angular 12 ed è possibile utilizzarlo per rendere molto più pulito il codice. A titolo di esempio un espressione come questa:

{{peso !== null && peso !== undefined ? peso : calcolaPeso() }} 

può diventare:

{{ peso ?? calcolaPeso() }}

Documentazione e supporto

Con la versione 12 è disponibile una guida per ulilizzare content projection per creare componenti flessibili e riutilizzabili. Inoltre è disponibile una piattaforma per gli sviluppatori che permette di contribuire a rendere la documentazione migliore. Infine è stata resa disponibile una sezione del portale con guide e video per la gestione dei messaggi di errore e l’analisi del debugging.

Miglioramenti nello stile

E’ disponibile il supporto inline per Sass nel campo styles della componente decorator. Per chi utilizza Angular CDK o Angular Material è necessario “switchare” dal pacchetto npm node-sass a sass. Inoltre con l’aggiornamento ad Angular 12, sia Angular CDK sia Angular Material espongono API Sass utilizzabili attraverso la funzione @use. Per un approfondimento puoi visitare il seguente link.

Aggiornamenti minori

Altri aggiornamenti che hanno trovato spazio nella nuova versione sono:

  • lanciando ng build si arriva direttamente in produzione risparmiando alcuni step e prevenendo possibili errori;
  • la modalità Strict mode è abilitata di default nella CLI;
  • Ivy-based Language Service è abilitato di default;
  • supporto per una versione “production ready” di Webpack 5;
  • supporto a Typescript 4.2.

Deprecazione del supporto per IE11

Angular, per scelta strategica, è una piattaforma evergreen ed è sempre completamente aderente alle ultime tecnologie e progressi, pertanto è stato programmata la deprecazione di IE11 a partire da Angular 12, in cui ci sarà un messaggio di avviso ma verrà parzialmente supportato, mentre tale supporto verrà completamente rimosso con Angular 13( previsto per fine 2021).

Glue Labs e Angular

Utilizziamo Angular dalla sua nascita, ti forniamo lo sviluppo di applicazioni, la formazione avanzata e l’assistenza specialistica in modalità body rental, training on job e con piani di supporto tecnico per i tuoi progetti. Abbiamo integrato Angular in diversi applicativi e con numerosi Clienti. Ti garantiamo ogni nostro progetto di sviluppo 12 mesi da qualsiasi bug. Contattaci subito e senza impegno per un preventivo gratuito.

Continua la lettura

  1. Le novità di Angular 14

Categoria: Articoli Tags: angular, angular 11, Angular 12, Angular Material, AngularJS, Ivy, Progressive Web Application, Sass, web application

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

  • 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
  • Realizzazione di Tour Virtuali 3D

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}