Table des matières
Fini les années où les systèmes et les pages web n'étaient que du texte et des boutons, aujourd'hui ils ont évolué pour devenir une référence pour les textes riches et les actions en temps réel évitant le rechargement des pages.Des sites intéressants comme Facebook ou alors Gmail dépendent fortement de ce type d'effets d'enrichissement des toiles et pour y parvenir ils ont recours à Javascript, ce langage qui s'exécute sur le client nous permet de télécharger sur notre serveur et de faire des effets plus interactifs.
je travaille avec Javascript
L'un des principaux détails lorsque l'on travaille avec Javascript c'est que tous les navigateurs ne l'interprètent pas de la même manière, il y a donc du code qui s'exécutera de manière optimale dans Internet Explorer 9 mais à partir des versions 8 vers l'arrière, cela nous donnera une erreur, beaucoup peuvent dire qu'il vaut mieux utiliser Chrome ou alors Firefox Pour diverses raisons, cependant, si nous voulons un bon site Web, nous devons essayer de le développer afin que chacun puisse profiter de notre application quel que soit le navigateur.
Où nous soutenir ?Dans cette optique, nous pouvons nous appuyer sur les différents frameworks Javascript tels que jQuery qui nous aident en empaquetant les fonctions natives et en générant une méthode de travail où, avec moins de code, nous obtenons des résultats intéressants.
Voyons dans l'image deux codes où l'on peut comparer Javascript pur et son équivalent en jQuery :
Compte tenu des incompatibilités mentionnées avec les versions précédentes d'IE, nous voyons que nous devons faire quelques exceptions dans notre code, cela nous donne environ douze lignes de code, maintenant dans l'image suivante nous voyons comment nous simplifions le travail avec jQuery:
Ici, nous résumons en 2 lignes ce qui nous a conduit à une grande partie du code ci-dessus, mais ce n'est pas de la magie ou de la triche, juste jQuery prend soin d'emballer beaucoup de code Javascript nous donnant la possibilité d'exécuter des fonctions plus facilement, incluant ainsi des validations pour la plupart des navigateurs et d'autres éléments.
arbre DOM
Le arbre DOM C'est la structure de notre page Web, avec cela nous pouvons placer des éléments dans le HTML sans avoir à faire de traitement avec le serveur, grâce à cela nous pouvons faire des fonctionnalités asynchrones, c'est-à-dire que nous n'avons pas besoin de recharger la page pour obtenir des résultats .
Avec cela, nous pouvons enrichir nos systèmes en offrant une plus grande vitesse et en économisant des ressources sur notre serveur.
Comment localiser les éléments ?Le mouvement au sein de la SOLEIL nous allons le faire grâce à la sélecteurs qui sont les identifiants de chaque élément, on peut le faire par l'id des éléments ou par les classes, même avec un peu plus de traitement on ne peut localiser les éléments sans nom que par leur type et par le conteneur dans lequel ils se trouvent.
Comme nous le voyons, les possibilités sont très larges et la complexité de la programmation aussi, nous devons donc très bien connaître les bases pour ne pas nous perdre ou faire du code inefficace.Avez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif