Intro javascript b1

1. Javascript
partie 1
Thomas Brunet

2. Qui suis-je ?
Diplômé Ynov Ingésup 2017
Orange, Airbus, ITrust
Freelance développeur

3. Javascript kézako ?
Le javascript est un langage de programmation
initialement de script pour le web orienté client.
Il se développe plus tard sur la partie serveur avec
NodeJS.

4. Plan
Introduction au Javascript
➔ Console
➔ Commentaires
➔ Types de données
➔ Opérateur arithmétiques
➔ String concaténation
➔ Propriétés
➔ Méthodes
➔ Objet Prédéfini
➔ TP

5. La Console
Affiche les messages importants, comme des infos, erreurs
pour les développeurs.
L’action basique pour afficher quelques choses dans la
console est :
console.log(5);

6. Commentaires
Le code peut vite devenir compliqué à relire et
comprendre surtout quand ce n’est pas le vôtre !
Les commentaires peuvent expliquer du code, laisser des
instructions aux autres ou tout autres informations utiles.
// this is a comments on one line
/*
this is a multi-line comments
foo
*/

7. Types de données
1. Number: 4, 5.2, -5
2. String: “toto”, ‘This is a string’
3. Boolean: true / false
4. Null: absence de valeur mot clé null
5. Undefined*: absence de valeur aussi mot clé undefined
6. Symbol: nouveau type plus complexe
7. Object: collection de données en relation

8. Opérateur arithmétiques
Les opérations arithmétiques basiques sont très souvent utilisés.
Les opérateurs sont des caractères pré-enregistrés dans le langage qui vont
nous permettre d'effectuer des calculs simples.
1. Addition: +
2. Soustraction: -
3. Multiplication: *
4. Division: /
5. Modulo: %

9. String concaténation
Les opérateurs ne servent pas qu’aux nombres. L’opérateur ‘+’ peut être
utilisé sur des strings. Il effectue alors une concaténation des 2.
Testez !
console.log(‘Hey’ + ‘ ‘ + ‘Buddy’);

10. Propriétés
Chaque objet en Javascript a des propriétés. Les strings en ont eux aussi !
Vous pouvez les voirs avec éditeurs de code avec l’autocomplétion ou avec
la doc en ligne !
Testez !
console.log(‘Hey Buddy’.length);

11. Propriétés
Chaque objet en Javascript a des méthodes. Les méthodes sont des actions
qui peuvent être exécuté. Comme les propriétés on les appels avec un ‘.’
mais cette fois on rajoute des parenthèses pour les exécutés.
Testez !
console.log(‘Hey Buddy’.toLowerCase());
PS : le ‘.log()’ derrière ‘console’ est une méthode !

12. Objet prédéfini
Comme ‘console’, Javascript à des objets prédéfini comme ‘Math’ ou ‘Date’.
Nous pouvons nous en servir n’importe où dans le code.
console.log(Math.random());
Que nous renvoi ‘Math.random()’ ? Pouvez-vous me générer un nombre
aléatoire entre 0 et 100 ?
Trouvez la méthode de Math qui arrondi le résultat donné.

13. TP
Affichez moi un nombre entier aléatoire entre 1 et 5 compris.
Cherchez la méthode sur une string qui supprime les espaces inutiles en
début et fin. Après l’avoir utilisé, affichez moi le nombre de caractères que
donne la string suivante : ‘ je suis une très longue string qui n’ a pas
vraiment de sens ‘