Please enable JavaScript.
Coggle requires JavaScript to display documents.
Etude comparative des Frameworks Hybrides (:star: Autour de l'année…
Etude comparative des Frameworks Hybrides
:star:Définition
JavaScript
:question:
:check:
JavaScript
est un langage de programmation qui et qui est né avec Netscape Navigator 2.0 en 1995
:check:Permet d’implémenter des mécanismes complexes sur une page web.
:check:On l'utilisait de manière assez limitée pour afficher quelques petites alertes et contrôler les formulaires.
:star: Autour de l'année
2006
:star:Changement.
Le paysage a commencé à changer et de nouveaux navigateurs sont arrivés
:check:
Mozilla Firefox
||||
Safari
// avancer le Web plus rapidement
:check:Proposant une implémentation du
JavaScript
différente
:check:Un code pouvait alors fonctionner sur un navigateur et planter complètement sur un autre
:check:On se retrouvait toujours à écrire des conditions afin que notre code fonctionner partout, ce qui complique rapidement notre code.
:check:Par exemple pour faire un "simple" appel
Ajax
:check:Grâce à cette simplification, on a commencé à écrire de plus en plus de
JavaScript.
:check:On a commencé à créer des applications qui dépendent totalement du
JavaScript
:check:Ainsi que sont nées les Singles Page Applications
:check:Sont des applications Web basées sur une seule page HTML intitiale, qui va ensuite évoluer au fil des interactions
:check:Le problème est qu'on est obligé de manipuler le code HTML, élément par élément, notre code va devenir de plus en plus complexe
:check:
jQuery
à beau être pratique pour manipuler le
DOM
il s'avère inadapté comme base pour créer une application complète.
.
:star:
AngularJS
, "HTML enhanced" L'arrivés des Frameworks plus poussés
:star:Les Outils:
AngularJS
,
BackboneJS
ou
EmberJS
.
:check:Ces outils ne sont plus des librairies que l'on va juste utiliser pour régler quelques problèmes de compatibilité, mais de réel framework qui permettent de régler de multiples problèmes afin de créer une application entièrement basée sur le
JavaScript
.
:check:Utiliser directement l'HTML pour la partie vue en le rendant dynamique à travers des directives
:check:Utilise un système de $scope
:check:Injecter les variables dans l'HTML.
:star:Les Outils:
jQuery
||Script.aculo.us||Mootools||YUI Ont commencé à voir le jour
jQuery
est un petit peu moins utile qu'avant
:check:Mais reste pratique pour tout ce qui est animation
:check:Les API
JavaScript
se sont simplifiées
:check:Les navigateurs ont évolués
:check:Rendre le
JavaScript
facile à écrire
:check:Combler les problèmes de compatibilité
:star:
React
:check:La librairie met un intermédiaire entre le
JavaScript
et le
Dom
: Le Virtual
DOM
.
:check:Lorsque notre état est modifié
:check:Ne va pas directement se mettre à tripatouiller notre
DOM
:check:Comparer ce
DOM
virtuel au
DOM
virtuel de l'état précédent et déterminer les différences
:check:Applique une combinaison des changements plutôt qu'une série de changements au
DOM
réel
:check:Les interactions avec le
DOM
étant couteuses,.en limitant ces interactions il optimise les performances
