Logo: Marc Harnist

Index des pages de la catégorie "JS"

This en POO js comme ne php
Le 06/04/2018
Auteur: Marc L. Harnist

Extrait:

Comme en PHP, on utilise "this" pour nommer un objet à l'intérieur de la "class"

va" (Pour ouvrir l'article dans une nouvelle fenêtre, cliquez sur le titre)

Texte entier

Comme en PHP, on utilise "this" pour nommer un objet à l'intérieur de la "class"

var cake = {
flavor: "strawberry",
levels: 2,
price: "$10",
occasion: "birthday",

// Describe the cake
describe: function () {
var description = "The " + this.occasion + " cake has a " + this.flavor + " flavor, " + this.levels + " layers, and costs " + this.price + ".";
return description;
}
};

console.log(cake.describe());

// The cake is actually for a wedding!
cake.occasion = "wedding";

// Its number of layers and price both go up.
cake.levels = cake.levels + 8;
cake.price = "$50";

console.log(cake.describe());

Modifier facilement la valeur d'un attribut d'un objet en JS
Le 06/04/2018
Auteur: Marc L. Harnist

Extrait:

Pour modifier la valeur d'un attribut d'un objet en js il suffit de donner une nouvelle valeur ainsi" (Pour ouvrir l'article dans une nouvelle fenêtre, cliquez sur le titre)

Texte entier

Pour modifier la valeur d'un attribut d'un objet en js il suffit de donner une nouvelle valeur ainsi:

classeur.intercalaires = 18;
objet.attribut = 'Nouvelle valeur'; // pour les chaînes de caract.
ou
objet.attribut = 18; // pour les nombres.

Objet et méthode incluse dans l'objet en JS
Le 06/04/2018

Extrait:

On peut inclure une méthode dans un objet:
var cake = {
flavor: "strawberry",
" (Pour ouvrir l'article dans une nouvelle fenêtre, cliquez sur le titre)

Texte entier

On peut inclure une méthode dans un objet:
var cake = {
flavor: "strawberry",
levels: 2,
price: "$10",
occasion: "birthday",

// Describe the cake
describe: function () {
var description = "The " + this.occasion + " cake has a " + this.flavor + " flavor, " + this.levels + " layers, and costs " + this.price + ".";
return description;
}
};

console.log(cake.describe());

// The cake is actually for a wedding!
cake.occasion = "wedding";

// Its number of layers and price both go up.
cake.levels = cake.levels + 8;
cake.price = "$50";

console.log(cake.describe());

Objets en JS
Le 06/04/2018
Auteur: Marc L. Harnist

Extrait:

Source: openclassroom
Les objets en js se déclarent avec {}

Ex:
var pe" (Pour ouvrir l'article dans une nouvelle fenêtre, cliquez sur le titre)

Texte entier

Source: openclassroom
Les objets en js se déclarent avec {}

Ex:
var pen = {
type: "ballpoint",
color: "blue",
brand: "Bic"
};

Pour afficher une propriété, il suffit d'écrire le nom de l'objet et un point et l'attribut:
console.log(pen.color); // affiche "blue" dans la console (faire f12/console)

Fonctions en js
Le 06/04/2018
Auteur: Marc L. Harnist

Extrait:

Les fonctions en js s'appellent avec un point.

var originalWord = "Bora-Bora";
" (Pour ouvrir l'article dans une nouvelle fenêtre, cliquez sur le titre)

Texte entier

Les fonctions en js s'appellent avec un point.

var originalWord = "Bora-Bora";
var lowercaseWord = originalWord.toLowerCase();
console.log(lowercaseWord); // will be "bora-bora"
var uppercaseWord = originalWord.toUpperCase();
console.log(uppercaseWord); // will be "BORA-BORA"

Argument et paramètres
Le 06/04/2018
Auteur: Marc L. Harnist

Extrait:

Paramètre: la chose passée dans la définition de la fonction

Argument: la chose e" (Pour ouvrir l'article dans une nouvelle fenêtre, cliquez sur le titre)

Texte entier

Paramètre: la chose passée dans la définition de la fonction

Argument: la chose est passée quand la fonction est appelée



function sayHello(parametre) {
var message = "Hello, " + name + "!";
return message;
}

console.log(sayHello("argument"));
console.log(sayHello("argument"));

Argument et paramètres
Le 06/04/2018
Auteur: Marc L. Harnist

Extrait:

function sayHello(parametre) {
var message = "Hello, " + name + "!";
return me" (Pour ouvrir l'article dans une nouvelle fenêtre, cliquez sur le titre)

Texte entier

function sayHello(parametre) {
var message = "Hello, " + name + "!";
return message;
}

console.log(sayHello("argument"));
console.log(sayHello("argument"));

Switch, case, break et default en JS
Le 03/04/2018
Auteur: Marc L. Harnist

Extrait:

switch (expression) {
case value1:
// code when the expression matches value1
" (Pour ouvrir l'article dans une nouvelle fenêtre, cliquez sur le titre)

Texte entier

switch (expression) {
case value1:
// code when the expression matches value1
break;
case value2:
// code when the expression matches value2
break;
...
default:
// code for when neither case matches
}


EXEMPLE
var weather = prompt('Quel temps fait-il?');
switch(weather){
case 'ensolleillé':
alert('Un temps pour sortir en T-shirt!');
break;
case 'pluvieux':
alert('N oubliez pas votre parapluie!');
break;
case 'venteux':
alert('Mettez votre veste coupe-vent.')
break;
case 'neigeux':
alert('Restez chez vous!');
break;
default:
alert('Ce n est pas un temps valide.');

}

else if
Le 03/04/2018

Extrait:

Attention: else if s'écrie en deux mots en JS et non elseif (php)" (Pour ouvrir l'article dans une nouvelle fenêtre, cliquez sur le titre)

Alert
Le 03/04/2018

Extrait:

Alert() ouvre une nouvelle fenêtre avec un contenu de votre choix.
" (Pour ouvrir l'article dans une nouvelle fenêtre, cliquez sur le titre)

Prompt
Le 03/04/2018

Extrait:

Prompt crée un formulaire dans une nouvelle fenêtre:
var name = prompt('Entrez votre préno" (Pour ouvrir l'article dans une nouvelle fenêtre, cliquez sur le titre)

Texte entier

Prompt crée un formulaire dans une nouvelle fenêtre:
var name = prompt('Entrez votre prénom:');
alert('Bonjour, ' + name);


var number = Number(prompt('Entrez un nombre'));
if(number > 0){
alert(number + ' est un nombre positif');
}
else{
alert(number + ' est un nombre négatif');
}

Cours sur JavaScript
Le 30/03/2018

Extrait:

JavaScript a été créé en 1995 par Brendan Eich.
2009 création de node.js qui travaille c" (Pour ouvrir l'article dans une nouvelle fenêtre, cliquez sur le titre)

Texte entier

JavaScript a été créé en 1995 par Brendan Eich.
2009 création de node.js qui travaille côté serveur.
2009 aussi: Base de donnée MongoDB en C++ fonctionne aussi avec js.

Versions JS
La version js s'appelle ECMAScript
Version 2009:ES5, introduced in 2009 (cours Openclassroom)
Nouvelle version SS6 / ES2015 pas encore sur tous les navigateurs.

Outils
https://jsfiddle.net/

Outil de traitement de code
Sublime texte : https://www.sublimetext.com/

Mes TP js
http://marcharnist.fr/formation/view/intro-javascript/