Pages

Introduction JS : semaine du 27/04



Programme


Remise du projet


deadline 10/05

Challenge 1



Voici un prototype : http://dupontcours.free.fr/Games/Guess/

Environnement



Mise en place


Vous allez suivre la formation JS proposée par Jérémy

Suite à ma demande, Jérémy vous propose :
"... de regarder directement depuis l'adresse de ma playlist YouTube publique du module débutant :

Ça leur évitera d'avoir à rentrer leur email sur mon site et de subir mes emails marketing ensuite ;-)."



Interview

Jérémy combien de temps consacres tu à la création d'une vidéo ?

" ... Pour 15 min de vidéo (une leçon), ça me prend en général 4 jours à plein temps, soit une trentaine d'heures.
Ecriture du script 1 jour et demi à 2j (collecte des infos + synthèses + création du code qu'on va voir dans la vidéo), montage vidéo une demie-journée, transcription (sous-titres) 1h, création d'exercices quand il y en a 2h à 4h."

Programme 


Voici la liste de vidéos à étudier : 


Remarque : Jérémy installe sous Mac, l'installation sous Windows ne devrait vous poser aucun problème.

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.

MultiCursorEditing

PythonTutor

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

⇀ création d'un dictionnaire



Chrome

Votre navigateur !

J'ai choisi de travailler avec Chrome. 

Pour couper court aux discussions, je vous signale que la Miage d'Evry a été la seule Université Européenne à travailler en direct avec Mozilla Projet Commet. Le photographe devait être SUPERDupont, nous étions à l'époque au Bat. C. de l'Université, IBISC un terrain vague !

Les collaborations continuent, sachez qu'en Master, vous travaillerez avec Michel Buffa, de l'Université de Nice, membre du W3C.

Voici ce qu'il m'écrit :
"Tu as aussi BabylonJS à montrer si tu veux.... plein de mes élèves font un concours de prog avec ça en ce moment. Je ne peux pas te montrer encore ce qu'ils ont fait, mais va sur la page officielle, en bas y'a plein plein de démos (https://www.babylonjs.com/)"

Il me resterait à vous dire que chez Microsoft, c'est du très lourd également !



L’environnement de travail

Notre environnement de travail sera 

Vous devez installer tous ces logiciels sur votre machine !

Deux interfaces de communications

Semaine du 20/04

Ramasser des cerises

Programme

Environnement




Les mesures de continuité d’activité

 ↑ Suivez votre agenda virtuel ↑


Qui sommes nous !

Moi, 

c'est Monsieur Dupont !



Vous !

J'aimerais connaitre votre affinité avec JS, pour cela lisez le document  JS et Moi !

Indiquez ensuite le nombre de cerises mangées à l'aide du formulaire suivant !

Année 2020/21



Une nouvelle aventure commencera à partir du lundi 20 Avril.