Require.js

JavaScript, jQuery, , , , , , , , , ,

Qu’est ce que c’est ?

Un outil (bibliothèque) qui nous permet en javascript d’écrire du code « modularisé », de gérer les dépendances entre nos différents modules et de les charger de manières asynchrone.

A quoi ca sert ?

Ça sert à ne plus avoir un paquet de balises <script> dans nos fichiers HTML qui référencent des fichiers javascript (tel que jquery.js, bootstrap.js, monscript.js, etc.). Il faut savoir qu’un amas de script peut poser des problèmes d’interférences (notamment lorsque ces scripts définissent des variables dans le scope global) et vous empêcher d’utiliser les fonctionnalités souhaitées de ces librairies qui sont pourtant bien incluses là ou le voulez dans vos scripts.

Pour cela il faut découper notre code javascript en modules (l’utilisation d’autres bibliothèque tel que Backbone.js facilite cela), qui sont simplem

ent des parties isolables de notre code JS.

…

Read More

jQuery tutoriel 4 – les événements (jQuery events)

jQuery, , , ,

Si nous sommes attirés et utilisons jQuery, c’est essentiellement pour ajouter un « comportement » à nos pages web, c’est à dire que nous souhaitons que des événements (click de souris, frappe de touche de clavier,etc.) sur des éléments de notre page, puissent engendrer des actions (apparition d’un <div>, ajout d’une class CSS, animation d’un élément etc.) sur cette même page,…

Read More

jQuery tutoriel 3 – sélection dans un « contexte »

jQuery, , , , ,

Il est possible en jQuery de « cibler » sa sélection d’éléments (un peu comme avec la fonction .find()) en exploitant le 2ème paramètre (optionnel) qui est le contexte: jQuery(selector, [context]) Cela permet d’effectuer une sélection à partir de ce contexte et non plus à partir du document entier. ex: jQuery(‘ul’,$(‘div’)) permet de sélectionner les éléments <ul> contenus…

Read More

Nouvelles orientations du blog: ASP.NET MVC, jQuery

.Net, C#, Productivité, , , , , , , , , , ,

Après avoir tâté le développement web avec de l’ASP.Net Webforms, et suite à la lecture de plus en plus de débats et articles je me suis naturellement réorienté vers le développement ASP.Net MVC bien plus adapté aux développement web modernes. MVC est le nom d’un design pattern, mais aussi d’une technologie de Microsoft, l’ASP.Net MVC…

Read More

jQuery tutoriel 2 – les sélecteurs

jQuery, , , , ,

jQuery permets d’interagir avec les éléments de notre page HTML (cacher, ajouter une classe, modifier le texte…) en suivant le process suivant: sélectionner un ou plusieurs éléments de la page (la balise HTML, classe CSS, ou encore la balise contenant un attribut donné) grâce à un sélecteur (syntaxe de sélection de CSS) appliquer une méthode sur cet…

Read More

jQuery tutoriel 1 – référencer le fichier .js

jQuery, , , , ,

Pour utiliser la technologie jQuery dans votre code, étant une technologie cliente (comme indiquée ici), il vous faut référencer la bibliothèque jQuery-version.js dans votre page HTML. 2 versions disponibles de jQuery: Comme vous l’avez remarqué, il existe 2 versions du fichier téléchargeable sur jQuery.com. Il s’agit tout simplement d’une version « lisible », dite de développement, avec…

Read More

jQuery qu’est ce que c’est ? (introduction)

jQuery, Productivité, , , , , ,

jQuery est une technologie coté client très en vogue et il y a plusieurs raisons à cela, mais tout d’abord définissons ce qu’est jQuery: jQuery est une surcouche de JavaScript, permettant de faciliter la manipulation des éléments de notre page en fournissant une syntaxe simple à comprendre/utiliser et de nombreuses fonctions disponibles. Les avantages de…

Read More