logo

Tutorial de material angular

Material angular és un component de biblioteca d'interfície d'usuari desenvolupat per Google el 2014. Està especialment dissenyat per a desenvolupadors d'AngularJS. Ajuda a dissenyar l'aplicació d'una manera estructurada. Els seus components ajuden a construir pàgines web i aplicacions web atractives, coherents i funcionals. S'utilitza per crear un lloc web responsiu i més ràpid.

Tutorial de material angular

Atreu usuaris i accedeix als elements o components presents a la nostra aplicació. També ajuda a dissenyar les nostres aplicacions amb estils i formes únics.

Aquests components fan que l'aplicació o el lloc web siguin més consistent i disseny responsive. Combina els principis clàssics del disseny d'èxit amb la innovació i la tecnologia.

Google va desenvolupar Angular Material el 2014. En aquell moment, estava etiquetat a AngularJS per fer que les aplicacions siguin més atractives i un rendiment més ràpid. Google va tornar a escriure el codi des de zero i l'ha eliminat JS , després el va anomenar Angular Material al setembre 2016. UI/UX els components es coneixen com a materials angulars.

unió esquerra vs unió dreta

Característiques del material angular

  • És un disseny responsiu integrat.
  • Angular Material té CSS estàndard.
  • La nova versió dels components de la IU que són botons, caselles de selecció , i camps de text s'utilitza per seguir els conceptes de disseny de materials angulars.
  • Té característiques especialitzades com ara targetes, barra d'eines, marcatge ràpid, navegació lateral, llisca, navegació lateral , i més.
  • És un navegador multiplataforma i s'utilitza per crear components web.

Disseny responsive

  • Angular Material té un disseny responsive perquè el seu lloc web s'adapti a qualsevol mida.
  • Els llocs web creats per Material són compatibles amb Android, iPhone, tauletes , i portàtils .

Extensible

  • És fàcil afegir nous CSS regles per sobreescriure l'existent CSS
  • Admet ombres i colors.
  • Els colors i matisos són uniformes en material angular.
  • El material angular és d'ús gratuït.

Alta qualitat

  • Els components del material angular són accessibles per a tothom. Es prova amb molts paràmetres que garanteixen el rendiment i la fiabilitat de l'aplicació.
  • Té API senzilles amb un comportament multiplataforma coherent.

Versàtil

  • Proporciona eines que ajuden els desenvolupadors a crear els seus components personalitzats amb patrons comuns.
  • Es pot personalitzar dins dels límits.

Sense fricció

  • Va ser construït per l'equip d'Angular per integrar-se perfectament.
  • Podem utilitzar Angular Material per dissenyar una nova aplicació des de zero o en una aplicació existent.

AngularJS vs. Angular

La biblioteca de material angular és un producte estable que està llest per al seu ús. Els desenvolupadors haurien de tenir en compte això Material AngularJS funciona amb AngularJS 1.x . AngularJS 1.x ara està dins Suport a llarg termini (LTS) mode.

El kit de desenvolupament de materials i components angulars ( CDK ) biblioteques ( per a Angular v2+ ) es trobarà a Components angulars Repositori GitHub.
Els esforços de desenvolupament actuals estan centrats accessibilitat, millores menors de rendiment i reparació d'errors .

L'últim disseny de materials

La darrera actualització de Material Design es va anunciar a Google al maig. 2018 .

Suport a llarg termini

El material AngularJS ha entrat a Suport a llarg termini (LTS) període que acaba el 31 de desembre de 2021 . La data s'alinea amb l'AngularJS LTS període.

Llavors, ens centrem a corregir l'error, al 1.2.x branca de la biblioteca, que compleixi almenys un dels criteris que s'indiquen a continuació:

  • Rebem o detectem un informe de debilitat de seguretat verificat.
  • Un navegador publica una versió que deixarà de funcionar les aplicacions de producció actuals.
  • La biblioteca jQuery llança una versió que impedeix que les aplicacions de producció actuals funcionin.

Material AngularJS 1.1.x obtindrem una nova versió, si verifiquem una nova debilitat de seguretat.

Suport del navegador

El material AngularJS generalment admet navegadors que entren en aquestes categories:

  • Més del 0,5% d'ús global
  • Les dues últimes versions principals dels navegadors Evergreen
  • Firefox ESR
  • No es consideren navegadors 'morts'.

Requisits previs

Abans de continuar amb el tutorial, cal tenir els coneixements bàsics de Angular JS, HTML, CSS, JavaScript, i Model d'objectes de document (DOM) . A més, ajuda si veieu el funcionament de les aplicacions basades en web.

pseudocodi java

Públic

Aquest tutorial és beneficiós per a principiants i professionals que volen aprendre els conceptes bàsics de Angular Material i crear llocs web responsius amb components atractius. El tutorial explica els conceptes principals de Material angular.

Problema

Assegurem que no trobareu cap problema en aquest tutorial de Java. Tanmateix, si hi ha algun error, si us plau, publiqueu el problema al formulari de contacte.