Mes Exercices
Ici, vous pourrez voir mes exercices fait durant ce module. Ils sont composés d'une page html, d'un css et d'un js.
Module 307 - Réaliser des pages Web interactives
Exercice 1 - Base HTML5
Dans cet exercice, je devais adapter le texte (votre nom et prénom) et sa mise en forme (gras) ainsi que la couleur du bouton en modifiant à bon escient les 3 fichiers à disposition. La ligne du bas s'affiche lors de l'appui du bouton.
Exercice 2 - Login
Dans cet exercice, je devais compléter le conteneur pour afficher un composant formulaire (form) HTML5 pour simuler une opération de login. Pour le moment, le test du login se fera localement en JavaScript (valides : « admin » quelle que soit la casse pour l’utilisateur et « emf123 » pour le mot de passe).
Exercice 3 - Login avec PHPs
Dans cet exercice, je devais améliorer un peu la vue en décolorant fortement la bordure du « fieldset » (lightgray) et en centrant et stylisant le bouton et de faire la validation des informations de login par un petit script en PHP (au lieu du JavaScript) sur un serveur Apache à installer sur votre hébergement EMF.
Exercice 4 - JSFiddle
Dans cet exercice, je devais créez un carré bleu de 100px de côté et implémenter ensuite une fonction messageAlert qui affichera un popup avec le message "Quelqu'un a cliqué sur le carré bleu" lorsqu'on clique sur le carré contenu dans le rendu de la page.
Exercice 5 - Variable en Javascript
Dans cet exercice, je devais taper des commandes en JavaScript et utiliser la console de mon navigateur ou bien un « jsfiddle » comme dans l'exercice précédent.
Exercice 6 - La structure de contrôle switch
Dans cet exercice, je devais créer une fonction « afficherJourSemaine() » dans le fichier Javascript qui va indiquer à l'opérateur le jour de la semaine du jour courant.
Exercice 7 - Les boucles
Dans cet exercice, je devais créer une petite application qui permet de saisir un nombre, dans un champ, et de générer une table de multiplication jusqu'à ce nombre.
Exercice 8 - Tableau associatif ou tableau d'objets JSON
Dans cet exercice, je devais charger un fichier json, enregistré dans le répertoire de l'exercice, et afficher son contenu sous forme de liste HTML.
Exercice 9 - Démonstration sur les objets en Javascript
Dans cet exercice, on m'a introduit l'utilisation du JSON et ces caractéristiques.
Exercice 10 - Programmation orientée "objets"
Dans cet exercice, je me familiarise avec le JavaScript et la structure MVC. J'ai développer une application qui me permet d'ajouter et de supprimer des personnes.
Exercice 11 - Programmation orientée "classe" en Javascript
Dans cet exercice, je devais créer une petite application qui permet de saisir un nombre, dans un champ, et de générer une table de multiplication jusqu'à ce nombre.
Exercice 12 - Fonctions et IIFE en JavaScript
Dans cet exercice, est théorique, j'ai répondu aux questions dans mon rapport personnel.
Exercice 13 - Les cookies - OPTIONNEL
Cet exercice, est optionnel, il n'a donc pas été réalisé pour l'instant.
Exercice 14 - Bases de jquery
Cet exercice est théorique, j'ai répondu aux questions dans mon rapport personnel.
Exercice 15 - Première utilisation de jquery
Dans cet exercice, je devais créer une interface qui me permet de changer la couleur de fond
Exercice 16 - Fonctions jquery
Dans cet exercice, je devais créer une interface me permettant d'apprendre les fonctions jquery, cela ma permit de faire plusieurs fonctionnalitées sur des textes.
Exercice 17 - Web services
Dans cet exercice, je devais apprendre comment utiliser du web service REST en PHP. Il n'y a pas de page html pour cette exercice.
Exercice 18 - Application HTML5 avec appel à un web service
Dans cet exercice, je devais créer une interface me permettant d'apprendre les fonctions jquery, cela ma permit de faire plusieurs fonctionnalitées sur des textes.
Exercice 20 - Application de login sur un serveur PHP
Dans cet exercice, je devais créer une interface me permettant d'apprendre les fonctions jquery, cela ma permit de faire plusieurs fonctionnalitées sur des textes.
Exercice 21 - OpenStreetMap
Dans cet exercice, je devais créer une interface me permettant d'afficher une carte avec des marqueurs sur des monuments historiques.