Cours Ynov JS B1_1

Javascript
partie 1
Thomas Brunet
Qui suis-je ?
Diplômé Ynov Ingésup 2017
Orange, Airbus, ITrust
Freelance développeur
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.
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
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);
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
*/
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
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: %
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’);
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);
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 !
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é.
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 ‘
1 sur 13

Recommandé

Présentation Groovy par
Présentation GroovyPrésentation Groovy
Présentation GroovyJS Bournival
1.6K vues43 diapositives
Présentation Groovy par
Présentation GroovyPrésentation Groovy
Présentation Groovyguest6e3bed
645 vues43 diapositives
js.pdf par
js.pdfjs.pdf
js.pdfJaouad Assabbour
45 vues164 diapositives
Microsoft07coursbaptiste par
Microsoft07coursbaptisteMicrosoft07coursbaptiste
Microsoft07coursbaptisteIbtissam Chaikhani
838 vues73 diapositives
Tutoriel java par
Tutoriel javaTutoriel java
Tutoriel javaKalilou DIABY
802 vues34 diapositives
Coder propre ! par
Coder propre !Coder propre !
Coder propre !cluelessjoe
2K vues96 diapositives

Contenu connexe

Similaire à Cours Ynov JS B1_1

C++ 11 - Tech Days 2014 in Paris par
C++ 11 - Tech Days 2014 in ParisC++ 11 - Tech Days 2014 in Paris
C++ 11 - Tech Days 2014 in Parischristophep21
498 vues48 diapositives
Bonnes pratiques pour apprivoiser le C++11 avec Visual C++ par
Bonnes pratiques pour apprivoiser le C++11 avec Visual C++Bonnes pratiques pour apprivoiser le C++11 avec Visual C++
Bonnes pratiques pour apprivoiser le C++11 avec Visual C++Microsoft
2.2K vues39 diapositives
De Java à .NET par
De Java à .NETDe Java à .NET
De Java à .NETMichel Salib
1.8K vues59 diapositives
Javascript as a first programming language : votre IC prête pour la révolution ! par
Javascript as a first programming language : votre IC prête pour la révolution !Javascript as a first programming language : votre IC prête pour la révolution !
Javascript as a first programming language : votre IC prête pour la révolution !VISEO
1.5K vues136 diapositives
Javascript - Fonctions : que fait ce code ? par
Javascript - Fonctions : que fait ce code ?Javascript - Fonctions : que fait ce code ?
Javascript - Fonctions : que fait ce code ?Ruau Mickael
384 vues17 diapositives
Javascript proprement par
Javascript proprementJavascript proprement
Javascript proprementGuillaume Collic
1K vues64 diapositives

Similaire à Cours Ynov JS B1_1(20)

C++ 11 - Tech Days 2014 in Paris par christophep21
C++ 11 - Tech Days 2014 in ParisC++ 11 - Tech Days 2014 in Paris
C++ 11 - Tech Days 2014 in Paris
christophep21498 vues
Bonnes pratiques pour apprivoiser le C++11 avec Visual C++ par Microsoft
Bonnes pratiques pour apprivoiser le C++11 avec Visual C++Bonnes pratiques pour apprivoiser le C++11 avec Visual C++
Bonnes pratiques pour apprivoiser le C++11 avec Visual C++
Microsoft2.2K vues
Javascript as a first programming language : votre IC prête pour la révolution ! par VISEO
Javascript as a first programming language : votre IC prête pour la révolution !Javascript as a first programming language : votre IC prête pour la révolution !
Javascript as a first programming language : votre IC prête pour la révolution !
VISEO1.5K vues
Javascript - Fonctions : que fait ce code ? par Ruau Mickael
Javascript - Fonctions : que fait ce code ?Javascript - Fonctions : que fait ce code ?
Javascript - Fonctions : que fait ce code ?
Ruau Mickael384 vues
Du JavaScript propre ? Challenge accepted ! @Devoxx France 2013 par Julien Jakubowski
Du JavaScript propre ? Challenge accepted ! @Devoxx France 2013Du JavaScript propre ? Challenge accepted ! @Devoxx France 2013
Du JavaScript propre ? Challenge accepted ! @Devoxx France 2013
Julien Jakubowski2.3K vues
20131024 qualité de code et sonar - mug lyon par Clement Bouillier
20131024   qualité de code et sonar - mug lyon20131024   qualité de code et sonar - mug lyon
20131024 qualité de code et sonar - mug lyon
Clement Bouillier3.3K vues
Qualité logicielle par cyrilgandon
Qualité logicielleQualité logicielle
Qualité logicielle
cyrilgandon1.4K vues
Conférence #nwx2014 - Maxime Mauchaussée - Partager du code maintenable et év... par Normandie Web Xperts
Conférence #nwx2014 - Maxime Mauchaussée - Partager du code maintenable et év...Conférence #nwx2014 - Maxime Mauchaussée - Partager du code maintenable et év...
Conférence #nwx2014 - Maxime Mauchaussée - Partager du code maintenable et év...
Design poo togo_jug_final par agnes_crepet
Design poo togo_jug_finalDesign poo togo_jug_final
Design poo togo_jug_final
agnes_crepet726 vues

Cours Ynov JS B1_1

  • 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 ‘

Notes de l'éditeur

  1. https://jsconsole.com/