Ce document a été conçu et utilisé sur plusieurs sessions de formation professionnelles pour développeurs logiciels. Il présente la syntaxe du langage javascript à usage d'un public de développeurs maîtrisant déjà un langage de développement (langage C, Java, C Sharp, PHP...). Niveau : débutant. Séance numéro : 4/10. Temps nécessaire à la séance : environ 1h. Cette séance est issue d'une série de 10 séances présentant le langage javascript (niveau débutant à confirmé). Le niveau débutant de la série se réalise en 2 jours. La niveau confirmé se réalise en 3 jours. Ce programme est conforme aux titres du ministère du travail : - Développeur Logiciel - Concepteur Développeur Informatique Il permet de valider les modules correspondants de ces titres RNCP (compétences développement de pages web). La méthode utilisée mélange les approches interrogatives et actives : - à partir d'exemples de code, faire raisonner les stagiaires par raisonnement hypothético-déductif ("que fait ce code?") - à partir de code "à trous", faire découvrir et appliquer des éléments de syntaxe (travaux pratiques "construisons ensemble") - à partir des problèmes rencontrés, faire rechercher des solutions possibles aux problèmes soulevés par le code "énigme" ("quelles solutions?") - à partir de code "énigme", faire vérifier l'assimilation des connaissances ("vrai ou faux?") Inclus : - code à trou - grille d'évaluation Ce document powerpoint est également disponible en marque blanche. Nous contacter via notre compte twitter @forgelogicielle.

1. Que fait ce code?
Les fonctions en Javascript

2. Objectif
A la fin de cette séance, vous serez capables d'écrire des
procédures et des fonctions en Javascript.
Vous aurez découvert la syntaxe objet des fonctions (mais
il nous reste encore du chemin à faire pour maîtriser les
objets en Javascript).

3. Conditions
Utilisez :
- un IDE (Netbeans, Aptana)
- et un navigateur avec des outils de développement (ex :
Firefox avec Firebug).

4. Critères d'évaluation
Vous réaliserez les fonctions de base d'une calculatrice à
partir du code à trous fourni.

5. Références
http://www.ecmascript.org/
ECMAScript Language Specification
Standard ECMA-262 3rd Edition - December 1999
ECMA-262 5.1 Edition - June 2011
http://www.crockford.com/javascript/survey.html
http://www.xul.fr/ecmascript/
http://www.javascriptkit.com/javatutors/closures.shtml
http://jpvincent.developpez.com/tutoriels/javascript/trois-fondamentaux-
javascript/

6. You talkin' to me?
function procedureYodaParler()
{
var sMsg = "Beaucoup encore il te reste à
apprendre."
alert(sMsg);
}
procedureYodaParler();

7. Le retour du jeudi
function fonctionYodaPenser()
{
var sMsg = "Tu dois désapprendre"
+ " tout ce que tu as appris";
return sMsg;
}
alert(YodaPenser());

8. Ca vous barbe?
function procedureAfficherMessage(sMsg)
{
alert(sMsg);
}
monMessage = "Une bourse d'or me paraît toujours"
+ " un argument sans réplique.";
procedureAfficherMessage(monMessage );

9. A court d'arguments?
function procedureAfficherMessages()
{
var sMsg = "";
for(i = 0; i < arguments.length; i++)
{
sMsg += arguments[i] + "n";
}
alert(sMsg);
}
var mesMessages = ["Carpe Diem.", "Profitez du jour présent.",
"Que vos vies soient extraordinaires!"];
procedureAfficherMessages(mesMessages);

10. Je ne suis pas (qu')un objet!
window.additionner = new Function("a", "b", "return a + b");
additionner(2, 6);// affiche 8

11. Construisons ensemble
une calculatrice

12. Code à trous
Complétez le code source fourni.
Lorsque l'utilisateur appuie sur le bouton d'un opérateur
arithmétique:
la valeur saisie ou l'opérateur choisi est mémorisé
Lorsque l'utilisateur appuie sur le bouton "=", l'opération est
exécutée et le résultat est affiché dans le champ de saisie.
(Cette calculatrice ne sait réaliser qu'une opération simple à la fois).

13. Vrai ou faux?
Que fait ce code?

14. N'habite pas à l'adresse indiquée...
if( !window.faireQqchose )
{
sMsg = "I'm sorry Dave."
+ " I'm afraid I Can't do that...";
alert (sMsg);
}

15. Bilan
Objectif atteint?

16. Fin

17. La série “Que fait ce code?”
de Mickael Ruau
est mise à disposition selon les termes de la
licence Creative Commons Attribution -
Pas d’Utilisation Commerciale -
Partage dans les Mêmes Conditions 4.0 International.
Les autorisations au-delà du champ de cette licence
peuvent être obtenues à
creativecommons@ShakerTechnologies.com.