Prog_Web_Chapitre_4_JS

Chapitre 1 : Introduction à la programmation web

  • Présentation générale des concepts fondamentaux de la programmation web.

Chapitre 2 : Langage HTML 5

  • Description et caractéristiques du langage HTML 5.

Chapitre 3 : Feuilles de style CSS

  • Introduction aux feuilles de style CSS et leur rôle dans la mise en forme des pages web.

Chapitre 4 : Le langage client : JavaScript

  • Objectif de ce chapitre :
    • Introduction du langage JavaScript.
    • Syntaxe générale et intégration des scripts.
    • Présentation des fonctions, événements, DOM, objets prédéfinis et gestion des entrées/sorties.
    • Introduction à la bibliothèque jQuery et la technologie AJAX.

Chapitre 5 : Le langage serveur : PHP

  • Vue d'ensemble du langage serveur PHP et de ses fonctionnalités.

Introduction : Limites du HTML

  • Limites de HTML :
    • Absence de structures de contrôle de flux.
    • Manque de connectivité avec les serveurs de base de données.
    • Interactions utilisateur limitées.
  • Solutions pour étendre HTML :
    • Utilisation de langages côté client (ex: JavaScript).
    • Utilisation de langages côté serveur (ex: PHP).

Langages côté client

  • Fonctionnalités :
    • Validation des données saisies par l'utilisateur.
    • Enrichissement de pages web avec du contenu interactif.
    • Pas besoin d'installations supplémentaires sur le client.

Langages côté serveur

  • Avantages :
    • Connectivité aux bases de données.
    • Transparence du code source.
    • Fonctionnalités de sécurité avancées.
    • Nécessité d'un serveur Web pour tester les scripts.

Intégration de JavaScript dans HTML

  • JavaScript :
    • Langage de scripts intégré aux balises HTML.
    • Nécessite un navigateur compatible et un éditeur de texte comme Notepad++.
  • Structure de code JavaScript :
    • Utilisation de la balise <script> pour intégrer le code : javascript ¨K32K &nbsp;&nbsp;&nbsp;&nbsp;

Méthodes d'insertion du code JavaScript

  1. Exécution directe.
  2. Exécution à la suite d'un événement.
  3. Insertion à l'intérieur d'une balise HTML.
  4. Appel à partir d'un fichier .js.
Exécution directe
  • Exemple de code exécuté automatiquement lors du chargement de la page.
<html>
<head><title>Exemple 1</title></head>
<body>
<b>Exemple d’exécution directe du javascript</b> <br>
<script language='javascript'>
  alert("Ce message est affiché automatiquement");
</script>
</body>
</html>

Gestion des événements

  • Les événements en JavaScript permettent d'exécuter des scripts suite à une action de l'utilisateur (ex: clic).

Syntaxe générale de JavaScript

Caractéristiques
  • Variables faiblement typées.
  • Similitudes avec C/C++/Java.
  • Structure des fonctions et instructions.
  • Notation des commentaires.
Variables
  • Déclaration explicite avec var ou implicite.
  • Quatre types de variables supportées :
    • Nombres, Booléens, Chaînes de caractères, Objets.
  • Gestion des variables globales et locales.
Opérateurs
  • Classification des opérateurs :
    • Calcul, Affectation, Incrémentation, Comparaison, Logiques.
Structures conditionnelles
  • Structures simples et complètes pour exécuter des opérations basées sur des conditions.
Fonctions
  • Définition d'une fonction : Utilise le mot clé function.
  • Appel de fonction avec nomFonction(arguments).

Événements en JavaScript

  • Types d'événements : onClick, onChange, etc.
  • Exemple de gestion d'événements sur des éléments spécifiques.

Objets JavaScript

  • Classification des objets :
    • Objets d'interface, objets prédéfinis (ex: document, window).
  • Accès et manipulation grâce au DOM.

Dialogue avec l'utilisateur

  • Appels aux méthodes comme alert(), confirm(), et prompt().
AJAX
  • Asynchronous JavaScript and XML.
  • Concept permettant des mises à jour dynamiques sans rechargement de page.
JSON
  • Format léger d'échange de données.
  • Plus simple et rapide que XML.

Conclusion

  • Vue d'ensemble des langages de programmation web, de l'intégration de JavaScript et de la gestion des événements.
  • Note sur les frameworks et bibliothèques disponibles pour améliorer les processus de développement.