{}const=>[]async()letfn</>var
BasesDéveloppementAperçu

TypeScript — un JavaScript puissant avec des types ! 💡

TypeScript est une extension JavaScript qui ajoute un typage strict et rend le code plus fiable. Il est largement utilisé dans le développement d'applications Web, la programmation de serveurs et l'automatisation. Dans cet article, vous apprendrez à installer TypeScript, à travailler avec des variables, des boucles, des conditions et à écrire vos premiers programmes ! Tout est simple et accessible même pour les débutants. 🚀

К

Kodik

Auteur

3 min de lecture

Qu'est-ce que TypeScript ? 💡

TypeScript (TS) est un langage de programmation créé par Microsoft qui étend les capacités de JavaScript en ajoutant typage strict. Cela rend le code plus prévisible et réduit le nombre d'erreurs. 🚀

TypeScript est compilé en JavaScript ordinaire, ce qui vous permet de l'utiliser dans n'importe quel projet où JS fonctionne.

Pourquoi apprendre TypeScript ? 🎯

  • Sécurité : la typification évite les erreurs.

  • Lisibilité : le code devient plus clair.

  • Prise en charge ES6+ : les nouvelles fonctionnalités JavaScript fonctionnent sans problème.

  • Compatibilité : peut être utilisé dans n'importe quel projet JS.

🔥 100 000+ étudiants déjà avec nous

Marre de lire la théorie ?
Il est temps de coder !

Kodik — une appli où tu apprends à coder par la pratique. Mentor IA, leçons interactives, projets réels.

🤖 IA 24/7
🎓 Certificats
💰 Gratuit
🚀 Commencer
Ont rejoint aujourd'hui

Comment installer TypeScript ? 💻

Pour travailler avec TypeScript, vous aurez besoin de :

  • Node.js (pour exécuter le code). Vous pouvez le télécharger à partir de site officiel.

  • Compilateur TypeScript. Vous pouvez l'installer via le terminal :

npm install -g typescript

Comment vérifier si TypeScript est installé ? 🛠

Ouvrez le terminal et entrez :

tsc --version

Si TypeScript est installé, sa version apparaîtra. Vous pouvez maintenant écrire du code ! 🚀

Bases de la syntaxe TypeScript 📚

1. Variables 📦

Dans TypeScript, les variables sont déclarées avec indication des types.

Exemple de déclaration de variable :

let name: string = "Alice";   // Ligne
const age: number = 25;       // Nombre
let pi: number = 3.14;        // Nombre à virgule flottante
let isStudent: boolean = true; // Valeur booléenne

console.log(`Name: ${name}, Age: ${age}, Pi: ${pi}, Student: ${isStudent}`);

2. Sortie de données 📤

Pour afficher les données dans la console, on utilise console.log().

Exemple :

console.log("Hello, TypeScript!");

3. Opérateurs conditionnels (if...else) 🧐

Permettre au programme de prendre des décisions.

Exemple :

let age: number = 20;

if (age >= 18) {
    console.log("You're an adult!");
} else {
    console.log("You're still a child.");
}

4. Boucles (for, while) 🔄

Les cycles vous permettent d'effectuer la même action plusieurs fois.

Exemple :

for (let i: number = 1; i <= 5; i++) {
    console.log(i);
}

5. Fonctions 📐

Les fonctions aident à structurer le code.

Exemple :

function square(x: number): number {
    return x * x;
}

console.log("Square of the number 5:", square(5));

Projets simples sur TypeScript 💡

1. Générateur de nombres aléatoires 🎲

Le programme génère un nombre aléatoire de 1 à 100.

function getRandomNumber(): number {
    return Math.floor(Math.random() * 100) + 1;
}

console.log("Random number:", getRandomNumber());

2. Filtre des nombres pairs 🔢

La fonction filtre les nombres pairs du tableau.

function filterEvenNumbers(numbers: number[]): number[] {
    return numbers.filter(num => num % 2 === 0);
}

console.log(filterEvenNumbers([1, 2, 3, 4, 5, 6]));

3. Vérification de la ligne pour le palindrome 🔄

Le programme vérifie si la ligne est un palindrome.

function isPalindrome(str: string): boolean {
    const cleanStr = str.toLowerCase().replace(/[^a-z0-9]/g, '');
    return cleanStr === cleanStr.split('').reverse().join('');
}

console.log("Is 'racecar' a palindrome?", isPalindrome("racecar"));

4. Compter les mots dans une ligne 🔢

La fonction compte le nombre de mots dans une ligne.

function countWords(text: string): number {
    return text.split(" ").length;
}

console.log("Number of words in 'Hello, TypeScript world!':", countWords("Hello, TypeScript world!"));

5. Suite de Fibonacci 🔢

Le programme calcule les 10 premiers nombres de la séquence de Fibonacci.

function fibonacci(n: number): number[] {
    let fib: number[] = [0, 1];
    for (let i = 2; i < n; i++) {
        fib.push(fib[i - 1] + fib[i - 2]);
    }
    return fib;
}

console.log("The first 10 Fibonacci numbers:", fibonacci(10));

Conclusion 🎉

TypeScript est un outil de développement puissant qui rend le code plus fiable. Nous avons analysé ses bases : variables, entrée/sortie, conditions, boucles et fonctions. Vous pouvez maintenant écrire vos premiers programmes ! 🚀

Plus tu t'entraînes, meilleur devient ton code. Expérimentez, essayez de nouvelles tâches et maîtrisez la programmation ! Bonne chance pour apprendre TypeScript ! 😊

🎯Arrête de reporter

Tu as aimé l'article ?
Place à la pratique !

Avec Kodik, tu ne lis pas seulement — tu codes immédiatement. Théorie + pratique = vraies compétences.

Pratique instantanée
🧠L'IA explique le code
🏆Certificat

Sans inscription • Sans carte