Image

TypeScript est un langage de programmation open source destiné à optimiser l'utilisation de JavaScript. Apparu en 2012, il a été créé par Anders Hejlsberg au sein de l'entreprise Microsoft.

DÉBUTANT(E)

⇒ Exemples de codes

→ Vous devez être bilingue (Fr/En). Les exemples de code sont en Anglais.

→ Commençons par des codes très simples. Plus vous progresserez, page après page, plus les scripts seront sophistiqués. Vous devrez cependant parcourir 30 à 40 pages par niveau, avant de passer à l'étape suivante…

→ Pour évaluer vos codes, cliquez sur l'icône en bas à gauche de la page (roues dentées), puis choisissez un compilateur dans la liste qui s'ouvrira dans un autre onglet. Pour finir, testez votre travail.

À VOUS DE REPRODUIRE ET DE VOUS IMMERGER !

C 0001 - Hello World !
Reproduisez ce code (ne pas copier-coller !).

console.log('Hello world!');
C 0002 - Multiplication
Reproduisez ce code (ne pas copier-coller !).

function multiply(a: number, b: number) { return a * b;
}

console.log(multiply(6,8))
C 0003 - Valeurs
Reproduisez ce code (ne pas copier-coller !).

class NamedValue<T> { private _value: T | undefined;

constructor(private name: string) {}

public setValue(value: T) {
this._value = value;
}

public getValue(): T | undefined {
return this._value;
}

public toString(): string {
return `${this.name}: ${this._value}`;
}
}

const value = new NamedValue<number>('myNumber');

value.setValue(24);

console.log(value.toString()); // myNumber: 24
C 0004 - Types d'objets
Reproduisez ce code (ne pas copier-coller !).

const city: { type: string, kmdistance?: number } = {
  type: "New York"
};

city.kmdistance = 6000;

console.log(city);

C 0005 - Types d'objets
Reproduisez ce code (ne pas copier-coller !).

const city: { type: string, kmdistance?: number } = {
  type: "New York"
};

city.kmdistance = 6000;

console.log(city);

const beach: { type: string, kmdistance?: number } = {
  type: "Kenuga Beach"
};

beach.kmdistance = 8000;

console.log(beach);

C 0006 - Valeurs
Reproduisez ce code (ne pas copier-coller !).

class NamedValue<T> { private _value: T | undefined;

 constructor(private name: string) {}

 public setValue(value: T) {
 this._value = value;
 }

 public getValue(): T | undefined {
 return this._value;
 }

 public toString(): string {
 return `${this.name}: ${this._value}`;
 }
}

const value = new NamedValue<number>('myNumber');

value.setValue(44);

console.log(value.toString()); // myNumber: 44

C 0007 - Multiplication
Reproduisez ce code (ne pas copier-coller !).

function multiply(a: number, b: number, c:number) { return a * b * c;
}

console.log(multiply(6,8,10))
C 0008 - Multiplication
Reproduisez ce code (ne pas copier-coller !).

function multiply(a: number, b: number, c:number, d:number, e:number) { return a * b * c * d * e;
}

console.log(multiply(6,8,10,12,14))
Image

CHOOSE YOUR COMPILER

Reproduce this code, choosing one of the compilers below (don't copy and paste! It would be too easy). They all have the same function, just choose one according to your preferences.

When copying your code, replace the existing (default) code already in the compiler with your own.

Warning! For some of these compilers, you must choose the programming language yourself from the menu that is then offered. Of course, don't forget to click on RUN!

Code

Versions récentes

Outils/Méthodologies

Test

Info+

» Date de création : 2012
* Créé par Anders Hejlsberg chez Microsoft
* Développé par Microsoft
* Écrit en Javascript et TypeScript
* Multiplateforme
* Licence Open Web Foundation

Actualité

Les commentaires que vous nous laissez sont systématiquement soumis à une modération rigoureuse. Les incivilités et calomnies, les menaces, les intimidations de toutes sortes, plus globalement toutes les violences verbales gratuites, ou bien la diffusion d’informations non vérifiées… ne sont pas tolérées. Nous nous réservons en outre le droit de ne publier que les commentaires qui font effectivement avancer le débat et permettent une meilleure compréhension du sujet traité par l'article présenté sur cette page (ainsi que toutes ses ramifications) et ce, quelle qu’en soit la teneur globale.

Image

Fond of Code TM © ®
All rights reserved - Protected Trademark/Logo (INPI)

Structures légales basées à
Nice - FRANCE

Montréal - Canada
Sur RDV...

SIRET : 41138921600028 (France)
Inc. : 661515-5 (Canada, Qc.)
Reprise officielle en France : mars 2025
Mise en place : juillet 2024
Lancement de l'activité : 1996 (Europe et Amérique du Nord)
Nouvelle version du site : avril 2025

Image