→ https://github.com/dupontdenis/Asyn--Projet-MVC-calculette-js.git
Mongoose !
📕Cours
→ https://dupontmongodb.blogspot.com/
🛟Tout en 1
Installation Mongodb ⚒️
mongodb →
🥷Code
https://github.com/dupontdenis/testMongo.git
💸Code avec mongoose
https://github.com/dupontdenis/TESTMONGOOSE.git
Test
https://github.com/dupontdenis/TESTCORSMONGO.git
Let's start
Model : Simulate a DB
🚩 PUT/DELETE how-to
💡 Les navigateurs ne supportent que GET et POST en natif dans les formulaires. Découvrez comment gérer DELETE et PUT.
Situation de base : https://github.com/dupontdenis/mongoose-TD-CRUD.git
Delete/update
- In this repository we keep things explicit and simple by using POST endpoints for update and delete actions (for example
/posts/:id/updateand/posts/:id/delete). Those endpoints accept normal POST form submissions and return normal redirects or rendered pages.
- HTML forms only submit GET or POST.
method-overrideis a middleware used to turn a POST into a PUT/DELETE on the server (usually by reading a hidden_methodfield or a query parameter).
- This project was converted to an API-first, client-rendered demo where the server returns JSON and the frontend (in
public/index.htmlandpublic/js/app.js) usesfetch()to perform CRUD operations.
Avancé : une seule vue pour edit/create https://github.com/dupontdenis/CRUD.git
🍕PizzasAPI
🚀 https://mypizzasapi.onrender.com/
{
"message": "Welcome to Pizza API! 🍕",
"description": "A simple REST API for pizzas - inspired by ghibliapi.dev",
"endpoints": {
"pizzas": "/API/pizzas",
"pizzaById": "/API/pizzas/:id",
"pizzasWithPrices": "/API/pizzasWithPrices",
"ingredientPrices": "/API/ingredientPrices",
🪛"pizzaSearchByIngredient": "/API/pizzas/search?ingredient=🧀",
"pizzaSinglePrice": "/API/pizzasWithPrices/:id/price",
"customPrice": {
"method": "POST",
"path": "/API/pizzasWithPrices/compute",
"body": {
"ingredients": [
"🍅",
"🧀"
]
}
}
}
}Exemples :
🪛Ainsi pour tester l'API avec ingredient=🧀
https://mypizzasapi.onrender.com/API/pizzas/search?ingredient=🧀
🪛Ainsi pour tester l'API avec ingredient=🍅 et ingredient=🍄
https://mypizzasapi.onrender.com/API/pizzas/search?ingredient=🍄&ingredient=🍅
🥷Pour tester : https://dupontdenis.github.io/testMyPizzasAPI/
De vanilla à express
Pour une même application
https://dupontdenis.github.io/filmsGhibli_Vanilla/
Voici différentes implémentations
- Janilla : https://github.com/dupontdenis/filmsGhibli_Vanilla.git
- Express + EJS https://github.com/dupontdenis/filmsGhibli_EJS.git
- Express + pug https://github.com/dupontdenis/filmsGhibli.git
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/
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: [...] }]
Asynchronisme !
Introduction
Cours
Callback, promesses et Async/Await
BD (callback)
TD
🚀Asynchrone dans votre navigateur (es6)
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());
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
});
Inscription à :
Commentaires (Atom)