Et, oui, mais pour cela, il me faut des outils de gros fainéant. Et si on commençait avec un éditeur de rêve !
Visual studio
VS est un éditeur qui tire sa force de IntelliSense, nous verrons cela plus tard.
Pour le moment découvrons quelques "fainéantises"
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 theAltkey (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.
Un programme est un texte, l'histoire qu'il raconte un algorithme. La programmation son écriture. Et le langage varie suivant sa rédaction.
La rédaction dépendra du style de programmation (programmation impérative, fonctionnelle, programmation logique, programmation orientée objet …)
Prenons un exemple : "On doit retrouver la grand-mère maternelle, connaissant la mère".
Le tableau suivant résumerait les différents styles d'écriture :
impératif
fonctionnelle
logique
objet
Partie Déclaration
Y
Partie Affectation
Y = mère de X;
Y = mère de Y;
Fonction
afficher, mère
Pour X afficher la mère de la mère de X
Prédicat
mère(U,V)
si mère(x,y) et mère(y,z) alors grand-mère(x,z)
Class
individu
méthode : mère
grd-mère : [[this mère] mère]
La mauvaise nouvelle est qu'il va falloir ajouter une ième colonne. JS est un langage objet à prototype !
Il n'y a pas de classes en JS. La fonction est la pierre angulaire car c'est elle qui possède un prototype qui permet de mettre en place une chaîne d'héritage.
Mais, si on s'amuse à comparer les index des cours de langages de programmation. Voici les index des cours de langage C et de JS du site Openclassroom.
Le constat serait frappant : les plans de cours se ressemblent.
En effet, si l’ordinateur représente les données en binaire, nous voulons penser nos données de façon plus naturelle (des nombres, des dates …), les manipuler facilement à l'aide de boucles dans des structures de plus hauts niveaux (les tableaux …) ; et ceci quelque soit le langage utilisé.
Ç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 pour commencer :
