Descriptif
Web Programming (CSE 104) est une introduction aux langages, outils, et technique spécifiques au développement d'applications web. Le cours est orienté fortement sur la pratique de la programmation, avec une focalisation sur les bases de HTML/CSS, le langage JavaScript, ainsi qu'une introduction à la programmation sur serveur avec PHP.
En suivant ce cours, les étudiants acquièrent une compréhension solide sur la construction de site web modernes, dynamique, et "responsive", en suivant les standards actuels. A la fin du cours, les étudiants sont en mesure de programmer leur propres sites web dynamiques à partir de "zéro" et peuvent présenter un exemple de projet complet qu'ils auront réalisés.
Objectifs pédagogiques
A l'issu de ce cours, les étudiants sont en mesure de
- Développer un site web (coté client) à partir de zéro tel qu'il soit:
- respectueux des standards HTML5/CSS3, des bonnes pratiques de JavaScript (sans avec recours nécessairement à l'utilisation de bibliothèques externes)
- responsive
- interactif et s'adaptant dynamiquement aux entrés utilisateurs (GUI, souris, clavier, canvas de dessins)
- Comprendre les notions de bases de la programmation serveur et être capable de programmer des applications PHP simples
- Trouver et utiliser de manière autonome de la documentation sur les applications web.
Diplôme(s) concerné(s)
Pour les étudiants du diplôme Bachelor of Science de l'Ecole polytechnique
Vous devez avoir validé l'équation suivante : UE CSE101
CSE101
Format des notes
Numérique sur 20Littérale/grade américainPour les étudiants du diplôme Bachelor of Science de l'Ecole polytechnique
Vos modalités d'acquisition :
L'évaluation est entièrement réalisé en controle continu
1) HTML/CSS test en classe (Quiz + reproduction de page web), 25%
2) JavaScript test en classe (Quiz + reproduction de page web), 25%
3) Projet (en binome ou seul), 50%
4) PHP test (bonus)
Le rattrapage est autoriséProgramme détaillé
- HTML(5)/CSS(3)
- First webpage, HTML validation
- Basics of CSS
- Box model, classes and ID, Div and span
- Layout: Alignment, units and sizing, position, fonts
- Responsiveness
- CSS Animation
- Advanced containers: Flex and Grid
- JavaScript
- DOM
- JavaScript language structures
- Event-based programming
- GUI and buttons
- User inputs: Mouse, Keyboard
- Animation loop
- Drawing Canvas
- Third party API, fetching resources, JSON
- Student personal project (Demonstration website, Video Games on browser)
- Server programming
- PHP: running and basic syntax
- GET/POST communication, HTML form
- Read/Write files
- Introduction to NodeJS if time permits