Jquery mobil ou AngularJS ou les deux ?

Version imprimable

02/06/2015, 17h50
axel584

Jquery mobil ou AngularJS ou les deux ?

Bonjour,
Je voudrais développer (pour mes besoins personnels et pour apprendre) une petite application de "carnet de musculation". L'idée est de faire une webapp que je convertirai en application iOS ou android en utilisant PhoneGap.
Je connais déjà le PHP, Jquery et Jquery mobile. Pour ce besoin, je pense n'utiliser que du javascript (pas de serveur pour stocker les informations, mais les stocker en Web SQL sur mon téléphone.

Je me demande quel est l'utilité d'AngularJS, comment ça s'intègre (ou non) avec JQuery mobil ? Et en gros, est ce que j'ai besoin d'apprendre à utiliser AngularJS ?

Merci pour vos éclaircissements,

Axel
02/06/2015, 23h35
SylvainPV

Perso je trouve l'intérêt d'AngularJS très limité sur mobile, mais bon c'est tout un débat.

Plus récent et populaire que jQuery Mobile, il y a le framework Ionic qui utilise AngularJS et permet de déployer très facilement avec Cordova (le nouveau nom de Phonegap)
http://ionicframework.com/

Pour info, le WebSQL a été abandonné par le W3C, ce n'est pas un standard. J'ai fait une appli jQuery Mobile avec et j'ai dû tout refaire en IndexedDB donc j'en sais quelque-chose...
03/06/2015, 12h03
Marco46

Angular est un framework, jQuery (mobile ou non) est une librairie.

L'usage est différent.

Angular va structurer ton application et jQuery te fournir peut-être des choses que Angular ne sait pas faire ou fait mal (la gestion du scroll par exemple).

Donc tu peux utiliser Angular pour structurer ton app et jQuery en support pour des choses précises que Angular ne gère pas.

@SylvainPV
Le device n'a pas de rapport avec le choix Angular ou non. Si tu veux faire une webapp, quelque soit le device à supporter Angular est un bon choix (probablement le meilleur).
Par ailleurs l'équipe Angular oriente le dev du framework pour se spécialiser en mobile parce que les webapp sur mobile et en responsive design sont clairement (pour l'équipe Angular) l'avenir. Je trouve qu'ils sont dans le vrai.

EDIT : Attention avec Cordova, le design de tes vues va être critique pour la fluidité d'exécution de l'application, bien plus que le javascript. J'ai travaillé sur une application qui était en mode SPA sur laquelle les designers / ergo ont voulu créer un dyptique (Liste Réponse / Fiche Détaillée sur la même page en dyptique).
Les performances sont catastrophiques dans Cordova alors que sur le même mobile sur n'importe quel navigateur ça passe très bien.
03/06/2015, 14h31
SylvainPV

Citation:

Angular est un framework, jQuery (mobile ou non) est une librairie.

Comme s'il y avait une différence concrète entre les deux... pour info, jQuery Mobile se décrit lui-même comme un framework: https://jquerymobile.com/

Citation:

Le device n'a pas de rapport avec le choix Angular ou non

Le device définit le contexte d'utilisation de l'application, son environnement matériel, la cible utilisateur, les ressources matérielles et logicielles, le type d'interactions... bref c'est un élément essentiel dans toute prise de décision autour de ton application. Ce n'est pas parce qu'on est capable aujourd'hui de faire du web multiplateforme assez facilement que l'on doit mettre tous les types de projets dans le même panier. Partir sans réfléchir sur Angular pour n'importe quel projet web parce "that's what cool boys do", c'est idiot.

