Débutant(e)
Image

JavaScript est un langage de programmation (♦ voir DEFplus particulièrement de scripts destinés aux pages web interactives et  App. Web, créé en 1995.

JavaScript est un langage orienté objet, dît à prototype.

Exemples de codes

→ Commençons par des codes très simples. Plus vous progresserez, page après page, plus les scripts seront sophistiqués. Vous devez néanmoins passer le cap de 30 à 40 pages par niveau, avant de passer à la prochaine étape...

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

MAINTENANT, RECOPIEZ ET IMPRÉGNEZ-VOUS !

C 0001 - Bonjour tout le monde !

Reproduisez ce code (ne le copier-coller pas!).
<!DOCTYPE html>
<html>
<body>
<h2>Exemple</h2>
<p id="example1">JavaScript peut changer du contenu</p>
<button type="button" onclick='document.getElementById("example1").innerHTML = "Bonjour tout le monde !";'>Cliquer sur le bouton !</button>
</body>
</html>

C 0002 - Liste

Reproduisez ce code (ne le copier-coller pas!).
<!DOCTYPE html>
<html>
<body>
<h2>Méthodes de tableau en JavaScript</h2>
<h2>join()</h2>
<p>La méthode join() joint les éléments du tableau dans une chaîne.</p>
<p>Dans cet exemple, " / " agit comme séparateur entre les éléments présentés :</p>
<p id="demo"></p>
<script>const peintres = ["Vermeer", "Picasso", "Leonardo da Vinci", "Vincent van Gogh"];document.getElementById("demo").innerHTML = peintres.join(" / ");</script>
</body>
</html>

C 0003 - POPUP

Reproduisez ce code (ne le copier-coller pas!).
<!DOCTYPE html>
<html>
<body>
<h2>POPUP</h2>
<p>Exemple</p>
<script>window.alert(189 + 3454);
</script>
</body>
</html>

C 0004 - Comparer deux données

Reproduisez ce code (ne le copier-coller pas!).
<!DOCTYPE html>
<html>
<body>
<h2>Comparer deux données pour votre départ à la retraite</h2>
<p>Tapez votre âge :</p>
<input id="age" value="67" />
<button onclick="myFunction()">Comparez</button>
<p id="demo"></p>
<script>function myFunction() {  let age = document.getElementById("age").value;  let see = (age < 67) ? "Trop jeune ":"Assez âgé ";  document.getElementById("demo").innerHTML = see + "pour partir à la retraite.";}</script></body>
</html>

Icon

CHOISISSEZ VOTRE COMPILATEUR

Reproduisez ce code, en choisissant l'un des compilateurs (♦ voir DEF.) ci-dessous (ne copiez-collez pas ! Ce serait trop facile). Tous ont la même fonction, choisissez-en un en tenant simplement compte de vos préférences.

Lorsque vous copiez votre code, remplacez le code existant (par défaut) figurant déjà dans le compilateur, par le vôtre.

Attention ! Pour certains de ces compilateurs, vous devez vous-même choisir le langage de programmation, dans le menu qui vous est alors proposé. Bien évidemment, n'oubliez pas de cliquer sur RUN !

Spécifications JavaScript

Info+ JavaScript

Origine
» Date de création : 1995
* Créé par Brendan Eich
* Développé et suivi par ECMAScript, Netscape Communications Corporation, Mozilla Foundation
* Influencé par Java, C++, PERL et Python
* Multiplateforme

Outils+ JavaScript

Logiciels et environnements

Cas pratiques

Afin de vous entraîner, nous ajoutons chaque semaine dans cette section des petits programmes pour vous maintenir à niveau.

CAS 1

NIVEAU BASE

Afficher une liste de peintres connus

Ce petit programme vous permettra d'afficher selon un ordre préétabli, une liste de peintres dans une POPUP.

⇒ ESSAYEZ

CAS 2

NIVEAU INTERMÉDIAIRE

Déterminer un processus de sélection

Ce petit kit vous permettra de créer un formulaire d'autorisation, établi en fonction de 4 critères précis.

⇒ ESSAYEZ

CAS 3

NIVEAU EXPERT

Développer un module pédagogique pour un contrôle des connaissances

Concevoir et développer un module permettant de tester des connaissances en Art ou en Sciences humaines.

⇒ ESSAYEZ

Actualité

À propos...

À propos...
Reflex001

Programmation
Développement
Web

Entreprise basée à
Nice - FRANCE / Montréal - CANADA
Uniquement sur RDV...
© 2022 - Tous droits réservés.
ISSN Demande d'enregistrement en cours...

Rappels

Rappels

Légal/Support

Légal/Support
Image
© Copyright 2022 Reflex001. Designed By Art and Earth Networks and Technology / Diego Piccini / Piccini da Todi G&D Studio