// For values that change
let name = "didier";
name = "paulette";


// For values that never change
const age = 37;

let message1 = "Bonjour le monde"

let message2 = "привет мир";
let message1EqualsMessage2 = (message1 === message2); // false

if(age > 18){
    alert("the user is major");
} else {
    alert("the user is minor");
}

if(age > 21){
    alert("the user is major in the US.");
} else if (age > 18) {
    alert("the user is major in real countries but not in the empire.");
}else {
    alert("the user is minor.");
}

if(age > 18){
    alert("the user is major");
}

if(la condition){
    // quoi faire si la condition est vraie
} else {
    // quoi faire si la condition est fausse
}

let name = "";
if(!name){
    name = "no name";
}
console.log(name);

let name;
if(!name){
    name = "no name";
}
console.log(name);

let name = null;
if(!name){
    name = "no name";
}
console.log(name);

let person = {};
if(!person.name){
    person.name = "";
}
console.log(person);

let persons = [];
if(!persons.length){
    persons.push({name: "didier"});
}
console.log(persons);

// un bout de code nommé sayHello qui dit "Hello World!"
function sayHello(){
    alert("hello world");
}

function sayHello(){
    alert("hello world");
}

function addNumber(a, b){
    return a + b;
}

function isMajorMessage(age){
    if(age < 18){
        return "user is minor";
    }
    if(age < 21){
        return "user is minor in crazy countries";
    }
    return "user is major"
}

function add(a, b){
    return a + b;
}

function add2AndMultiplyBy3(a){
    return (a + 2) * 3;
}

function getMinorityStatus(age){
    if(age < 18){
        return "minor";
    }
    if(age < 21){
        return "minor in the empire";
    }
    return "major";

}

console.log(getMinorityStatus(12)); // "minor"
console.log(getMinorityStatus(19)); // "minor in the empire"
console.log(getMinorityStatus(87)); // "major"

function add(a, b){
    return a + b;
}

function multiply(a, b){
    return a * b;
}

console.log(add(2, 3));
console.log(add(2, multiply(4, 5)));
let x = multiply(2, 3);
console.log(add(2, x));
console.log(
    add(8, 
        multiply(10, 6))
);

for(let i = 0; i < 10; i ++){
    console.log(i);
}

let emptyList = [];

let beerList = ["bud weiser", "ipa du nord-est", "headdy topper"];

let grades = [90, 65, 40, 55];

let beerList = ["bud weiser", "ipa du nord-est", "headdy topper"];

//  longeur d'une liste
console.log(beerList.length);

// ajouter un élément à une liste
beerList.push("peche mortel");

// element d'une liste
// l'indice commence par 0!!!!!!!!!
alert(beerList[2]); // "headdy topper"

for(const beer of beerList){
    console.log(beer);
}

let beer = {
    nom: "Péché Mortel",
    brasserie: "Dieu du Ciel!",
    quantity: 350,
    prix: 5.99,
}

{}

let beer = {
    nom: "Péché Mortel",
    brasserie: "Dieu du Ciel!",
    quantity: 350,
    prix: 5.99,
}

// Prendre une valeur par une variable
console.log(beer.name)

// associer une nouvelle valeur
beer.nom = "grande noirceur";

// Prendre toutes les clés
Object.keys(beer);

let beer = {
    nom: "Péché Mortel",
    brasserie: "Dieu du Ciel!",
    quantity: 350,
    prix: 5.99,
}

for(let key of Object.keys(beer)){
    let value = beer[key];
    console.log(key + " : " + value);
}

let message = "Ceci est un petit texte";

let message = `Ceci est un texte normal`;

let multiLineMessage = `un
deux
trois`;
console.log(multiLineMessage)


let multiLineMessage = `un
deux
trois`;
console.log("->" + multiLineMessage + "<-");

->un
deux
trois<-

let name = "Colette"
let message = `Bonjour ${name}`;
console.log(message)


let name = "Colette"
let message = `Bonjour ${name}`;
console.log(message)

Bonjour Colette


let name = "Colette"
let anneeCourrante = 2023;
let anneeDeNaissance = 1947;
let message = `Bonjour ${name}, vous avez ${anneeCourrante - anneeDeNaissance} années`;
console.log(message)

Bonjour Colette, vous avez 76 années


let message = `Ceci est totallement \${foo}`;
console.log(message)

Ceci est totallement ${foo}

{
  firstName: "André",
  lastName: "André",
  city: "Laval",
  cars: ["civic", "mustang", "F150"],
}

// stats.js
function average(lst){
    if(lst.length < 1){
        return NaN;
    }
    let sum = 0;
    let n = 0;
    for(const e of lst){
        sum += e;
        n += 1;
    }
    return sum / n;
}