On ne le répète jamais assez: le framework parfait n'existe pas. Autrement dit, aucun framework ne peut résoudre tous les problèmes. Il faut connaître les forces et les faiblesses de chacun pour faire le bon choix. Dans le cas d'Angular ses deux fonctionnalités phare sont le 2-way data-binding et la modularisation du code selon l'approche MVC. Si on applique ça au monde mobile ( = petit écran, 3-4 vues max par page, inputs spécifiques au mobile type tactile / gestuel / etc...), alors on constate que ces avantages deviennent de moins en moins intéressants par rapport à d'autres approches comme celle de React qui actualise l'intégralité de la page aux changements d'état, ce qui présente du sens dans le cadre d'une web-app mobile. Inversement pour une grosse web-app desktop type progiciel de gestion, avec beaucoup de modules inter-connectés et des actualisations fréquentes des vues, l'approche d'Angular serait bien plus pertinente que celle de React. Je ne dis pas non plus qu'il faut utiliser React sur tous les projets mobile (en fait je n'aime pas beaucoup React à la base, je préfère Riot), je dis juste que tous les frameworks ont des approches différentes pour répondre à des besoins différents.

Si ton application est simpliste, tu pourrais même envisager de te passer de framework, et de te contenter d'un starter kit, d'une micro-bibliothèque pour le routeur et d'une base CSS. Si ça peut économiser 100Ko de JS à télécharger, c'est toujours bon à prendre surtout sur mobile.
03/06/2015, 18h11
Marco46

Citation:

Envoyé par SylvainPV

Comme s'il y avait une différence concrète entre les deux... pour info, jQuery Mobile se décrit lui-même comme un framework: https://jquerymobile.com/

Tout dépends ce que l'on entend par framework. jquery mobile fournit une collection de composants html. Quel rapport avec Angular qui fournit tout un contexte de développement ?

Tu compares des choux et des carottes, les deux outils n'ont rien à voir. Les features d'Angular ont un scope beaucoup plus large sur le dev d'une application.

Citation:

Envoyé par SylvainPV

Le device définit le contexte d'utilisation de l'application, son environnement matériel, la cible utilisateur, les ressources matérielles et logicielles, le type d'interactions... bref c'est un élément essentiel dans toute prise de décision autour de ton application. Ce n'est pas parce qu'on est capable aujourd'hui de faire du web multiplateforme assez facilement que l'on doit mettre tous les types de projets dans le même panier.

A partir du moment où tu veux écrire une webapp Angular est adapté. Peu importe le périphérique. Angular est par ailleurs particulièrement bien adapté au dev mobile.

La seule vraie question qui peut conditionner l'usage d'Angular pour une webapp c'est la lurning curve de la bête si tu pars from scratch (Au moins 6 mois pour avoir suffisamment de recul).

Tout cela ne signifie pas que tout autre framework est inadapté, ou moins bien adapté qu'Angular. Ce n'est pas mon propos. Je dis simplement que ce framework est adapté contrairement à ce que tu as affirmé.

Citation:

Envoyé par SylvainPV

Partir sans réfléchir sur Angular pour n'importe quel projet web parce "that's what cool boys do", c'est idiot.

J'ai écrit webapp, pas n'importe quel projet web.

Citation:

Envoyé par SylvainPV

On ne le répète jamais assez: le framework parfait n'existe pas. Autrement dit, aucun framework ne peut résoudre tous les problèmes.

Évidemment, mais il y en a des bons et des moins bons. Pour commencer je ne considère pas jQuery ni jQuery mobile comme des frameworks. Le débat n'a donc pas lieu d'être de mon point de vue.

Citation:

Envoyé par SylvainPV

Il faut connaître les forces et les faiblesses de chacun pour faire le bon choix. Dans le cas d'Angular ses deux fonctionnalités phare sont le 2-way data-binding et la modularisation du code selon l'approche MVC.

C'est très très très réducteur.

Tu oublies les directives, l'architecture interne orientée service, l'injection de dépendances qui permet une excellente testabilité et donc résout la problématique d'intégration continue. EDIT : J'ajoute le choix de l'archi SPA contrairement à jQuery / jQuery mobile qui sont agnostiques sur cette question.

Citation:

Envoyé par SylvainPV

Si on applique ça au monde mobile ( = petit écran, 3-4 vues max par page, inputs spécifiques au mobile type tactile / gestuel / etc...), alors on constate que ces avantages deviennent de moins en moins intéressants par rapport à d'autres approches comme celle de React [...]

Effectivement vu ce que tu retiens d'Angular je comprends mieux ta conclusion, je souhaite juste te montrer que ton approche est superficielle.

Sauf que jQuery mobile étant une collection de composants UI, tu peux parfaitement utiliser Angular pour structurer ta webapp, et utiliser jQuery mobile au travers des directives pour tes widgets.

Citation:

Envoyé par SylvainPV

Si ton application est simpliste, tu pourrais même envisager de te passer de framework, et de te contenter d'un starter kit, d'une micro-bibliothèque pour le routeur et d'une base CSS. Si ça peut économiser 100Ko de JS à télécharger, c'est toujours bon à prendre surtout sur mobile.

Oui si ton application est simpliste tu peux tout écrire from scratch, ce n'est pas le sujet.

Le sujet c'est :

Citation:

Je me demande quel est l'utilité d'AngularJS, comment ça s'intègre (ou non) avec JQuery mobil ? Et en gros, est ce que j'ai besoin d'apprendre à utiliser AngularJS ?

Tu as répondu que l'utilité de AngularJS est très limité sur mobile, je te réponds que manifestement tu ne sais pas de quoi tu parles.

La discussion en est là.
03/06/2015, 19h18
SylvainPV

Bref c'est ce que je voulais entendre par "c'est tout un débat". Je pense savoir de quoi je parle, étant spécialisé dans le dev web multiplateforme et ayant utilisé Angular depuis ses débuts, en pro comme en perso. Mais bon, puisque de toute évidence on ne parviendra pas à se mettre d'accord, on laissera chacun se faire son opinion.
04/06/2015, 10h16
Marco46

Citation:

Envoyé par SylvainPV

Bref c'est ce que je voulais entendre par "c'est tout un débat".

C'est là où je ne te suis pas.

1/ Savoir quel framework / librairie utiliser pour un dev mobile est un débat pour de multiples raisons.

Est ce que axel584 a besoin d'apprendre AngularJS pour dev une webapp sur mobile ?

Non, pas plus qu'il n'a besoin de jQuery ou de quoi que ce soit d'autre sinon d'un bloc note.

Est ce que axel584 devrait apprendre AngularJS pour dev une webapp sur mobile ?

Oui sans le moindre doute car Angular est conçu pour répondre à ce besoin.

2/ Savoir si AngularJS est pertinent en mobile n'est pas un débat. Angular est mobile first !

Citation:

Envoyé par SylvainPV

Je pense savoir de quoi je parle, étant spécialisé dans le dev web multiplateforme et ayant utilisé Angular depuis ses débuts, en pro comme en perso.

Je fais du dev web multiplateforme avec Angular également depuis la 1.0.0.

Je développe depuis un an une webpapp mobile avec Angular qui fait 700K visites par jour (panel de devices très très large). Je pense également savoir de quoi je parle ...

Citation:

Envoyé par SylvainPV

Mais bon, puisque de toute évidence on ne parviendra pas à se mettre d'accord, on laissera chacun se faire son opinion.

Dire quel framework utiliser pour dev une webapp sur mobile est une opinion.

Dire qu'Angular a un intérêt limité sur mobile n'est pas une opinion, c'est une erreur factuelle.

C'est pour cette raison que j'interviens sur ce fil, parce que tu induis en erreur les lecteurs.
05/06/2015, 10h07
axel584

Merci beaucoup Marco, je pense que tu as bien résumé les différents échanges.

ça me permet d'avoir une meilleure vision des différents outils.

Axel
14/07/2015, 13h12
Invité

Salut, pour du mobile, prends JAVA, si tu comptes un jour vendre tes apps. Car les apps JAVA sont vendables sur Android Store.
Va vendre ton appli en Angular....