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

JS un langage à prototype

 🥷"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 !