Bienvenue à Blogs CodeS-SourceS Identification | Inscription | Aide

Atteint de JavaScriptite Aiguë [Cyril Durand]

Expert ASP.net Ajax et WCF, Cyril Durand parle dans son blog de point techniques sur ASP.net, ASP.net Ajax, JavaScript, WCF et .net en général. Cyril est également consultant indépendant, n'hésitez pas à le contacter pour de l'assistance sur vos projets

Actualités

  • Blog de Cyril DURAND, passionné de JavaScript, Ajax, ASP.net et tout ce qui touche au developpement Web Client-Side.

    N'hésitez pas à me contacter pour vos projets .net : architecture, accompagnement, formation, ...

    View Cyril Durand's profile on LinkedIn
    hit counters


    Expertise Commerce server et BizTalk

Javascript : un langage incompris - introduction
Après m’être intéressé de prés à CSS et HTML (voir l’article : Le HTML nouveau est arrivé) c’est tout naturellement que je me suis orienté vers JavaScript. Ce que j’ai découvert m’étonne chaque jour encore et encore.
 
Lorsque l’on regarde les articles, blogs, forums, un mot apparaît très souvent : Ajax. Je pense que tout le monde sait que cela veut dire « Asynchronous JavaScript and Xml », que cela permet de faire des requêtes vers le serveur coté client via JavaScript, et que ce n’est pas une technologie mais juste une façon de travailler.
Ajax c’est bien joli, mais encore faut il savoir l’exploiter! Une fois la requête envoyé et reçue, il va nous falloir la traiter et tout cela se fait via JavaScript. Malheureusement nombreux sont les développeurs web qui ne connaissent pas JavaScript ou alors très peu.
 
JavaScript (js ci-après) est très puissant, mais son apprentissage est assez délicat. En effet js permet des choses inconcevable en VB.net, C# ou beaucoup d’autres langages objets. Pour bien comprendre ce langage la meilleure façon est d’oublier tout ce que vous savez sur la programmation.
Une fois que vous aurez tout oublié, il y aura quelques concepts nouveaux a assimilez, puis une sorte de barrière à franchir. Une fois cette barrière franchit, vous serez libre de vous étonnez de la puissance de ce langage.
 
Franchir cette barrière seul est très compliqué, j’ai eu la chance d’avoir Aurélien à mes cotés. Tout le monde n’a pas le privilège de l’avoir dans sa liste de contact msn. C’est pour cela que je vais essayer de vous aider à passer ce cap en mettant, assez régulièrement, certaines techniques de JavaScript. Personnellement Aurélien m’a montré, les namespaces et les événements, j’ai ensuite passé le cap, et pu découvrir de magnifique chose.
 
Mais JavaScript, ca permet quoi ? Pour vous mettre l’eau à la bouche, voici quelques liens intéressants qui vous montrent rapidement ce qu’on peut faire en js.
 
 
N’hésitez pas à me faire part de vos adresses intéressantes.
 
Coté technique, c’est très difficile d’expliquer ce qu’on peut faire, le plus simple est de regarder mes prochains articles.
Rapidement, js est un langage non typé ce qui permet de faire des choses très intéressante, j’ai envie de dire que dans beaucoup de cas les types contraignent les développeurs, si on supprime les types les développeurs n’aura plus ce genre de problèmes J. Le problème est que cela complexifie le développement, les erreurs seront très faciles à faire et difficile à détecter. En js vous êtes libres mais cela entraîne plus de risques.
Il y a peu de temps, j’ai eu une présentation de Linq (lien à rajouter), entre autre, une des nouveautés c’est que l’on peut faire des objets anonymes, appeler des propriétés sur ces objets, alors qu’ils n’existent pas, en JavaScript il n’y a rien d’étonnant à tout ça et vous verrez plus tard que l’on peut faire encore plus fort. En voyant cette présentation de Linq, j’ai retrouvé beaucoup des points forts de JavaScript.

Préambule

Il va de soit que suite à l’article « le HTML nouveau est arrivée » vous avez compris que les problèmes de compatibilité ça n’existait pas ! Si cela n’est toujours pas le cas il y a une règle très simple à appliquer : « n’utiliser que des fonctions prises en compte par la totalités des navigateurs actuels  » autrement dit : une solution qui fonctionne pour seulement un navigateur est une solution qui ne marche pas ! Dans la majorité des cas, vous n’aurez pas à écrire une partie du programme pour un tel navigateur et une autre partie pour les autres ! Ceci est valable aussi bien pour CSS que JavaScript.
Dans cette série d’article, je ne veux pas vous imposez une façon de faire, je vous montre certaines techniques, pour vous faire découvrir ce magnifique langage, et vous aidez à franchir le cap. Libre à vous, ensuite, de trouver d’autres techniques pour faire la même chose que moi. Si je fais cette série d’astuce, c’est que je me suis rendu compte, qu’il n’y a que très peu d’articles sur le sujet, que beaucoup de personnes ignorent la puissance de JavaScript, et aussi et surtout parce que j’ai envie de faire partager ce magnifique langage 
 
Pour tester les exemples la façon la plus simple est de mettre le JavaScript dans une page vide, et on affichera le résultat avec la fonction alert.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
      <title>Mes exemples javascript</title>
      <script type="text/javascript">
 
            // Le code javascript vient ici
 
      </script>
