logo

Tutoriel sur les matériaux angulaires

Matériau angulaire est un composant de bibliothèque d'interface utilisateur développé par Google en 2014. Il est spécialement conçu pour les développeurs AngularJS. Cela aide à concevoir l’application de manière structurée. Ses composants aident à créer des pages Web et des applications Web attrayantes, cohérentes et fonctionnelles. Il est utilisé pour créer un site Web réactif et plus rapide.

Tutoriel sur les matériaux angulaires

Il attire les utilisateurs et accède aux éléments ou composants présents dans notre application. Cela aide également à concevoir nos applications avec des styles et des formes uniques.

Ces composants rendent l'application ou le site Web plus cohérent et conception réactive. Il combine les principes classiques d’un design réussi avec l’innovation et la technologie.

Google a développé Angular Material en 2014. À cette époque, il était étiqueté comme suit : AngulaireJS pour rendre les applications plus attrayantes et plus rapides. Google a réécrit le code à partir de zéro et l'a supprimé JS , puis l'a nommé Angular Material en septembre 2016. UI/UX les composants sont connus sous le nom de matériaux angulaires.

liste des tableaux

Caractéristiques du matériau angulaire

  • Il s’agit d’une conception réactive intégrée.
  • Le matériau angulaire a un CSS standard.
  • La nouvelle version des composants de l'interface utilisateur qui sont boutons, cases à cocher , et champs de texte est utilisé pour suivre les concepts de conception de matériaux angulaires.
  • Il possède des fonctionnalités spécialisées telles que cartes, barre d'outils, numérotation rapide, navigation latérale, balayage, navigation latérale , et plus.
  • Il s'agit d'un navigateur multiplateforme utilisé pour créer des composants Web.

Conception réactive

  • Angular Material a un design réactif afin que son site Web puisse s'adapter à n'importe quelle taille.
  • Les sites Internet créés par Material sont compatibles avec Android, iPhone, tablettes , et ordinateurs portables .

Extensible

  • Il est facile d'en ajouter de nouveaux CSS règles pour écraser l'existant CSS
  • Il prend en charge les ombres et les couleurs.
  • Les couleurs et les nuances sont uniformes dans Angular Material.
  • Le matériau angulaire est gratuit.

Haute qualité

  • Les composants Angular Material sont accessibles à tous. Il est testé avec de nombreux paramètres qui garantissent les performances et la fiabilité de l'application.
  • Il dispose d'API simples avec un comportement multiplateforme cohérent.

Polyvalent

  • Il fournit des outils qui aident les développeurs à créer leurs composants personnalisés avec des modèles communs.
  • Il est personnalisable dans les limites.

Sans friction

  • Il a été construit par l'équipe Angular pour s'intégrer parfaitement.
  • Nous pouvons utiliser Angular Material pour concevoir une nouvelle application à partir de zéro ou dans une application existante.

AngularJS contre Angular

La bibliothèque de matériaux angulaires est un produit stable et prêt à l'emploi. Les développeurs doivent noter que Matériel AngularJS fonctionne avec AngularJS 1 fois . AngulaireJS 1 fois est maintenant dans Support à long terme (LTS) mode.

Le kit de développement de matériaux et de composants angulaires ( CDK ) bibliothèques ( pour angulaire v2+ ) se trouvera dans le Composants angulaires Dépôt GitHub .
Les efforts de développement actuels se concentrent sur accessibilité, améliorations mineures des performances et corrections de bugs .

La dernière conception matérielle

La dernière mise à jour de Material Design a été annoncée chez Google en mai, 2018 .

Soutien à long terme

AngularJS Material est entré dans le Soutien à long terme (LTS) qui se termine le 31 décembre 2021 . La date s'aligne sur AngularJS C'EST période.

Ensuite, nous nous concentrons sur la correction du bug, dans le 1.2.x branche de la bibliothèque, qui satisfait à au moins un des critères indiqués ci-dessous :

  • Nous recevons ou détectons un rapport vérifié de faille de sécurité.
  • Un navigateur publie une version qui empêchera les applications de production actuelles de fonctionner.
  • La bibliothèque jQuery publie une version qui empêche les applications de production actuelles de fonctionner.

Matériel AngularJS 1.1.x obtiendra une nouvelle version si nous vérifions une nouvelle faille de sécurité.

Prise en charge du navigateur

AngularJS Material prend généralement en charge les navigateurs qui appartiennent à ces catégories :

  • Utilisation mondiale supérieure à 0,5 %
  • Les deux dernières versions majeures des navigateurs Evergreen
  • Firefox ESR
  • Navigateurs non considérés comme « morts »

Conditions préalables

Avant de poursuivre le tutoriel, vous devez avoir les connaissances de base de JS angulaire, HTML, CSS, JavaScript, et Modèle objet de document (DOM) . En outre, cela aide si vous voyez le fonctionnement des applications Web.

algorithme de planification à tour de rôle

Public

Ce didacticiel est utile aux débutants et aux professionnels qui souhaitent apprendre les bases d'Angular Material et créer des sites Web réactifs avec des composants attrayants. Le didacticiel explique les principaux concepts d'Angular Material.

Problème

Nous vous assurons que vous ne rencontrerez aucun problème dans ce tutoriel Java. Cependant, en cas d'erreur, veuillez signaler le problème dans le formulaire de contact.