dupontL2

Examen

Donnez le corps de la fonction some(array, test) qui teste si au moins un élément du tableau en argument passe le test implémenté.

→ Soit la BD d'animaux, comprenant des 🐶 et des chats 🐱.

Animals = [{name: 'But',age: 3,type: 🐶},{name: 'Lizzy',age: 6,type:🐶}, … ];

La fonction getAges, calcule la somme des âges des chiens en équivalent humain (1 an pour un homme est équivalent à 7 ans pour un chien)

function getAges(array) {
let sum = 0;
for (var i = 0; i < array.length; i++){
if (array[i].type === 🐶){
let tempAge = array[i].age;
sum += (tempAge * 7); } }
return sum; }

Écrivez la fonction getAges sous la forme Animals.filter(?).map(?).reduce(?);

→ Soit la BD des étudiants L2 = [{name: "bob", age: 18, notes: [12,18,14]}, {name: "Abdel", age: 21, notes: [17, 04]}, ...]

Donnez les noms des étudiants par génération (même âge).

Donnez les deux étudiants qui ont eu les meilleures notes.

→ Affichez (DOM) la liste (ul) des noms, avec en rouge ceux qui ont au moins une note inférieure au plafond de 05/20.

→ Affichez (DOM) la liste (ul) des noms avec pour effet "hover" la moyenne de l'étudiant qui s'affiche. Le CSS fourni est : li:hover:before{content: attr(data-average)}

→ ⌨️Application

Donnez le code pour l'application clavier !

🧮Projet : Calculette

🧮Etat interne

Dans cette partie, nous recherchons les variables et fonctionnalités de notre application.

Il nous faut déterminer l'état interne de notre application.

→ Il en découle la déclaration des variables internes de notre programme et les fonctions.

Test : code

➕DOM

Quel sera le HTML.

Nous allons récupérer les éléments de notre vue au travers du DOM.

🚀Interaction

Nous allons mettre en place le code JS qui permet l'interaction avec les différents boutons.

Plus d'infos »

Cours : formulaire

Délégation :

Pour information, la délégation est si importante, que nous pouvons dans des applications métiers PRO, créer des fonction de haut niveau.🎲en action

Formulaire:

base : https://github.com/dupontdenis/Form.git

How forms work : 🪛→ simple use

🍕En action : select pizza

Révisions :

Code

https://dupontdenis.github.io/revisionMethods/

Bilan

Etudes des transformations

Affichage en cohortes : Bootstrap[accordion]

https://dupontdenis.github.io/cohorteAccordeon/

Affichages en cohortes : Grid

https://dupontdenis.github.io/cohorteStudents/

Examen : training

export const students = [

    { name: "Alice", cohorte: "l2info", mark: 15 ,img: "https://randomuser.me/api/portraits/women/1.jpg",},
    { name: "Bob", cohorte: "DDI", mark: 8,img: "https://randomuser.me/api/portraits/men/12.jpg", },
    { name: "Charlie", cohorte: "DDD", mark: 18,img: "https://randomuser.me/api/portraits/men/1.jpg", },
    { name: "David", cohorte: "l2info", mark: 12 ,img: "https://randomuser.me/api/portraits/women/31.jpg",},
    { name: "Eve", cohorte: "DDI", mark: 0 ,img: "https://randomuser.me/api/portraits/women/21.jpg",},
  ];

La secrétaire me demmande de placer les étudiants par cohorte.

🪛 Créez l'interface pour visualiser les 3 cohortes avec la liste des étudiants.

dupontL2

Pages

Liste projets

Interface

Application

API :

Base de données

🆘 Installation : mongodb →