Posts

Showing posts with the label AngularJS

🇫🇷 Configuration d’AngularJS (1.x) – Guide Complet pour DĂ©butants

  AngularJS (version 1.x) est un framework JavaScript utilisĂ© pour crĂ©er des applications web dynamiques (Single Page Applications) . MĂŞme s’il est aujourd’hui considĂ©rĂ© comme legacy , AngularJS est encore largement utilisĂ© dans des applications d’entreprise , notamment avec Camunda 7 et d’anciens portails BPM. Ce guide explique : ✔ Comment configurer AngularJS rapidement ✔ Deux mĂ©thodes de setup (CDN et serveur local) ✔ Un premier exemple fonctionnel ✔ La structure de projet recommandĂ©e ✔ Les bonnes pratiques AngularJS ⭐ 1. PrĂ©requis Avant de commencer, vous devez avoir : Un navigateur web (Chrome, Edge, Firefox) Un Ă©diteur de code (VS Code recommandĂ©) Des bases en HTML et JavaScript 👉 Aucun framework moderne (Angular 2+, React) n’est requis. ⭐ 2. MĂ©thode 1 : Configuration rapide avec CDN (la plus simple) ✅ Étape 1 : CrĂ©er le fichier index.html <!doctype html > < html ng-app = "demoApp" > < head > < meta charset = "utf-8" > < ti...

AngularJS Setup (Beginner to Working App) – Complete Beginner Guide

 AngularJS Setup (Beginner to Working App) AngularJS Setup – Complete Beginner Guide (AngularJS 1.x) Quick Setup using CDN (No build tools) 1) Create index.html : <!doctype html > < html ng-app = "demoApp" > < head > < meta charset = "utf-8" /> < title >AngularJS Setup </ title > < script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js" > </ script > </ head > < body ng-controller = "MainCtrl" > < h2 >Hello {{name}} </ h2 > < input ng-model = "name" placeholder = "Type your name" /> < button ng-click = "reset()" >Reset </ button > < script > angular. module ( 'demoApp' , []) . controller ( 'MainCtrl' , function ( $scope ) { $scope. name = "Shikha" ; $scope. reset = function ( ) { $scope. name = "" ; }; ...