Front-end

La multinationale américaine a décidé de mettre fin aux tâches répétitives sur son Framework JS. La solution qu’elle propose est un nouveau kit de composants qui facilitera les processus de développement et qui fera surtout gagner du temps aux développeurs. Découvrez Angular CDK

7 packages pour faciliter votre code front-end

Le kit de développement est divisé en sept composants qui ont chacun un rôle bien précis :

  •      Accessibility : rend le code accessible à tous, permet de se déplacer sur le site avec des touches du clavier
  •      Bidirectionality : gestion du sens de l’écriture (de droite à gauche ou de gauche à droite)
  •      Layout : gestion de la mise en forme
  •      Observers : écouteur qui observent l’élément et émet une mutation s’il change
  •      Overlay : recouvrement de menu, boîtes de dialogue, etc.
  •      Portal : rend le contenu d’une application dynamique
  •      Scrolling : réagit aux événements de défilement

2 nouveaux composants efficaces

En plus des packages, le kit de développement promets deux composants. Il s’agit de :

  •      Stepper : qui permet de créer un élément en plusieurs étapes. L’idée est d’afficher un contenu en plusieurs étapes (d’où le nom stepper). Prenons l’exemple d’un formulaire :

En premier on affiche le nom, ensuite le prénom, et enfin une dernière étape de validation

Voici un aperçu du résultat avec le code adéquat.

  •      Table

Ce composant permet de générer un tableau basé sur le Material-design qui sera dynamisé grâce au framework Angular. Le tableau peut être implémenté facilement en appelant le composant auquel on assigne les données souhaitées. Il reste ensuite à définir les modèles de colonnes et de lignes puis le tableau peut être affiché. Des options complémentaires proposées par Matérial-Angular permettent d’ajouter le tri, la pagination ainsi que des filtres au tableau, celles-ci font toute la force de ce composant.

Voici un aperçu du résultat avec le code adéquat.

Angular est actuellement à sa version 5.2.9. Même si Google continu de développer ce framework, il n’essaye pas moins de se renouveler en créant de nouveau logiciels comme Flutter.

Partager

Twitter Linkedin

Vous serez peut-être aussi intéressé par :

Kendo, une bibliothèque javascript de composants UI

Kendo UI : une bibliothèque javascript de composants UI

Aujourd’hui on va vous parler de Kendo Ui, une bibliothèque Javascript distribuée par la société Télérik.
Si vous ne le savez pas, le kendo est un art martial japonais moderne s’apparentant à de l’escrime, et c’est justement sur cette représentation que s’appuie l’outil dont nous allons vous parler. Non, nous n’allons pas vous parler de sport de compétition, mais bien d’un outil pour vous faire gagner du temps lorsque vous développez une application Web.

Hasura : obtenez n’importe quelle API GraphQL sur vos applications Postgres

Hasura : obtenez n’importe quelle API GraphQL sur vos applications Postgres

Cela fait maintenant 3 ans que Facebook a annoncé l’arrivée de GraphQL. Depuis, l’utilisation de ce langage de requêtes a augmenté de manière exponentielle. On compte plus de 700 000 téléchargements en juin 2018 (source : npm). La rédaction de Numendo vous propose cette semaine de découvrir Hasura : un produit open source capable de vous offrir des API GraphQL sur des applications Postgres nouvelles ou existantes.

ReactEurope : l’événement européen pour tous les amoureux du framework !

Qui a dit que les meilleures conférences sur le web se déroulaient aux Etats-Unis ? ReactEurope revient à Paris du 15 au 18 mai pour des conférences et des ateliers à Paris ! Assistez à des speechs sur plusieurs technologies tels que React.js, React Native, GraphQL, Relay, Universal apps, ReasonML, Webpack, inline CSS.