Things You Don't Know About JavaScript in 2023 with CHRISTOPHE PORTENEUVE — SmashingConf Freiburg 23
…
Tous nos cours vidéo
Vous trouverez ici nos tutoriels vidéos sur les sujets techniques souvent complémentaires à nos formations synchrones, mais aussi nos interventions en conférences et interviews auxquelles nous avons participé.
-
-
React PWA : la meilleure formation pour être efficace avec React
4 jours pour apprendre à faire du web front moderne avec une productivité au top : ES2015+, React, Redux avec Redux Toolkit, TDD… -
Ce RÉGLAGE GIT qui va CHANGER TA VIE
Sais-tu vraiment ce que fais un “git pull” et pourquoi c’est mieux de le faire en mode rebase ?
Git gère notre travail local su… -
T'as OUBLIÉ DE BRANCHER avec Git ? ZÉRO. SOUCI.
Tu pensais avoir créé une branche dev depuis main et tu as créé plusieurs commits avant de te rendre compte que tu étais tou… -
ANNULER UN REBASE avec Git
Défaire un rebase c’est simple comme bonjour !
Même si on rejoue 100 commits, HEAD aura peut être subit autant de déplacements,… -
Git et la MAGIE du rebase interactif
Lorsqu’on lance un rebase en mode interactif, Git nous ouvre la liste des commits du plus ancien en haut au plus récent en bas d… -
Git rebase pour NETTOYER UNE BRANCHE
Très souvent on utilise rebase pour modifier des commits sur notre branche actuelle. Pour ça on part du commit qui précède le pr… -
Les étapes du rebase en Git
Quand on rebase une branche, voici comment Git découpe l’opération :
Il analyse l’intervalle à rejouer.
Il détache HEAD sur… -
Mettre à jour une branche avec Git rebase
Il arrive fréquemment qu’on ait besoin de mettre à jour une branche sur une autre. Par exemple, si j’ai une branche main qui a… -
Annuler une fusion en "fast forward" avec Git
Quand on fusionné une branche dev dans une branche main en fast-forward, on a fait avancer main en pointant l’étiquette de… -
ANNULER UNE FUSION classique en Git
Quand on a fusionné une branche dev dans une branche main, on a fait avancer main en faisant pointer l’étiquette de la bra… -
git fusion
git fast forward
fusion en fast forward
video
Les fusions en "fast forward" avec Git
La fusion en fast-forward ou “avance rapide” c’est le comportement par défaut de Git, sauf si on le configure autrement, et qui … -
git merge
fusion git
video
Les fusions classiques avec Git
Quand on a fusionné une branche dev dans une branche main, on a fait avancer main en faisant pointer l’étiquette de la bra… -
DÉFAIRE et REFAIRE des COMMITS avec Git
Git nous permet de défaire, d’annuler et même de refaire des commits. Par exemple si j’ai fait un commit dont je ne veux plus, i… -
git reflog
reflog
video
Le reflog Git
Le reflog c’est comme ton tracé GPS pour aller d’un point A à un point B. Pas le tracé optimal, non, le tracé tout foiré où tu a… -
git garbage collector
video
Nettoyage dans Git avec le garbage collector
Puisqu’avec Git on manipule essentiellement des références et qu’on ne supprime rien, il faut un mécanisme pour faire du nettoya… -
git branches
video
Les BRANCHES Git sont des ÉTIQUETTES !
Quand on crée une branche dans un projet Git, on crée en fait une étiquette, un pointeur sur un commit donné. Ça implique donc q… -
git chaînage
chaîne des commits
video
Git et le chaînage des commits
On voit souvent dans les docs des schémas Git montrant des commits avec les flèches vers le bas quand l’axe du temps va vers le … -
objets git
git tree
git commit
git blob
video
Y'a QUOI dans un dépôt Git ?!
Git est géré comme un système de fichiers. Nos fichiers ajoutés sont stockés sous forme de blobs, sorte de photos des contenus. … -
git zones
video
Les 5 zones Git
Git possède 3 zones principales et 2 zones secondaires. Les principales sont celles qu’on utilise le plus souvent pour créer nos… -
formation git git total
video
Git Total, la formation Git de référence
Git Total c’est 21 heures de formation sur 3 jours ou 5 demi-journées avec un super formateur trop sympa 🙂.
On t’apprend a êtr… -
ecmascript
protip
this
arrow-functions
functions
scope
closure
portée
video
LA VÉRITÉ sur le THIS dans les FONCTIONS FLÉCHÉES en JS !
Adieu les idées reçues et modèles mentaux pourris : après le détail pour les fonctions non fléchées, voici celui des fonctions f… -
ecmascript
this
binding
portée
scope
closure
video
ENFIN COMPRENDRE le this en JS !!!
Une minute pour comprendre comment marche par défaut “this” en JS dans les fonctions non fléchées (y’a un autre short pour le ca… -
short
protip
ecmascript
api
video
JS : top astuce pour manipuler les paires clé-valeur d'un objet !
for-in ou for-of ? Object.keys() ou Object.entries() ? Le point en moins d’une minute.… -
ecmascript
intl
displaynames
i18n
l10n
video
JS : l'astuce de fou pour des listes de noms internationalisés !
Une minute pour découvrir la puissance de Intl.DisplayNames, une API trop mal connue.
https://developer.mozilla.org/fr/docs/Web… -
ecmascript
protip
function
hoisting
video
JS : déclarations ou expressions de fonctions ?
Pourquoi préférer une déclaration la plupart du temps ? Une minute pour comprendre les intérêts du hoisting.… -
format-patch
git am
git apply
tuto git
apprendre git
patches
git patches
video
Reporter des commits d'un projet vers un autre avec Git
On avait vu dans l’épisode précédent comment reporter les commits d’une branche vers une autre sur un même projet à l’aide du ch… -
Vous allez KIFFER ce nouveau format !
Ça fait un moment qu’on réfléchit à un format qui nous permette de dispenser des formations à un maximum de gens, surtout celles… -
[DEVFEST Lille 2023] - L'asynchrone en JS sans le cringe
Christophe Porteneuve.
Toi aussi, avoue-le : ton code fait n’importe quoi avec les promesses. Du mélange des genres entre async/… -
cherry-pick
tutoriel git
formation git
apprendre git
video
"git cherry-pick", ou comment copier-coller des commits
Le cherry-picking c’est génial pour reporter un correctif ou une fonctionnalité d’un endroit à un autre en un rien de temps.
At…