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.
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 typescriptComment vérifier si TypeScript est installé ? 🛠
Ouvrez le terminal et entrez :
tsc --versionSi 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 ! 😊
