Ce module de compétence particulière s’inscrit en fin de première année du programme d’étude. Les notions fondamentales de programmation de scripts côté client nécessitent une bonne connaissance du code html (Module "Réalisation de sites web statiques"), ainsi qu'une bonne connaissance des techniques de programmation (structurée, orientée objet, événementielle).
DESCRIPTION
L’objectif du module est de faire acquérir les connaissances et les techniques nécessaires pour le développement de scripts pour les sites web statiques.PRÉCISIONS ET PRÉALABLES
1. Expliquer le principe des scripts.∙ Notions de langages compilés et interprétés.
∙ Langages de scripts et utilisation.
∙ Fonctionnalités attendues.
2. Maîtriser l’environnement de travail et la structure d’un langage de scripts.
∙ La déclaration d’un script dans une page HTML.
∙ La structure d’un script.
∙ Les différents composants d’un langage de scripts.
3. Rechercher des scripts existants.
∙ Recherche des scripts.
✓ Dans les archives.
✓ Sur les sites internet dédiés.
∙ Archivage des scripts dans une bibliothèque.
A. Écrire des scripts.
∙ Les éléments du langage de script :
✓ La notion d'objet.
✓ Les variables.
✓ Les chaînes de caractères.
✓ Les événements.
✓ Les opérateurs.
✓ Les structures conditionnelles et itératives.
✓ Les fonctions.
✓ Les méthodes.
✓ Les différents objets du navigateur.
✓ Les boîtes de dialogue.
B. Adapter des scripts existants.
∙ Adaptation des scripts selon le besoin :
✓ Texte.
✓ Couleur.
✓ Contrôle de champ.
✓ Animation.
C. Intégrer les scripts dans une page HTML.
∙ Insertion d'un script dans une page HTML :
✓ à l'aide de la balise <SCRIPT>.
✓ à partir d’un fichier externe.
✓ à l'aide d'événements.
D. Développer des applications Web à l’aide de JQuery :
∙ Présentation de jQuery.
∙ Méthodes utilitaires de jQuery.
∙ Les sélecteurs.
∙ Accès à l'arbre DOM.
∙ La gestion des événements.
∙ Ajax et jQuery.
∙ Effets visuels et'interface riche avec jQuery.
D. Tester les scripts.
∙ Tests à réaliser:
✓ vérification des fonctionnalités des scripts en relation avec le cahier des charges.
✓ test sur divers navigateurs.
∙ Validation du client.
Post a Comment