// students.js

function getFinalGrades(students){
    const grades = [];
    for(const student of students){
        if(student.finalGrade){
            grades.push(finalGrade);
        }
    }
    return grades;
}

function studentAverage(students){
    const finalGrades = getFinalGrades(students);
    const ret = average(finalGrades);
    if(isNaN(ret)){
       return "Aucune note entrées";
    }
    return ret + "%"; 
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>title</title>
    <script type="module" src="script.js"></script>
</head>
<body>


</body>
</html>

function sayHello(){
    alert("Bonjour monde!");
}

document.getElementById("hello-button").addEventListener('click', sayHello);

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <script type="module" src="script.js"></script>
</head>
<body>

  <button id="hello-button">Say Hello</button>
</body>
</html>

import {average} from "./stats.js";

import {average} from "https://cdn.jsdelivr.net/gh/didiercrunch/cours-420-301-ah@main/modules-examples/stats.js";


import {average} from "https://cdn.jsdelivr.net/gh/didiercrunch/cours-420-301-ah@main/modules-examples/stats.js";

console.log(average([1,2,3,4]))

2.5

import {average} from "./stats.js";


console.log(average([10, 20, 30]));

import {average, std} from "./stats.js";

console.log(average([10, 20, 30]));
console.log(std([10, 20, 30]));

import {std as standardDeviation} from "./stats.js";

console.log(standardDeviation([10, 20, 30]));

import * as stats from "./stats.js";

console.log(stats.average([10, 20, 30]));

export const INFINITY = 30;

export function average(lst){
    return 0;
}

export function std(lst){ 
    return 0;
}

let unixTimestamp = Date.now();
console.log(unixTimestamp) // 1701713417357

let date = new Date();
let dateString = date.toString();
console.log(dateString) // Mon Dec 04 2023 13:21:26 GMT-0500 (heure normale de l’Est)

let date = new Date();
      ^     ^   ^
      3     1   2


let date = new Date()
let dateString = date.toLocaleString();
console.log(dateString)

2023-12-04 13 h 24 min 10 s

let date = new Date()

let date = new Date();
      ^     ^   ^
      3     1   2

let date = new Date();
date.setFullYear(2024);
console.log("L'époch time dans 1 an sera exactement " + date.getTime() + " ms");


import {HockeyGame} from "https://cdn.jsdelivr.net/gh/didiercrunch/cours-420-301-ah@006.1/modules-examples/mod.js";

let hockeyGame = new HockeyGame();
hockeyGame.awayTeamScores();
hockeyGame.homeTeamScores();
hockeyGame.homeTeamScores();
hockeyGame.awayTeamScores();
hockeyGame.homeTeamScores();
console.log(`Le gagnant de la partie est: ${hockeyGame.winner()}`)

Le gagnant de la partie est: home


import {HockeyPlayer} from "https://cdn.jsdelivr.net/gh/didiercrunch/cours-420-301-ah@006.1/modules-examples/mod.js";

let player = new HockeyPlayer("didier", "amyot", new Date(1983, 9, 9))
console.log(player.currentAge());

40

const url = new URL("https://www.example.com/personne?nom=didier&age=38");
console.log(url.hostname)  // www.example.com
console.log(url.search);   // ?nom=didier&age=38
console.log(url.pathname)  // /personne
console.log(url.pathname)  // url.protocol

class Politicien{

}

const politicien = new Politicien();

class JackOfAllTrade{
   add(a, b){
       return a + b;
   }

   multiply(a, b){
       return a * b;
   }
}

const jackOfAllTrade = new JackOfAllTrade();
console.log(jackOfAllTrade.add(4, 7));
console.log(jackOfAllTrade.multiply(7, 3));

const jackOfAllTrade = new JackOfAllTrade();

class JackOfAllTrade{
   add(a, b){
       return a + b;
   }
}

class JackOfAllTrade{
   add2plus5(a){
       return (a + 2) * 5;
   }
}

class JackOfAllTrade{
   add2plus5(a){
       const aPlus2 = this.add(a,2)
       return this.multiply(aPlus2, 5);
   }
}

class Point{
    constructor(x, y){
       this.x = x;
       this.y = y;
    }

    distanceFromOrigin(){
        return Math.sqrt(this.x * this.x + this.y * this.y);
    }
}

p = new Point(3, 4);
console.log(p.distanceFromOrigin());

function add(a, b){
    return a + b;
}

let x = 10;

x = doSomethingToIntegerAndReturnAString(x);

doSomethingToAString(x);

let x = generateX();
let y = generateY();
let z = mergeXAndY(x, y);
z = incrementZ(z);
printAll(x, y, z);

let x = generateX();      // generateX retourne un "number"
let y = generateY();      // generateY retourne un "String" 
let z = mergeXAndY(x, y); // mergeXAndY prend un "number" et 
                          // un "string" et retourne un "number"
z = incrementZ(z);        // incrementZ prend un "number" et 
                          // retourne un "number"
printAll(x, y, z);        // prend un number, un string et un number

function generateX(): number {
    return 22;
}

function generateY(): String {
    return "hello";
}

function mergeXAndY(x: number, y: String): number {
    return x + y.length;
}

function incrementZ(z: number): number{
    return z + 908;
}

function printAll(x: number, y: String, z: number): void {
    console.log(`number: ${x} , number: ${ y},  number: ${z}`);
}

let x = generateX();
let y = generateY();
let z = mergeXAndY(x, y);
z = incrementZ(z);
printAll(x, y, z);

function getBestTeamName(team1: Team, team2: Team): String {

}

function getBestTeamName(team1: Team, team2: Team): String {

}

const les3 = new DodgeballTeam("Les 3");
const les5 = new DodgeballTeam("Les 5");

console.log(getBestTeamName(les3, les5)); // Erreur!  DodgeballTeam n'est pas un Team

class Team {
    constructor(partiesGagnes, partiesPerdues){
        this.partiesGagnes = partiesGagnes;
        this.partiesPerdues = partiesPerdues;
    }

    getDiff(){
        return this.partiesGagnes - this.partiesPerdues;
    }
}

class DodgeballTeam extends Team {
    constructor(partiesGagnes, partiesPerdues, ballonsAttrapes){
        super(partiesGagnes, partiesPerdues);
        this.ballonsAttrapes = ballonsAttrapes
    }

    ballonsAttrapesParParties(){
        let parties = this.partiesGagnes + this.partiesPerdues;
        return this.ballonsAttrapes / parties;
    }
}

class Foo {
   foo(){
       return 10;
   }
}

class Bar extends Foo{
   foo(){
       return 1000;
   }

   bar(){
       return super.foo();
   }
}

const bar = new Bar();
console.log(bar.foo()) // 1000
console.log(bar.bar()) // 10

class Rectangle {

  constructor(hauteur, largeur) {
    this.hauteur = hauteur;
    this.largeur = largeur;
  }

  aire() {
    return this.hauteur * this.largeur;
  }
}

class Carre extends Rectangle {
  constructor(cote) {
    super(cote, cote);
  }

  perimetre(){
      return 4 * this.hauteur
  }
}

class User {

  constructor(id, username) {
    this.id = id;
    this.username = username;
  }

  idAdmin() {
    return false;
  }
}

class Admin extends User {
  idAdmin() {
    return true;
  }
}

class Animal {

  constructor() {
    this.state = "arret";
  }

  courrir() {
    this.state = "courrir";
  }

  arret() {
    this.state = "arret";
  }

  getState(){
      return this.state
  }
}

class Lapin extends Animal {

    constructor() {
        super();
        this.isHidden = false;
    }

    hide(){
        this.isHidden = true;
    }

    unHide(){
        this.isHidden = false;
    }

    courrir(){
        if(this.isHidden){
            return;
        }
        super.courrir();
    }
}

function getUser(loggedInRequest){
    if(request.isAdmin){
        return new Admin(request.id, request.username);
    }
    return new User(request.id, request.username);
}

let foo = new Foo();
let bar = new Bar();

foo instanceof Foo; 
bar instanceof Bar; // true ssi Bar est une sous-classe de Foo

class Team {
    constructor(partiesGagnes, partiesPerdues){
        this.partiesGagnes = partiesGagnes;
        this.partiesPerdues = partiesPerdues;
    }

    getDiff(){
        return this.partiesGagnes - this.partiesPerdues;
    }
}

class GameStats {
    constructor(partiesGagnes, partiesPerdues){
        this.partiesGagnes = partiesGagnes;
        this.partiesPerdues = partiesPerdues;
    }

    getDiff(){
        return this.partiesGagnes - this.partiesPerdues;
    }
}

class Players {
    constructor(players){
        this.players = players;
    }

    totalNumberOfPlayer(){
        let ret = 0;
        for(const player of this.players){
            if(!player.isAngered){
                ret += 1;
            }
        }
        return ret;
    }

    totalNumberOfFemalePlayer(){
        let ret = 0;
        for(const player of this.players){
            if(!player.isAngered && player.gender === "female"){
                ret += 1;
            }
        }
        return ret;
    }
}

class MixedDodgeballTeam{
    constructor(players, partiesGagnes, partiesPerdues){
        this.players = players;
        this.stats = new GameStats(partiesGagnes, partiesPerdues);
    }

    getDiff(){
        return this.stats.getDiff();
    }

    isValid(){
        return this.players.totalNumberOfPlayer() < 2 * this.players.totalNumberOfFemalePlayer()
    }
}

nom	exemple	description
boolean	`true`/`false`	Représente un valeur vraie ou fausse
number	`12`, `0`, `-19`, `3.14159`	Représente un nombre quelconque
String	`"Bonjour"`, `'les amis'`	Représente du texte
undefined	`undefined`	Représente un inconnue provenant de javascript
null	`null`	Représente un inconnue provenant du programmeur

Définition	Opérateur	Exemple
Égalité entre deux boolean	`===`	`true === true`
et logique	`&&`	`true && true`
ou logique	`\|\|`	`true \|\| false`
Négatif	`!`	`!false`

Définition	Opérateur	Exemple
Égalité entre deux nombres	`===`	`10 === 10`
Somme	`+`	`2 + 2 === 4`
Produit	`*`	`3 * 4 === 12`
Division	`/`	`12 / 3 === 12`
Modulo	`%`	`7 % 3 === 1`

Définition	Opérateur	Exemple
Égalité entre deux nombres	`===`	`2 + 2 === 4`
Strictement plus petit	`<`	`2 < 4`
Plus petit (ou égale)	`<=`	`4 <= 4`
Strictement plus grand	`>`	`4 > 2`
Plus grand (ou égale)	`>=`	`4 >= 4`

Définition	Opérateur	Exemple
Égalité entre deux strings	`===`	`"Japon" === "Japon"`
concaténation	`+`	`"Bonjour " + "le monde" === "Bonjour le monde"`

Définition	Méthode	Exemple	Notes
Nombre de lettres dans la string	`.length`	`"Japon".length === 5`	plein de bug pour les gens qui écrivent dans des langues bizzards*
Mettre en lettre majuscule	`.toUpperCase()`	`"Japon".toUpperCase() === "JAPON"`
Mettre en lettre minuscule	`.toLowerCase()`	`"Japon".toLowerCase() === "japon"`
Lettre à une position précise	`.charAt()`	`"Japon".charAt(3) === "o"`	plein de bug pour les gens qui écrivent dans des langues bizzards*

Collaboration à la conception d’applications¶

Introduction¶

Présentation du Cours¶

Objectif du cours¶

En gros¶

Lien principal¶

Présentation de l'Enseignant¶

didier amyot¶

didier amyot¶

Présentation des Étudiants¶

Étudiants¶

Présentation des Objectifs Du Cours¶

Détails¶

Item à discuter¶

Programmation Client II¶

Rappel¶

Types et opérateurs de bases¶

Déclarer, initialiser des valeurs¶

Les types de bases¶

Égalité entre valeurs¶

Les opérations sur les booléen¶

Opérations sur les nombres¶

Les comparaison de nombres¶

Opérations sur les strings¶

Méthodes courantes sur les strings¶

Conditions¶

Le ifs¶

Condition multiple¶

Condition sans else¶

La syntaxe¶

La condition¶

Exemples 1¶

Exemples 2¶

Exemples 2¶

Exemples 3¶

Exemples 4¶

functions¶

Définition fonction¶

D'un point de vue impératif¶

Définition mathématique¶

D'un point de vue impératif¶

syntaxe fonctions¶

Syntaxe¶

Notes sur les fonctions¶

Nom d'une fonction¶

Retourner une valeur d'une fonction¶

Appeler une fonction¶

Listes et boucles¶

Boucle for classique¶

Créer une liste.¶

Opération sur les listes¶

Boucle for each¶

Objets¶

Object javascript¶

Rien de mieux qu'un exemple¶

L'object vide!¶

Méthodes sur objet¶

Looper sur tous les items d'un objet¶

Exercice Récapitulatif¶

Programmation Client II¶

Strings template¶

Strings template¶

Comment nous créons des strings¶

Double quotes¶

Simple quotes¶

Mais, nous pouvons demander de mieux¶

Les templates literals font tout ça!¶

Un string qui contient un text avec plusieurs lignes¶

Un string qui permet de remplacer façilement une variable¶

Strings exercices¶

Programmation Client II¶

js Modules¶

C'est quoi le problème?¶

Les "vraies" affaires¶

Objectif: Les beauté de l'informatique¶

Exemple¶

Exemple | fichier stats.js¶

Exemple | fichier students.js¶

Objectif | minimal¶

Objectif | hipster¶

Le `if`s¶

Condition sans `else`¶

Exemple | fichier `stats.js`¶

Exemple | fichier `students.js`¶

C'était exactement ce que nous avons fait avec la `Date`¶