dupontL3

Test :

Cloner le dépôt dans VS https://github.com/dupontdenis/fakeWait

Dans un terminal, lancez la commande

C:\Users\DD\Desktop\asyncGit\fakeWait> npm install

C:\Users\DD\Desktop\asyncGit\fakeWait>npm start

> fakeWait@1.0.0 start C:\Users\DD\Desktop\asyncGit\fakeWait

> node server.js

http://localhost:3000

Lancez votre navigateur sur http://localhost:3000

Vous pouvez alors simuler un accès bloquant ou pas à une base de données.

L'accès synchrone empêchera l'interaction avec un utilisateur, car les tâches seront en attente dans la boucle d'événement.

Le schéma suivant donne un aperçu de la façon dont tous ces mécanismes sont connectés.

La boucle d'événements est entourée d'autres processus qui s'exécutent en parallèle (traitement des entrées, événements ...). Ces processus communiquent avec elle en ajoutant des tâches à la file d'attente.

CE WE

Test

Vous devez comprendre toute la mécanique de ce code

let swap = (x,y) => [y,x];
let x=1, y=2;
[x,y] = swap(x,y);
console.log(`x=${x} y=${y}`)

➥ code dans Pythontutor

lig.1 : let, affectation, fonction fléchée

lig. 4 : Destructruration

lig. 5 : Template string https://youtu.be/ld_DhBH3cII?t=205

Revoir le passage des arguments : https://dupontdistanciel.blogspot.com/2020/10/passage-des-arguments.html

VS

J'aime être un fainéant !

Et, oui, mais pour cela, il me faut des outils de gros fainéant.

Visual studio

VS tire sa force de IntelliSense, nous verrons cela plus tard.

Pour le moment découvrons quelques "fainéantise"

Emmet

Créer un nouveau fichier avec l'extension .html.

Dans la fenêtre d'édition qui s'ouvre, tapez uniquement !

Votre curseur collé à ! tapez la touche tab ⇆

Le corps d'un fichier HTML apparaît, allez dans la balise <body> puis écrire le code

ul>.item{ liste $}*3

Votre curseur collé à 3 tapez la touche tab ⇆

En action

Multi-Cursor Editing

C'est super pratique. Votre curseur clignote à un endroit, pressez la touche Alt, allez sur un autre endroit et cliquez à gauche de la 🐭 : vous avez deux curseurs !

La documentation officielle :

To edit multiple instances of text within different sections of a document, you can use multi-cursor editing. This allows multiple cursors to be placed in different spots so text can be added, modified, or deleted.
To engage multi-cursor editing, press the Alt key (or Option key on a Mac) and use the mouse to place cursors throughout the document. Every click creates a cursor resulting in multiple cursors.

Environnement de travail

L’environnement de travail

Notre environnement de travail sera

Vous devez installer tous ces logiciels sur votre machine !

Interfaces de communications

Pythontutor
Github

PythonTutor

Une seule démo devrait vous convaincre de sa puissance "Pédagogique".

⇀ création d'un dictionnaire

Prise en charge des langages (demo)

Projet

Projet : Les soldes !