projet

Souriez : projet

Clonez https://github.com/dupontdenis/takepicture.git

Lancez dans un terminal le serveur avec la commande :

node app

Dans votre navigateur allez http://localhost:3000/

Projet

Travail perso

DS

Mon tirage

Résultats du Loto

🪛 Comment afficher mon gain ?

NPM :

💥 Cours

🪛 Mon premier projet nodejs : TD 1

TD 2

💥Les modules

Les modules se répartissent en trois catégories :

1️⃣les modules de fichiers,
2️⃣les modules Node
3️⃣les modules

1️⃣ Modules fichiers

Cours

TD

2️⃣Modules Node

Cours

2.1 Process

TD

2.2 Event

Cours

TD
TD go

2.3 fs

TD 1
TD

2.4 Path

Cours
TD

2.5 HTTP

Cours
TD
👹TD 'express)

Have fun !

Analysez ce code !

const arr2 = [1, 2, 3];
const arr1 = [4, 5, 6, 7, 8];

const [small, large] = arr1.length < arr2.length 
    ? [arr1, arr2] 
    : [arr2, arr1];
console.log(small == arr2); // [1, 2, 3] [4, 5, 6, 7, 8]

const mapToppings = new Map([
  ["queen", ["🐷", "🍄", "🍅", "🧀"]],
  ["cheese", ["🧀", "🍅"]],
  ["oriental", ["🍅", "🐑", "🍄", "🌶"]],
  ["royal", ["🍅", "🌵"]],
]);

const order1 = [
  { name: "queen", ingredients: mapToppings.get("queen") },
  { name: "cheese", ingredients: mapToppings.get("cheese") },
  { name: "oriental", ingredients: mapToppings.get("oriental") },
  { name: "royal", ingredients: mapToppings.get("royal") },
];

const order2 = [
  { name: "queen-promo", ingredients: mapToppings.get("queen") },
  { name: "royal-promo", ingredients: mapToppings.get("royal") },
];

function intersectionBy(a, b, keyFn) {
  const setB = new Set(b.map(keyFn));
  return a.filter((item) => setB.has(keyFn(item)));
}

const common = intersectionBy(order1, 
                              order2, 
                              (pizza) => pizza.ingredients);
console.log(common); 
// [{ name: "queen", ingredients: [...] }, { name: "royal", ingredients: [...] }]

Guess

Start with guess

Le prompt how-to

Interface WEB

Exemple de code bloquant

🚀 https://github.com/dupontdenis/fakeWait.git

Asynchronisme !

Introduction

wait/blocage

Cours

Callback, promesses et Async/Await

Slides

BD (callback)

asynchrone exemple

🆘(sqlite node)

TD

Exemple d'utilisation

Callback

🚀Asynchrone dans votre navigateur (es6)

fetch

Hardward : GIT

Objectif : comprendre ce code

async function* getLines() {
const data = [
"# Commentaire ignoré",
"Ligne utile 1",
"Ligne utile 2",
"# Autre commentaire",
"STOP",
"Ligne après STOP",
];
for (const line of data) {
await new Promise((resolve) => setTimeout(resolve, 100)); // simule un délai
yield line;
}
}
async function processUntilStop(lines) {
for await (const line of lines) {
if (line === "STOP") break;
if (line.startsWith("#")) continue;
console.log(`Traitement : ${line}`);
}
console.log("🔚 Fin du traitement.");
}
processUntilStop(getLines());

Devoir

Création d'un jeu.

Règle du jeu :

Le joueur a trois chances pour trouver un nombre secret !

Imaginez que vous soyez chef de projet, vous rédigez en urgence un prototype pour les membres de votre équipe. Ce prototype permet à tous de fixer les idées (proto).

👷 Il faudra l'implémenter en JS.

lecture

Analysez ce code :

 







class BD {
  constructor(db) {
    this.db = db;
  }

  /**
   * Finds items based on a query given as a JS object
   *
   * @param {object} query The query to match against (i.e. {name: 'paris'})
   * @param {function} callback   The callback to fire when the query has
   * completed running
   **/
  find(query, callback) {
    callback(
      this.db.filter(function (city) {
        for (const [key, value] of Object.entries(query)) {
          if (city[key] !== value) {
            return false;
          }
        }
        return true;
      })
    );
  }
}

// cities
const db = new BD([
  { name: "Vincennes", population: 40000 },
  { name: "Paris", population: 2161000 },
  { name: "roubais", population: 45000 },
]);
//console.log(s.db);

db.find({ population: 45000 }, function (cities) {
  for (let city of cities) {
    city["population"] = 50000;
  }
});

db.find({ name: "Paris" }, function (cities) {
  for (let city of cities) {
    city["capital"] = true;
  }
});

console.log(db);

db.find({ name: "Paris" }, function (cities) {
  const updatedCities = cities.map((city) => ({ ...city, capital: true }));
  console.log(updatedCities); // Only updated copies, db remains unchanged
});