angular Archives - Atomrace https://atomrace.com/tag/angular/ Cybersécurité et coding Mon, 23 Dec 2019 18:45:45 +0000 fr-FR hourly 1 https://wordpress.org/?v=7.0.8 Angular 7 – Revue de code de l’application Tour of Heroes (toh) https://atomrace.com/angular-7-revue-de-code-de-lapplication-tour-of-heroes-toh/ https://atomrace.com/angular-7-revue-de-code-de-lapplication-tour-of-heroes-toh/#respond Wed, 03 Apr 2019 11:01:40 +0000 http://atomrace.com/?p=6594 Nous sommes fiers de vous présenter la revue de code de l’application Tour of Heroes développée avec le cadriciel monopage Angular 7. Vous y découvrirez les bases fondamentales pour développer une application de qualité ainsi qu’un glossaire qui présente les terme utilisées dans le monde Angular. Tutoriels vidéos sur Angular Introduction à Angular 7 Component […]

Cet article Angular 7 – Revue de code de l’application Tour of Heroes (toh) est apparu en premier sur Atomrace.

]]> https://atomrace.com/angular-7-revue-de-code-de-lapplication-tour-of-heroes-toh/feed/ 0 Angular 5 (Component, Template, Modèle et Service) https://atomrace.com/angular-5-component-template-modele-et-service/ https://atomrace.com/angular-5-component-template-modele-et-service/#respond Mon, 07 May 2018 00:41:54 +0000 http://atomrace.com/?p=6334 L’objectif de ce tutoriel est de communiquer avec l’API REST développée préalablement grâce à une application Angular 5 (LTS). Note : si vous n’avez pas d’API REST fonctionnelle, pensez à JSON-SERVER. Vous pourrez, en quelques minutes, exécuter un serveur de développement RESTful. Récit utilisateur proposé En tant qu’utilisateur anonyme, j’aimerais envoyer un commentaire afin de donner […]

Cet article Angular 5 (Component, Template, Modèle et Service) est apparu en premier sur Atomrace.

]]> https://atomrace.com/angular-5-component-template-modele-et-service/feed/ 0 Accélérer votre app Angular https://atomrace.com/accelerer-votre-app-angular/ https://atomrace.com/accelerer-votre-app-angular/#comments Sun, 10 Apr 2016 16:51:25 +0000 http://atomrace.com/?p=4570 Selon ng-perf vous pouvez sauver 50% de temps de chargement en ajoutant $compileProvider.debugInfoEnabled(false); dans le fichier de configuration. config(['$routeProvider', '$compileProvider', function($routeProvider, $compileProvider) { //configure routeProvider as usual $compileProvider.debugInfoEnabled(false); }]

Cet article Accélérer votre app Angular est apparu en premier sur Atomrace.

]]> https://atomrace.com/accelerer-votre-app-angular/feed/ 3 Directive Angular complexe https://atomrace.com/directive-angular-complexe/ https://atomrace.com/directive-angular-complexe/#respond Wed, 06 Apr 2016 14:25:37 +0000 http://atomrace.com/?p=4445 Maintenant que vous comprenez mieux le fonctionnement des directives, je vous propose de poursuivre l’apprentissage en créer une nouvelle directive un peu plus complexe. Si vous n’avez pas lu l’article d’introduction aux directive, je vous propose de le lire maintenant. Créer une directive avec Angular-Fullstack Pour les utilisateurs du générateur Angular-Fullstack, il est proposé d’utiliser […]

Cet article Directive Angular complexe est apparu en premier sur Atomrace.

]]> https://atomrace.com/directive-angular-complexe/feed/ 0 Introduction aux directives Angular https://atomrace.com/introduction-aux-directives-angular/ https://atomrace.com/introduction-aux-directives-angular/#respond Wed, 06 Apr 2016 14:14:52 +0000 http://atomrace.com/?p=4440 Vous connaissez déjà le principe des directives avec AngularJS. Ce sont ces nouveaux éléments et ces attributs offerts par AngularJS. On pense à ng-click ng-app ng-model, … Créer vos directives Angular vous offre la possibilité de créer vos propres directives en fonction de vos besoins. Par exemple, il serait possible de remplacer une section HTML […]

