Premiers pas en JavaScript

cuy copyleft
  See You Why?  

 

Un travail collectif réalisé par :

 

Sous la direction de GVdK

03/07/2011 13:38 10.729.607 - 1 - Introduction to JavaScript.flv
- nom def interactiv oo
- exemples: calculateur, quizz
- editeur de texte (notepad++ (google, free)/bloc-notes)
- browser(
- welcome
- connaissances en HTML voir..., CSS
- départ: def interactiv, tags
<script> diff types...
param type
exemple why? setup, test,
old browsers (rem)
-

03/07/2011 13:44 8.364.297 - 2 - Comments and Statements.flv
comparaison HTML
définition + pourquoi
étiquette, post-it,
une ligne ignorée + plusieurs lignes
programme (recette, étapes, ordre)
instructions, point-virgule
plusieurs instructions top vers fin
// /*...*/ étapes

03/07/2011 13:50 11.104.906 - 3 - Variables.flv
concept primordial
rappel math - equation
place holder
emploi très différent
syntaxe : var + nom + = (assignment operator) + value + ;
emplois...
case sensitive, letter ou _, chiffres lettres _, pas %$èé, pas début chiffre,

04/07/2011 09:55 11.018.364 - 4 - Different Types of Variables.flv
1 nombre, 2 nombre décimaux, 3 négatif,
4 texte (string) guillemets (si pas...)
doubles guillemets, (escape)
5 booléen V F
6 null (zero)
conversion de variables
 
04/07/2011 10:03 7.870.800 - 5 - Using Variables with Strings.flv
concatenation chaine-chaine +=
variable-variable (2 ou +), mélange var num & chaine
chaine-variable

04/07/2011 10:09 11.377.138 - 6 - Functions.flv
miniprogramme
exemple: youtube (démarrer, arreter, plus haut, plus large)
peut être appelée n'importe quand
syntaxe : function nom parenthese accolade alert (déjà connue)
appel de fonction, ex: bouton donc formulaire (hors script)
portée des variables cf 11
 
04/07/2011 10:14 8.215.145 - 7 - Using one Parameter with Functions.flv
usage des parenthèses
créer une fonction, alert
informations additionnelle
ex : °F-°C, miles-km, htva-tvac, prenoms...
nom comme x
un appel avanc passage d'une valeur,
plusieurs appels, plusieurs passages
substitution de x par sa valeur
passer un paramètre dans l'appel de fonction
 
v 04/07/2011 10:19 8.862.797 - 8 - Functions with Multiple Parameters.flv
fonction, parenthèses, 2 variables un, deux avec virgule
 
04/07/2011 10:31 9.582.418 - 9 - The return Statement.flv
fonction (ce qu'elle fait)
ce qu'elle renvoie
0, 1 ou +ieurs paramètres
action nécessaire (document.write, alert)
 
04/07/2011 10:37 12.436.015 - 10 - Calling a Function From Another Function.flv
  2 fonctions + 1 3e qui appelle les 2 autres
appel de la fonction 3
recursivité

04/07/2011 10:42 7.919.642 - 11 - Global Local Variables.flv
  hors fonction
dans une fonction
emploi

04/07/2011 10:48 10.176.217 - 12 - Math Operators.flv
nombres et chaines
addition, soustraction
multiplication * division / (exact, non exacte)
modulo (reste de la division) %
incrément ++ décrémentation --
+ tard, boucles...
 
04/07/2011 10:53 6.946.136 - 13 - Math Assignment Operators.flv
rappel variable =
  +=
-=
*=
/=
%=
5 sec.

04/07/2011 10:59 13.726.777 - 14 - if Statement.flv
if statements, si une condition est vraie
2 var, syntaxe, if (comparaison, true false) accolades {} instructions, double egal
comparisons <, >, !=, <=, >=
ordre bgcolor, valeur...
 
04/07/2011 11:06 10.702.856 - 15 - if else Statement.flv
 
04/07/2011 11:27 9.933.478 - 16 - Nesting and Fridays!.flv
 
04/07/2011 11:34 12.846.907 - 17 - Complex Conditions.flv
autre solution :  embedding if
chaque entre ()
2 conditions if &&
2 conditions if || (pipe)

04/07/2011 11:45 13.741.198 - 18 - switch.flv
suite de if
switch parenthèses variable
case suivi des valeurs de chaque cas
default
 
04/07/2011 11:51 10.302.242 - 19 - for Loop.flv
 
04/07/2011 12:09 9.971.573 - 20 - while Loop.flv
 
04/07/2011 12:14 9.782.086 - 21 - do while.flv
 
04/07/2011 12:24 12.454.787 - 22 - Event Handlers.flv
 
04/07/2011 12:49 13.681.449 - 23 - onMouseOver onLoad.flv
 
04/07/2011 12:58 13.406.685 - 24 - Objects.flv
quoi? coolest, misundertoud?
avant : facile, maintenant partie intéressante
objet : donnée, propriétés, méthodes
préexistence d'objets et leurs propriété et méthodes
moi, couleur cheveu, taille, poids, rouler voiture, créer video tuto,
ex: tuna="dfdffgh;hjhjl dddfffffffff", length,
méthode: write, document.write
usage du point separateur

 
04/07/2011 13:08 16.770.816 - 25 - Creating Our Own Objects.flv
 
04/07/2011 13:14 9.836.417 - 26 - Object Initializers.flv
 
04/07/2011 13:22 16.518.737 - 27 - Adding Methods to Our Objects.flv
 
04/07/2011 13:29 10.644.080 - 28 - Arrays.flv
  listes, plus facile que variables
ex person1=xxx person2=yyy
var personne= new Array("","","","","")
document.write(personne[2])
indice, démarre à 0, undefined si > nbre

04/07/2011 13:36 11.223.426 - 29 - Other Ways to Create Arrays.flv
 
04/07/2011 13:42 9.665.783 - 30 - Array Properties and Methods.flv
 
04/07/2011 13:48 11.366.327 - 31 - join and pop.flv
 
04/07/2011 13:53 8.431.154 - 32 - reverse, push, sort.flv
 
04/07/2011 14:00 14.082.852 - 33 - Add Array Elements Using a Loop.flv
 
04/07/2011 14:06 9.206.382 - 34 - Cool Technique to Print Array Elements.flv
 
04/07/2011 14:10 7.212.882 - 35 - Associative Arrays.flv
 
04/07/2011 14:16 11.072.945 - 36 - Math Objects.flv
rappel objet array et propriétés
constantes particulières (=propriétés mathématiques)
méthodes (=fonction)
 
04/07/2011 14:25 16.021.095 - 37 - Date Objects.flv
 
04/07/2011 14:33 14.466.142 - 38 - Accessing Forms.flv
 
04/07/2011 14:40 16.062.839 - 39 - Accessing Form Elements.flv
 
04/07/2011 16:13 13.012.857 - 40 - Simple Form Validation.flv