Travail hors-présentiel n°6-7 - Auto-apprentissage Javascript - AJAX - Suite du projet
Découverte de JQuery en autonomie

Table des matières

Travail hors-présentiel

Cette séquence de travail hors-présentiel vise à apprendre les bases des technologies pour la programmation en Javascript avec JQuery, et à continuer la mise en œuvre du projet d’agence de voyages.

Vous vous organisez pour consacrer :

  • la moitié de la charge de travail de cette séquence à l’apprentissage et l’expérimentation avec Javascript et JQuery, en autonomie, en appliquant sur la mise en oeuvre proposée en TP 5 sur une API AJAX de l’application ToDo
  • et l’autre moitié à l’avancement de la mise en œuvre du projet (en binôme).

Vous disposez d’environ 15j pour mener à bien ce travail (même si la séance 7 est avancée à cette semaine dans votre calendrier).

Étape 1 : Découverte de JQuery

Cette étape est destinée à l’apprentissage en autonomie de la technologie JQuery pour la programmation d’interfaces dynamiques en Javascript du côté du navigateur.

Vous apprendrez les bases du framework JQuery, depuis l’un des sites suivants, pendant environ 1h :

Une fois que vous aurez étudié ces tutoriaux, vous pouvez reprendre la mise en œuvre de l’option B de l’étape 2 du TP précédent, consistant à ajouter dans l’application « fil-rouge » ToDo une interrogation d’une API avec AJAX : Support de TP n° 6.

Étape 2 : Lecture documentation Symfony

Cette étape est destinée à vous permettre d’ancrer vos connaissances de Symfony, avant de reprendre le travail dans la seconde partie du cours et du projet.

Pendant la période de pause dans le cours, qui précède la reprise début novembre, essayez de prendre le temps de lire/relire les 6 chapitres de la documentation « Getting Started » de Symfony.

Cette lecture doit vous permettre de mieux ancrer vos connaissances, et de faciliter la suite de la programmation sur le projet.

En alternative ou complément, vous pouvez consulter les tutoriels vidéo de SymfonyCasts, par exemple : « Stellar Development with Symfony 4 » (durée : 1:14:58).

Étape 3 : Suite du projet AgVoy

Sur le temps restant, vous poursuivez le travail sur le projet d’agence de voyages en intégrant à votre rythme les différentes fonctionnalités présentées en cours magistral et en travaux pratiques, qui n’étaient pas terminées dans la version rendue à la séance de TP précédente pour le rendu intermédiaire.

Vous ajoutez ou finalisez les fonctionnalités qui n’avaient pas été terminées auparavant, comme par exemple la gestion des marque-pages/panier dans le front-office, ou la présentation des interfaces en CSS (cf. Check-list d’avancement du projet).

Auteur: Olivier Berger (TSP)

Created: 2020-08-26 Wed 13:06

Validate