0Pricing
JavaScript Academy · Leçon

Littéraux de gabarit et opérations courantes sur les chaînes

Utilisez les littéraux de gabarit et les méthodes essentielles des chaînes ; découvrez rapidement les nombres et les bases de Date

Littéraux de gabarit et opérations courantes sur les chaînes est une leçon JavaScript Academy gratuite sur CoddyKit. Ceci est la leçon 1 sur 3. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage JavaScript Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours JavaScript Academy comprend 3 leçons au total.

Introduction

Objectif : formater du texte avec des littéraux de modèle et utiliser des méthodes simples sur les chaînes. Découvrez ensuite brièvement les nombres et les dates.

  • Littéraux de modèle
  • Opérations courantes sur les chaînes
  • Arrondi sûr
  • Bases des dates
Littéraux de gabarit et opérations courantes sur les chaînes — illustration 1

Bases des littéraux de modèle

Utilisez des accents graves et ${} pour insérer directement des valeurs. Le texte sur plusieurs lignes est également facile à écrire.

// Template literals use backticks and ${}
// They support variables, expressions, and multi-line text
const name = "Ayla";
const score = 7;
const msg = `Hello, ${name}! Your score is ${score * 10}.`;

console.log(msg);

const lines = `Line 1
Line 2`;
console.log(lines);
Littéraux de gabarit et opérations courantes sur les chaînes — illustration 2

Tour d'horizon des méthodes de chaîne

Entraînez-vous avec length, trim, toUpperCase, includes, indexOf et slice.

// Common string methods on a small example
const title = "  JavaScript Basics  ";

console.log("Length:", title.length);
console.log("Trim:", title.trim());
console.log("Upper:", title.toUpperCase());
console.log("Includes JS:", title.includes("JavaScript"));
console.log("Index of B:", title.indexOf("B"));
console.log("Slice 2..6:", title.slice(2, 6));
Littéraux de gabarit et opérations courantes sur les chaînes — illustration 3

Formatage concis

Les modèles sont plus courts et plus faciles à lire que les longues chaînes de concaténations avec +.

// Concatenation with + versus template literals
const user = "Mina";
const points = 12;

const viaPlus = "User: " + user + ", Points: " + points;
const viaTpl = `User: ${user}, Points: ${points}`;

console.log(viaPlus);
console.log(viaTpl);
Littéraux de gabarit et opérations courantes sur les chaînes — illustration 4

Bases de l'arrondi

Utilisez Math.round, floor et ceil pour obtenir des entiers. toFixed renvoie une chaîne avec un nombre fixe de décimales.

// Numbers: integers, floats, and rounding helpers
const price = 4.35;
const qty = 3;

const total = price * qty;
console.log("Total raw:", total);

console.log("Math.round:", Math.round(total));
console.log("Math.floor:", Math.floor(total));
console.log("Math.ceil:", Math.ceil(total));

// toFixed returns a string with fixed decimals
console.log("toFixed(2):", total.toFixed(2));
Littéraux de gabarit et opérations courantes sur les chaînes — illustration 5

Tour d'horizon rapide des dates

Créez un Date avec new Date(). Lisez ses composants avec des accesseurs et affichez ISO dans un format standard.

// Date basics: now, parts, and ISO output
const now = new Date();

console.log("Now:", now.toString());
console.log("Year:", now.getFullYear());
console.log("ISO:", now.toISOString());
Littéraux de gabarit et opérations courantes sur les chaînes — illustration 6

Quiz sur les littéraux de modèle

Vérification rapide : accents graves et ${}.

Littéraux de gabarit et opérations courantes sur les chaînes — illustration 7

Récapitulatif

Récapitulatif : vous avez utilisé des littéraux de modèle, pratiqué les principales méthodes de chaîne, arrondi des nombres en toute sécurité et créé ou affiché des dates.

Littéraux de gabarit et opérations courantes sur les chaînes — illustration 8

Questions Fréquemment Posées

La leçon « Littéraux de gabarit et opérations courantes sur les chaînes » est-elle gratuite ?

Oui — le texte complet de « Littéraux de gabarit et opérations courantes sur les chaînes » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours JavaScript Academy, passe à CoddyKit PRO. Le cours JavaScript Academy comprend 3 leçons au total.

Qu'est-ce que j'apprendrai dans « Littéraux de gabarit et opérations courantes sur les chaînes » ?

Utilisez les littéraux de gabarit et les méthodes essentielles des chaînes ; découvrez rapidement les nombres et les bases de Date Tu pratiques JavaScript Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.

Dois-je avoir de l'expérience pour commencer JavaScript Academy ?

Aucune expérience préalable n'est requise. JavaScript Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 1 sur 3.

Combien de temps prend la leçon « Littéraux de gabarit et opérations courantes sur les chaînes » ?

La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.

Peux-tu écrire et exécuter du code dans cette leçon JavaScript Academy ?

Oui. Chaque leçon JavaScript Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.

Toutes les leçons de ce cours

  1. Littéraux de gabarit et opérations courantes sur les chaînes
  2. Nombres — entiers ou nombres à virgule flottante et notions essentielles de Math
  3. Dates — notions de base, fuseaux horaires, Intl.DateTimeFormat
← Retour à JavaScript Academy