background preloader

Angular.js & Angular

Facebook Twitter

Angular Directives. AngularJS Tutorial. Tutorial: 0 - Bootstrapping. Loading...

Tutorial: 0 - Bootstrapping

In this step of the tutorial, you will become familiar with the most important source code files of the AngularJS Phonecat App. You will also learn how to start the development servers bundled with angular-seed, and run the application in the browser. Before you continue, make sure you have set up your development environment and installed all necessary dependencies, as described in the Environment Setup section. In the angular-phonecat directory, run this command: git checkout -f step-0 This resets your workspace to step 0 of the tutorial app. You must repeat this for every future step in the tutorial and change the number to the number of the step you are on.

If you haven't already done so, you need to install the dependencies by running: npm install To see the app running in a browser, open a separate terminal/command line tab or window, then run npm start to start the web server. You can now see the page in your browser. The HTML page that displays "Nothing here yet! " <! Shaping up with Angular.js. Les contrôleurs - Angular-js.fr. Le contrôleur est une notion essentielle en AngularJs.

Les contrôleurs - Angular-js.fr

Techniquement, il s’agit d’une fonction, et plus précisément d’un constructeur, qui permet d’étendre le scope d’angular. Lorsqu’un contrôleur est attaché au DOM via la directive ng-controller, angular instancie un nouvel objet contrôleur en utilisant le constructeur. Un nouveau scope enfant sera disponible en tant que paramètre injectable dans le constructeur du contrôleur, le fameux $scope. Traduction? Ce qu’il faut comprendre là-dedans, c’est qu’un contrôleur sert à gérer une zone géographique de la page (sidebar, header, zone de résultats…) et contient la logique de l’application.

Utiliser un contrôleur, le strict minimum (tldr) Voici en quelques lignes tout ce dont vous avez besoin pour utiliser un contrôleur. Javascript Utiliser un contrôleur, la version longue index.html app.js Demo Télécharger la source Explication Un contrôleur est une fonction, et plus précisément un constructeur. L’objet $scope représente le scope du contrôleur. Tutoriel AngularJS : Découverte du Framework, création d'une Todo.

Découvrez AngularJS - Angular-js.fr. Cette article est la traduction d’une réponse trouvée sur le site Stack Overflow et écrite par Josh David Miller.

Découvrez AngularJS - Angular-js.fr

La question était : « Comment penser en AngularJS quand on a l’habitude d’utiliser jQuery ? » Et comme beaucoup de développeurs sont dans ce cas, j’ai pensé que ça serait une excellente approche pour découvrir AngularJS. Si l’article vous plait, n’hésitez pas à envoyer un petit tweet à @joshdmiller 1. Ne concevez pas votre page, pour après la modifier avec des manipulations du DOM Dans jQuery, vous concevez une page, puis vous la rendez dynamique. Mais en AngularJS, vous devez commencez en ayant en tête votre architecture. Migrer de AngularJS 1.x vers AngularJS 2.0 : la théorie - Maxlab. Tout ceux qui travaillent avec AngularJs aujourd’hui le savent ( ou devraient le savoir ) : AngularJS 1.x va mourir !

Migrer de AngularJS 1.x vers AngularJS 2.0 : la théorie - Maxlab

Certains ont eu du mal à digérer l’annonce lors de la ng-europe en octobre 2014 puisque Angularjs 2 est une rupture massive avec la version actuelle. C’est alors qu’on a vu apparaître de plus en plus d’articles anti AngularJS mettant en avant la plupart de ses défauts. Faut il pour autant laisser tomber AngularJs dans sa branche 1.x ? Ou bien réécrire toutes ses applications « from scratch » avec une autre techno ? Attendre Angular 2 ? Dans cette première partie je vais tenter de répondre aux questions que l’on peut se poser puis je vous montrerai en détail comment il est possible de préparer cette migration sereinement.

La mort du framework ? Pas de panique, même si AngularJS 1.x et la plupart de ses concepts fondateurs vont disparaître, ce n’est pas pour tout de suite . Vouloir implémenter une solution parallèle serait donc contre productif. What is the difference between AngularJS and Angular 2?