Programmation JavaScript / HTML5 : Installation de l’environnement de développement et première ligne de code

Retour au parcours HTML5

Installation de l’environnement de développement et première ligne de code

Adhérez aujourd'hui

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 :

Voir votre progression

Comments (16)

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 ! 🙂

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.

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.

Laisser un commentaire

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Comments (16)

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 ! 🙂

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.

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.

Laisser un commentaire

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Dialoguez avec les autres membres de la gamecodeur school.

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.