Description

Ce cours a pour objet le cycle de vie d'un projet web, du recueil des besoins utilisateurs à la mise en production d'un projet. Il s'agira en particulier de s'interroger sur la mise en place d'un projet et de mettre en œuvre celui-ci à travers différents langages et frameworks web, en front-end (programmation client) et en back-end (programmation serveur).

Compétences requises

Programmation web 1 : base en HTML, CSS et Javascript. Les basiques de ces trois langages seront rapidement revus, mais il est mieux d’avoir des notions dans ces derniers.

Compétences visées

À l'issue de cette matière un étudiant sera capable de :

• Comprendre ce qui est en jeu lors de la conception d’un projet web.

• Développer une interface moderne et responsive avec HTML et CSS

• Gérer et sécuriser une base de données avec PHP.

• Créer et interroger des APIs avec PHP et Javascript via AJAX.

Disciplines

• Informatique

Syllabus

Cette UE a pour objectif de comprendre tout le cycle de vie d’un projet web :

Recueil des besoins utilisateur :

• création d’issues et gestion de projet sur un outil de conception comme Gitlab

• création d’une maquette avec Figma.

Mise en place du projet 

• comment s’articule un projet web ?

• comment organiser ses fichiers ?

Développement d’un projet complet avec les langages :

*CSS :

• flex

• grid

• responsive design

*HTML :

• sémantique d’une page web

• notions de SEO

• notions d’UX design

*Javascript :

• manipulation du DOM

• appel d’APIs avec AJAX

*PHP :

• gestion et sécurisation d’une base de données

• programmation orientée objet

• création d’APIs

Mise en production d’un projet

Aller plus loin et présentation d’outils modernes de programmation web :

• ViteJS : Un bunlder moderne pour programmer proprement et rapidement

• Présentation de frameworks: 

*Javascript : VueJS et React

*PHP : Symfony.

Informations complémentaires

• Jojotique : https://www.jojotique.fr/

• Grafikart : https://grafikart.fr/

• OpenClassrooms : https://openclassrooms.com/

Bibliographie

- Mathieu Nebra : Réaliser votre site web avec HTML 5 et CSS 3, 2017
- Mathieu Nebra : Concevez votre site web avec PHP et MySQL, 2017
- Sébastien de la Marck, Johann Pardanaud : Dynamisez vos sites web avec JavaScript, 2012
- Denis Matarazzo : Apprenez les langages HTML5, CSS3 et JavaScript pour créer votre premier site web, Eni Editions , 2014
- Julien Gambelli : Apprendre à développer un site web responsive et dynamique avec PHP, Eni Editions , 2016

Contacts

Responsable(s) de l'enseignement

• Jonathan Marco