dupontL3alt: 2025

https://docs.google.com/document/d/1FcOCIpfc4caSFdflfKUtrMhANVp5yLnytYC4KZ5dT0c/edit?usp=sharing

Partie I

La fonction recherche prend en paramètres deux chaines de caractères gene et seq_adn et renvoie True si on retrouve gene dans seq_adn et False sinon.

Donner le code de la fonction, on ne dispose d'aucune méthodes (utilisez iterations, test de base).

Correction : sujet

https://github.com/dupontdenis/Code-NSI/blob/master/Sujet-06/ex06-2.js

Partie 2

https://dupontdenis.github.io/indexOFhowTo/

Testez le code

seq1	AAT	1111113
gene	AT	11113
	Sequence found at index 1!	Search complete! Sequence not found.

Analyse de code

https://github.com/dupontdenis/indexOFhowTo.git

Corrigez !

etude et recherche d'un bug : DS

Plan react

https://dupontreact.blogspot.com/p/plan-du-cours.html

Asynchronisme

👿C'est quoi le problème ?

⏱️Etude de l'asynchronisme

Introduction : les modules de Node ( https://dupontnodejs.blogspot.com/p/modules.html )

Commencez avec npm : Start with npm

Les dernières nouveautés du Langage.

🥷CJM versus ESM

🥇High level await

Learn by youself : MVC

https://github.com/dupontdenis/MVC-callback-Pensez-en-React.git

https://github.com/dupontdenis/MVC-asyn-Pensez-en-React.git

https://github.com/dupontdenis/MVC-asyn.git

Immutable par l'exemple : cas des Pizzas

Etudiez le code

🆘Help

En action

Apprendre la délégation par l'exemple

Introduction à vite par l'exemple !

Clonez https://github.com/dupontdenis/Penser-en-React.git

$ cd vite-project/

$ npm i

$ npm run dev

➜ Local: http://localhost:5173/

Il vous faudra chercher le code à modifier en particulier comprendre et modifier la fonction createElementFromHTML

Plus d'infos »

Afficher les pizzas

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

Autre code en action :

Pizza price

Order Pizza

DS

🚀Load localy the db

Affichez le code sous la forme :

have fun with JS

🐧Etudiez le code : opérateurs de base

Ce code utilise de façon élégante la destructuration associée à l'opérateur ternaire.

C'est quoi immutable !

Commençons l'étude par des rappels de base :

Le cas de map

🪛 Etudier les codes en fonction de la structure de données.

Js en action

🚀https://dupontdenis.github.io/detection/

🪛Merci de "moderniser" le code ! En particulier, la gestion asynchrone.

Web component

IA exemple :

🚀https://teachablemachine.withgoogle.com/train/image

🥷Le code n'utilise pas react mais webcomponent !

🪛pour info : https://dupontdenis.github.io/webcomponent/

Dépôt projet

https://docs.google.com/forms/d/e/1FAIpQLSfAi6H7SsXmwcQFIKzKskTqRl_XslAHUURheFaVmZEMihujdA/viewform?usp=sharing

🥷"C'est un langage orienté objet à prototype : les bases du langage et ses principales interfaces sont fournies par des objets. Cependant, à la différence d'un langage orienté objets à classes, les objets de base ne sont pas des instances de classes. En outre, les fonctions sont des objets de première classe. Le langage supporte le paradigme objet, impératif et fonctionnel."

🚀Source : https://fr.wikipedia.org/wiki/JavaScript

Les essentiels !

JS : basic

🆘prototype

🆘literal template

🆘Décomposition

🆘 l'opérateur ...

🆘Reduce

Immutable projet

Etude préliminaire

Le cas de map

Projet :

	const pizzas = [
	{ name: "queen", ingredients: ["🐷", "🍄", "🍅", "🧀"] },
	{ name: "cheese", ingredients: ["🧀", "🍅"] },
	{ name: "oriental", ingredients: ["🍅", "🐑", "🍄", "🌶"] },
	{ name: "royal", ingredients: ["🍅", "🌵"] },
	];

	export default pizzas;

view raw pizzas.mjs hosted with ❤ by GitHub

	const prices = new Map([
	["🍅", 1],
	["🐷", 2],
	["🌶", 2],
	["🍄", 5],
	["🧀", 5],
	["🐑", 2],
	["🌵", 10],
	]);

	export default prices;

view raw prices.mjs hosted with ❤ by GitHub

Affichez les prix des pizzas !

Les modules

Slides

Cours

🆒 Module ES6

TD

Try yourself

Projet

~~🆒 https://dupontdenis.github.io/SFP-Lib/~~

Vidéo

Immutable 🥷

Rappel : code

Illustrons maintenant la notion de mutable.

// Original items array
const items = [
  { id: "uuid_1", title: "Item 1" },
  { id: "uuid_2", title: "Item 2" },
  { id: "uuid_3", title: "Item 3" },
];

// 🪛 Immutable Delete
const deleteId = "uuid_2";
const itemsAfterDelete = items.filter((item) => item.id !== deleteId);

// 🐧Immutable Modify
const modifyId = "uuid_3";
const itemsAfterModify = itemsAfterDelete.map((item) =>
  item.id === modifyId ? { ...item, title: "Modified Item 3" } : item
);

// 🚀Immutable Add
const newItem = { id: "uuid_4", title: "Item 4" };
const itemsAfterAdd = [...itemsAfterModify, newItem];

// Logging for demonstration
console.log(
  `Original items array remains unchanged: ${JSON.stringify(items, null, 2)}`
);
console.log(
  `Items after deletion: ${JSON.stringify(itemsAfterDelete, null, 2)}`
);
console.log(
  `Items after modification: ${JSON.stringify(itemsAfterModify, null, 2)}`
);
console.log(
  `Items after adding a new item: ${JSON.stringify(itemsAfterAdd, null, 2)}`
);