</head>
<body>
     <p>Ceci est des exemples pour apprendre javascript</p>
</body>
</html>

Vous pouvez retrouver cet article au format pdf, avec coloration du code, ici : Javascript : un langage incompris - introduction


Je fais plusieurs petits articles car cela me semble plus simple pour appprendre, je pourrais également adapter les prochains articles suivant vos commentaires.

Posted: mardi 8 novembre 2005 10:44 par cyril
Ce post vous a plu ? Ajoutez le dans vos favoris pour ne pas perdre de temps à le retrouver le jour où vous en aurez besoin :

Commentaires

Poppyto a dit :

Javascript est excellent pour la partie client, mais il n'existe qu'un seul vrai déboggueur (que je n'arrive plus à retrouver d'ailleurs) fourni par MS. La question est à quand un débug de js dans VS.net ?
Et bon sans déboggueur, le langage est difficile à manier (intellisence au revoir!).
# novembre 8, 2005 15:31

cyril a dit :

pour debugger on peut mettre le mot clé.

debugger;

ca va proposer à VS de se mettre dans le code :)

mais bon, pour le debug il y aussi des techniques sympa :) je montrerais plus tard comment se servir du refactoring en js ;)

Je suis tout à fait d'accord que sans intellisense, c'est trés compliqué, et c'est aussi pour ca qu'il fait si peur! mais il serait trés difficile de mettre de l'intelisense sur js, tout simplement car il est possible d'appeller des fonctions qui n'existent meme pas.
# novembre 8, 2005 15:41

Bul a dit :

>>il y a une règle très simple à appliquer :
>>n’utiliser que des fonctions prises en
>>compte par la totalités des navigateurs
>>actuels
sauf pour des applications locales, car
avec les .hta, les Active'X...,là, le
J[ava]Script devient un vrai langage,
encore plus puissant qu'on ne veut
bien le dire. @+
# novembre 8, 2005 16:39

Benjiiim a dit :

Merci pour cette introduction.
J'attends avec impatiente la suite...
# novembre 9, 2005 09:03

Sébastien FERRAND a dit :

Je ne suis pas d'accord... on peut debugger du js à partir de visual studio !!!

Il suffit pour cela, de décocher la case "Désactiver le débogage de scripts" dans les propriétés avancées d'Internet Explorer.
Automatiquement, en cas de bug Visual Studio s'attache aux script qui pose problème... on peut même mettre des breakpoints.
# novembre 9, 2005 18:55

Littlebred a dit :

Vraiment bien ton introduction et les deux articles qui suivent !
Je me met également au Javascript avec le fameux Ajax et je me rend compte que j'ai eu tord de le négliger auparavant !
On attend la suite !
# novembre 16, 2005 15:03

Cyril 's Blog a dit :

Je viens de finir d'&#233;crire le 7&#232;me chapitre de ma s&#233;rie : JavaScript : un langage incompris
&amp;nbsp;
J'ai...
# mai 6, 2006 18:42

Cyril 's Blog a dit :

Je viens de finir d'&#233;crire le 7&#232;me chapitre de ma s&#233;rie : JavaScript : un langage incompris
&#160;
J'ai...
# mai 6, 2006 18:46

Cyril 's Blog a dit :

Je viens de finir d'&#233;crire le 7&#232;me chapitre de ma s&#233;rie : JavaScript : un langage incompris
&#160;
J'ai...
# mai 6, 2006 19:46

Cyril 's Blog a dit :

Je viens de finir d'&#233;crire le 7&#232;me chapitre de ma s&#233;rie : JavaScript : un langage incompris
&#160;
J'ai...
# mai 6, 2006 19:48
Les commentaires anonymes sont désactivés

Les 10 derniers blogs postés

- TechDays Paris 2012 : Comment SharePoint a sauvé mes TechDays par Blog Technique de Romelard Fabrice le il y a 8 heures et 44 minutes

- Perspective 3.0 pour Silverlight 5.0 par Perspective le il y a 10 heures et 5 minutes

- TechDays Paris 2012 : Top 10 des Best Practices pour SQL Server par Blog Technique de Romelard Fabrice le il y a 15 heures et 42 minutes

- TechDays Paris 2012 : Kinect + Office 365 un bon geste pour votre SI par Blog Technique de Romelard Fabrice le il y a 16 heures et 4 minutes

- TechDays Paris 2012 : Pleinière du premier jour par Blog Technique de Romelard Fabrice le il y a 16 heures et 20 minutes

- [SharePoint 2010] Erreur d’analyse de contenu “L’élément SharePoint en cours d’analyse a renvoyé une erreur lors de la demande de données auprès du se... par Julien Chable le il y a 20 heures et 53 minutes

- [TechDays2012] Oui j’y serai! par Blog de Jérémy Jeanson le 02-06-2012, 22:13

- TFS Integration Tools – Suivi des synchronisations avec Reporting Services par Vivien Fabing le 02-05-2012, 17:46

- CSS Content State Selectors (Personnal Draft) par Le blog de FremyCompany le 02-04-2012, 15:38

- MBA : Pourquoi faire et comment le choisir ? par Blog Technique de Romelard Fabrice le 02-03-2012, 14:22