Gamecodeur c’est à partir de 8 € / mois (facturé annuellement)
Installez en quelques minutes votre environnement de développement pour commencer à programmer en JavaScript et HTML5. Testez ensuite votre installation avec votre première ligne de code en JavaScript.
Votre badge de progression :
Hello,
En complément, j’ utilise les extensions :
« Prettier – Code formatter »: Permet de formatter le code lors que l’on sauvegarde le fichier.
« Material Icon Theme » : Jeu d’icones pour les fichiers ( pour le fun 🙂
Pas forcément indispensable, mais sympa à utiliser.
J’adore « Material Icon Theme ».
Pour Prettier, il faut avoir « Format on save » de VS Code activée, et un Formatter, par exemple pour Lua on a trixnz.vscode-lua. Je n’ai pas testé pour JS si il fallait une extension (je pensais que le formatter de JS était natif).
Salutations !
Petite info !
J’utilise HTML Snippets.
Dans VsCode, si tu tapes directement html sans les brackets, ça te propose un choix dans lequel tu rouveras html:5. Et hop, ça te met en place toute la structure d’un fichier html (doctype, head, html, body, etc).
Aussi, si tu tapes header, puis tab. ça crée direct .
En fait, pour tout les mots que tu tapes.
script:src donne
Très pratique ! 🙂
Perso avec emmet tu tappe juste « ! » et tab et ton squelette HTML est en place 🙂 vive emmet !
Avec Visual Code aussi
Bonjour,
Pour ma part impossible de lire la vidéo le lecteur affiche « Aucune vidéo n’a été ajoutée » et ceux dans beaucoup d’ateliers.
Quelqu’un a une idée
Merci
Tous est rentrré dans l’odre… youhou !!
Bonsoir,
Dans les parcours html5 et C, c’est indiqué en cours de production, j’ai aussi les messages « aucune vidéo ajoutée ».
Faut-il attendre une mise à jour du site ?
Je suis membre premium à vie.
Merci d’avance.
Il n’est plus indiqué « en cours de production » pour HTML5 à ma connaissance. La formation se termine et un bootcamp démarre lundi prochain (voir ma chaîne Youtube).
Pour le C, oui c’est en cours, la production reprendra en 2022.
Où est-il indiqué « aucune vidéo ajoutée » précisément ?
Bonsoir,
Par exemple sur cette page
J’ai le message « aucune vidéo n’a été ajoutée ». Idem pour tous les chapitres html et C.
Je ne regarde peut-être pas sur la bonne page.
Oui j’ai vu le bootcamp html et ça m’intéresse, format pratique et vraiment pas cher.
Tu as sûrement un antipub qui bloque les vidéos. Il y a bien des vidéos.
Merci beaucoup,
C’est bien l’antipub.
Bonjour,
Après avoir installé Live Server, quand je clique sur « Inspecter » ça ouvre le code du navigateur par défaut et non celui de l’extension Live server, comment faire ?
Et oui je l’ai bien ouvert depuis « Open with Live Server » et non depuis mon explorateur de fichiers.
Merci !
Je ne comprends pas. L’extension n’a rien a voir avec la fonction Inspecter.
L’extension sert a ouvrir un serveur local et à ouvrir le index.html avec ce serveur.
La fonction Inspecter est partie intégrante du navigateur et n’a aucun lien avec ça.
A toi, quand ouvre Inspecter, d’aller sur l’onglet Sources.
bonjour
sur la 1ere vidéo vous avez index HTML
ou est ce fichier ? j’ai telecharger visual installer les extension mais je n’ai pas ce fichier index html ? ou puis-je le trouver ?
Il faut le créer. Visual studio code n’est qu’un éditeur de texte il ne crée rien automatiquement.
Petit point mise à jour sur le cours : Brackets a été remplacé par Phoenix Code, mais son fonctionnement reste le même
Vous devez vous connecter pour publier un commentaire.
Accédez maintenant à notre serveur Discord privé : Entraide, Game Jams, Partage de projets, etc.
Vous devez être membre de la Gamecodeur School Premium pour être autorisé à accéder au serveur.
17 réflexions au sujet de “Programmation JavaScript / HTML5 : Installation de l’environnement de développement et première ligne de code”
Hello,
En complément, j’ utilise les extensions :
« Prettier – Code formatter »: Permet de formatter le code lors que l’on sauvegarde le fichier.
« Material Icon Theme » : Jeu d’icones pour les fichiers ( pour le fun 🙂
Pas forcément indispensable, mais sympa à utiliser.
J’adore « Material Icon Theme ».
Pour Prettier, il faut avoir « Format on save » de VS Code activée, et un Formatter, par exemple pour Lua on a trixnz.vscode-lua. Je n’ai pas testé pour JS si il fallait une extension (je pensais que le formatter de JS était natif).
Salutations !
Petite info !
J’utilise HTML Snippets.
Dans VsCode, si tu tapes directement html sans les brackets, ça te propose un choix dans lequel tu rouveras html:5. Et hop, ça te met en place toute la structure d’un fichier html (doctype, head, html, body, etc).
Aussi, si tu tapes header, puis tab. ça crée direct .
En fait, pour tout les mots que tu tapes.
script:src donne
Très pratique ! 🙂
Perso avec emmet tu tappe juste « ! » et tab et ton squelette HTML est en place 🙂 vive emmet !
Avec Visual Code aussi
Bonjour,
Pour ma part impossible de lire la vidéo le lecteur affiche « Aucune vidéo n’a été ajoutée » et ceux dans beaucoup d’ateliers.
Quelqu’un a une idée
Merci
Tous est rentrré dans l’odre… youhou !!
Bonsoir,
Dans les parcours html5 et C, c’est indiqué en cours de production, j’ai aussi les messages « aucune vidéo ajoutée ».
Faut-il attendre une mise à jour du site ?
Je suis membre premium à vie.
Merci d’avance.
Il n’est plus indiqué « en cours de production » pour HTML5 à ma connaissance. La formation se termine et un bootcamp démarre lundi prochain (voir ma chaîne Youtube).
Pour le C, oui c’est en cours, la production reprendra en 2022.
Où est-il indiqué « aucune vidéo ajoutée » précisément ?
Bonsoir,
Par exemple sur cette page
J’ai le message « aucune vidéo n’a été ajoutée ». Idem pour tous les chapitres html et C.
Je ne regarde peut-être pas sur la bonne page.
Oui j’ai vu le bootcamp html et ça m’intéresse, format pratique et vraiment pas cher.
Tu as sûrement un antipub qui bloque les vidéos. Il y a bien des vidéos.
Merci beaucoup,
C’est bien l’antipub.
Bonjour,
Après avoir installé Live Server, quand je clique sur « Inspecter » ça ouvre le code du navigateur par défaut et non celui de l’extension Live server, comment faire ?
Et oui je l’ai bien ouvert depuis « Open with Live Server » et non depuis mon explorateur de fichiers.
Merci !
Je ne comprends pas. L’extension n’a rien a voir avec la fonction Inspecter.
L’extension sert a ouvrir un serveur local et à ouvrir le index.html avec ce serveur.
La fonction Inspecter est partie intégrante du navigateur et n’a aucun lien avec ça.
A toi, quand ouvre Inspecter, d’aller sur l’onglet Sources.
bonjour
sur la 1ere vidéo vous avez index HTML
ou est ce fichier ? j’ai telecharger visual installer les extension mais je n’ai pas ce fichier index html ? ou puis-je le trouver ?
Il faut le créer. Visual studio code n’est qu’un éditeur de texte il ne crée rien automatiquement.
Petit point mise à jour sur le cours : Brackets a été remplacé par Phoenix Code, mais son fonctionnement reste le même
https://phcode.dev/