Cet article Introduction aux directives Angular est apparu en premier sur Atomrace.

]]> https://atomrace.com/introduction-aux-directives-angular/feed/ 0 Angular-JWT https://atomrace.com/angular-jwt/ https://atomrace.com/angular-jwt/#respond Tue, 29 Mar 2016 00:10:47 +0000 http://atomrace.com/?p=4426 Angulat-jwt est une librairie qui vous aide à gérer les jetons JWT (JSON WEB TOKEN) dans votre application Angular. Combiné à un intercepteur, il vous permet de joindre le jeton à toutes vos requêtes Ajax automatiquement. Installation $ bower install angular-jwt --save   .module('myApp', [ 'ngAnimate', ... 'angular-jwt' ])   Configuration angular.module('myApp').config(function ($locationProvider, $httpProvider, jwtInterceptorProvider) […]

Cet article Angular-JWT est apparu en premier sur Atomrace.

]]> https://atomrace.com/angular-jwt/feed/ 0 Toastr pour de jolis messages https://atomrace.com/toastr-pour-de-jolis-messages/ https://atomrace.com/toastr-pour-de-jolis-messages/#comments Thu, 24 Mar 2016 20:47:25 +0000 http://atomrace.com/?p=4420 Toastr est une librairie JavaScript qui permet l’affichage de jolis messages animés à vos utilisateurs. Toastr est aussi disponible comme service Angular, il est connu sous le nom de Angular-Toastr.     Installer Angular-Toastr Il est simple comme bonjour de mettre en place Toastr. Comme pour tous les modules Agnular, il faut lancer bower, ajouter […]

Cet article Toastr pour de jolis messages est apparu en premier sur Atomrace.

]]> https://atomrace.com/toastr-pour-de-jolis-messages/feed/ 1 CRUD avec $resource https://atomrace.com/crud-avec-resource/ https://atomrace.com/crud-avec-resource/#respond Sat, 05 Mar 2016 20:05:20 +0000 http://atomrace.com/?p=4324 Fatigué d’être limité à lire des données avec des requêtes AJAX GET? Voici le temps d’apprendre à utiliser le service $resource offert par Angular. Ce service a spécialement été conçu afin de simplifier les communications avec un serveur RESTful. Il permet d’effectuer les opérations de CRUD (Create Read Update Delete) efficacement. Le service $resource est […]

Cet article CRUD avec $resource est apparu en premier sur Atomrace.

]]> https://atomrace.com/crud-avec-resource/feed/ 0 Tests unitaires pour votre formulaire Angular https://atomrace.com/tests-unitaires-pour-votre-formulaire-angular/ https://atomrace.com/tests-unitaires-pour-votre-formulaire-angular/#respond Sat, 27 Feb 2016 20:59:44 +0000 http://atomrace.com/?p=4292 Niveau intermédiaire Oui, il existe une manière de tester vos formulaires Angular grâce à des tests unitaires. Plutôt que de sortir l’artillerie lourde et d’utiliser Protractor, vous pouvez demeurez rapide et agile, comme un Ninja, avec Karma et Jasmine. Cet article vous présente une solution afin de réaliser cet exploit pour développeur Angular. Voici les […]

Cet article Tests unitaires pour votre formulaire Angular est apparu en premier sur Atomrace.

]]> https://atomrace.com/tests-unitaires-pour-votre-formulaire-angular/feed/ 0 Déboguer votre application Angular https://atomrace.com/deboguer-votre-application-angular/ https://atomrace.com/deboguer-votre-application-angular/#respond Sat, 27 Feb 2016 13:09:55 +0000 http://atomrace.com/?p=4222 Lorsque vient le temps de déboguer votre application JavaScript Angular, plusieurs solutions s’offrent à vous. Voici quelques trucs et astuces pour vous aider à le faire efficacement. console.log( ) et ses amis Un incontournable pour afficher le contenu de vos objets et variables dans la console du navigateur. console.log(maVaraible); Aussi disponibles avec une sortie colorée […]

Cet article Déboguer votre application Angular est apparu en premier sur Atomrace.

]]> https://atomrace.com/deboguer-votre-application-angular/feed/ 0