Programme des cours 2022-2023
| PRJG0001-1 | |||||
Projet
|
|||||
|
Volume horaire :
|
|||||
| CMS Fronted : 9h Th Développement HTML/CSS : 10h Th Développement PHP/MySQL : 30h Th Développement Web Avancé : 15h Th Generative Design : 20h Th |
|||||
|
Nombre de crédits :
|
|||||
|
|||||
|
Nom du professeur :
|
|||||
| CMS Fronted : Christophe TERRANOVA
Développement HTML/CSS : Philippe THRONTE Développement PHP/MySQL : Christophe TERRANOVA Développement Web Avancé : Alexis WALRAVENS Generative Design : Antoine DEKENS |
|||||
|
Référent UE :
|
|||||
| Christophe TERRANOVA, Alexandre TOURNAY | |||||
|
Langue(s) de l'unité d'enseignement :
|
|||||
| Langue française | |||||
|
Organisation et évaluation :
|
|||||
| Enseignement au premier quadrimestre, examen en janvier | |||||
|
Unités d'enseignement prérequises et corequises :
|
|||||
| Les unités prérequises ou corequises sont présentées au sein de chaque programme | |||||
|
Contenus de l'unité d'enseignement :
|
|||||
| Apprendre les différents techniques de programmation web avancées | |||||
|
CMS Fronted
|
|||||
| Les thèmes abordés sont : - Introduction et installation d'un environnement de dev. Installation, Administration, Encodage de contenu dans un CMS. Réalisation d'un thème. |
|||||
|
Développement HTML/CSS
|
|||||
| Les thèmes abordés sont : - Développement HTML/CSS avancée - Mise en place d'interaction avancée - Transition de page |
|||||
|
Développement PHP/MySQL
|
|||||
| Les thèmes abordés sont : - Introduction au langage PHP et installation d'un environnement de dev. Les bases de PHP. Les fonctions. Les includes. Introduction à la POO. Installer des librairies, Composer. Templating, Twig. Les paramètres GET et POST + Formulaires. Introduction aux bases de données. Bonnes pratiques. |
|||||
|
Développement Web Avancé
|
|||||
| - Introduction au framework Javascript VueJS. - Notions de réactivité en javascript. - Notions de Javascript avancées. - Récupération de données via une API REST. - Intégration d'ESlint. |
|||||
|
Generative Design
|
|||||
| Les thèmes abordés sont : - Initiation a` des langages ou librairies cre´atifs du web - Cre´ation d'art ge´ne´ratif nume´rique - De´veloppement d'algorithmes cre´atifs - Notions de javascript avancés ( canvas, class, 3D ) - Gestion des performances |
|||||
|
Acquis d'apprentissage (objectifs d'apprentissage) de l'unité d'enseignement :
|
|||||
| Au terme de l'UE, l'étudiant-e est capable de?: - Réaliser un projet en choisissant les technologies les plus pertinentes Au terme de l'UE, l'étudiant-e est capable de?: - Avoir les outils permettant de mener à bien un projet |
|||||
|
CMS Fronted
|
|||||
| Au terme de l'AA, l'étudiant-e est capable de : - réaliser un site basé sur un CMS. Au sein de l'AA, les objectifs sont : - savoir utiliser un CMS et de créer un thème. |
|||||
|
Développement HTML/CSS
|
|||||
| Au terme de l'AA, l'étudiant-e est capable de : - Ajouter sur son site des interactions et des animations HTML/CSS/JS Au sein de l'AA, les objectifs sont : - De pouvoir tester et personnaliser des interactions et animations HTML/CSS/JS |
|||||
|
Développement PHP/MySQL
|
|||||
| Au terme de l'AA, l'étudiant-e est capable de : - réaliser un site à l'aide de PHP et d'un système de template. Au sein de l'AA, les objectifs sont : - connaître les bases du langage de programmation PHP ainsi que l'administration de bases de données MySQL. Savoir réaliser un site à l'aide de PHP et d'un système de Templating. Savoir utiliser PHP dans le cadre d'un CMS. |
|||||
|
Développement Web Avancé
|
|||||
| Au terme de l'AA, l'étudiant-e est capable de : - Réaliser le setup d'un projet avec VueJS. - Créer une application web réactive simple. Au sein de l'AA, les objectifs sont : - Approfondir les connaissances Javascript de l'élève. - Initier l'élève à un framework Javascript moderne. - Rendre l'élève capable d'intégrer un projet VueJS dans un milieu professionnel. |
|||||
|
Generative Design
|
|||||
| Au terme de l'AA, l'étudiant-e est capable de : - Créer un algorithme pour générer de l'art numérique - Comprendre et utiliser les librairies vues au cours - Gérer un système de particules - Animer un système de particules Au sein de l'AA, les objectifs sont : - Développer l'aspect créatif de l'étudiant - Approfondir les connaissances en Javascript |
|||||
|
Savoirs et compétences prérequis :
|
|||||
|
CMS Fronted
|
|||||
| Bases de PHP | |||||
|
Développement HTML/CSS
|
|||||
| Des notions correctes HTML/CSS/JS | |||||
|
Développement PHP/MySQL
|
|||||
| Base de programmation | |||||
|
Développement Web Avancé
|
|||||
| * Maîtriser la version ES6 du Javascript. * Maîtriser le gestionnaire de paquets NPM. |
|||||
|
Generative Design
|
|||||
| Maîtriser la version ES6 du Javascript. | |||||
|
Activités d'apprentissage prévues et méthodes d'enseignement :
|
|||||
| AA1 = PRJG0001-A-a CMS Fronted AA2 = PRJG0001-C-a Développement HTML/CSS AA3 = PRJG0001-E-a Développement PHP/MySQL AA4 = PRJG0001-F-a Développement Web Avancé AA5 = PRJG0001-G-a Generative Design Méthodes d'enseignement?: Voir EP des AA |
|||||
|
CMS Fronted
|
|||||
| Cours en présentiel et/ou distanciel | |||||
|
Développement HTML/CSS
|
|||||
| Cours en présentiel et/ou distanciel Travaux de groupe pratiques Travaux de groupe en autonomie Travaux individuels pratiques Travaux individuels en autonomie |
|||||
|
Développement PHP/MySQL
|
|||||
| Méthodes d'enseignement : Cours en présentiel et/ou distanciel Travaux individuels pratiques |
|||||
|
Développement Web Avancé
|
|||||
| Cours en présentiel et distanciel | |||||
|
Generative Design
|
|||||
| Cours en présentiel et distanciel | |||||
|
Mode d'enseignement (présentiel, à distance, hybride) :
|
|||||
| Voir EP AA | |||||
|
CMS Fronted
|
|||||
| Enseignement en présentiel Enseignement en distanciel Présence de l'enseignant totale |
|||||
|
Développement HTML/CSS
|
|||||
| Enseignement en présentiel Enseignement en distanciel Présence de l'enseignant totale |
|||||
|
Développement PHP/MySQL
|
|||||
| Enseignement en présentiel Présence de l'enseignant totale |
|||||
|
Développement Web Avancé
|
|||||
| Enseignement en présentiel Présence de l'enseignant totale |
|||||
|
Generative Design
|
|||||
| Enseignement en présentiel Présence de l'enseignant totale |
|||||
|
Lectures recommandées ou obligatoires et notes de cours :
|
|||||
| Voir EP AA | |||||
|
CMS Fronted
|
|||||
| Support de cours : - Slides sur teams |
|||||
|
Développement HTML/CSS
|
|||||
| Support de cours : - Slides sur teams - Exercices de cours sur teams |
|||||
|
Développement PHP/MySQL
|
|||||
| Slides sur Teams | |||||
|
Développement Web Avancé
|
|||||
| Lectures recommandées :
- Javascript Survival Guide : https://fireship.io/courses/javascript/beginner-js-survival-guide - Javascript Functions : https://fireship.io/courses/javascript/beginner-js-functions - Javascript Objects : https://fireship.io/courses/javascript/beginner-js-objects - Javascript Modules : https://fireship.io/courses/javascript/concepts-modules Support de cours : - Cours Hébergé en ligne. |
|||||
|
Generative Design
|
|||||
| Lectures recommandées :
- Canvas API - https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API - Math.cos - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/cos - Math.sin - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/sin - Math.random - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/random - Javascript classes - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes Support de cours : - Cours Hébergé en ligne. |
|||||
|
Modalités d'évaluation et critères :
|
|||||
| Mode d'évaluation : Voir EP AA Organisation de l'évaluation : Voir EP AA Type d'évaluation : Epreuve par AA Type de questionnaire : Voir EP AA Type de cotation AA : Voir EP AA Type de cotation UE : Moyenne arithmétique pondérée avec note d'exclusion (si note comprise entre 0 et 8 non inclus) Pondération de l'UE : AA1 = PRJG0001-A-a CMS Fronted : 0% AA2 = PRJG0001-C-a Développement HTML/CSS : 0% AA3 = PRJG0001-E-a Développement PHP/MySQL : 40% AA4 = PRJG0001-F-a Développement Web Avancé : 30% AA5 = PRJG0001-G-a Generative Design : 30% Evaluation différente entre les sessions : Voir EP de l'AA |
|||||
|
CMS Fronted
|
|||||
| Aucune | |||||
|
Développement HTML/CSS
|
|||||
| Aucune | |||||
|
Développement PHP/MySQL
|
|||||
| Mode d'évaluation : Présentiel Organisation de l'évaluation : Remise de travaux Type d'évaluation : Evaluation continue Type de cotation AA Mode d'évaluation : Présentiel Organisation de l'évaluation : Remise de travaux Evaluation différente entre les sessions : Remise d'un travail ou autre si échec en évaluation continue |
|||||
|
Développement Web Avancé
|
|||||
| Mode d'évaluation : Teams Organisation de l'évaluation : Remise de travaux Type d'évaluation : Epreuve par AA Type de cotation AA Mode d'évaluation : Teams Organisation de l'évaluation : Remise de travaux Evaluation différente entre les sessions : Evaluation identique d'une session à l'autre |
|||||
|
Generative Design
|
|||||
| Mode d'évaluation : Teams Organisation de l'évaluation : Remise de travaux Type d'évaluation : Epreuve par AA Type de cotation AA : Mode d'évaluation : Teams Organisation de l'évaluation : Remise de travaux Evaluation différente entre les sessions : Evaluation identique d'une session à l'autre |
|||||
|
Stage(s) :
|
|||||
|
Remarques organisationnelles :
|
|||||
| Implantation(s) sur laquelle/lesquelles la séquence de formation est dispensée : Voir EP de l'AA Organisation horaire de la formation : Enseignement en horaire de jour |
|||||
|
CMS Fronted
|
|||||
| Namur | |||||
|
Développement HTML/CSS
|
|||||
| Namur | |||||
|
Développement PHP/MySQL
|
|||||
| Namur | |||||
|
Generative Design
|
|||||
| Namur | |||||
|
Contacts :
|
|||||
| christophe.terranova@heaj.be | |||||
|
CMS Fronted
|
|||||
| christophe.terranova@heaj.be | |||||
|
Développement HTML/CSS
|
|||||
| philippe.thronte@heaj.be | |||||
|
Développement PHP/MySQL
|
|||||
| christophe.terranova@heaj.be | |||||
|
Développement Web Avancé
|
|||||
| alexis.walravens@heaj.be | |||||
|
Generative Design
|
|||||
| antoine.dekens@heaj.be | |||||