But

Lors de ce second cours sur la programmation, les bases en HTML et CSS sont considérées comme acquises. Il s’agit d’aller plus en avant dans la compréhension de l’ensemble du fonctionnement d’un site web responsive, boutique et vitrine. Quels sont les mécanismes et les outils nécessaires au bon développement d’une interface graphique multiplateforme ?

Mode d’enseignement:

Le cours est dispensé sous forme de petits exercices pratiques relatifs à la théorie (ex. 30 minutes de théorie et 60 minutes d’exercice).

Il ne faut en aucun cas faire un travail sous forme de projet qui se déroule sur l’ensemble du semestre.

Objectifs et compétences générales:

(L’étudiant est capable de):

Différencier les outils de réalisation de site web:

• Frameworks (e.g. Bootstrap, Foundation, …)
• CMS de base, e-commerce …

Créer un site tenant compte des contraintes de l’accès mobile:

• Taille de l’écran
• Accessibilité sans souris
• Temps de chargement

• Responsive design

• Définir les types de sites (vitrine, boutique, institutionnelle, portail …)
• Comparer et évaluer les applications web (CMS, e-commerce, …)
• Analyser les contraintes d’un site (fréquence d’accès, mobilité, accessibilité, référencement)
• Optimiser les contenus textuels (minification, compression)
• Observer le chargement des pages sur différents supports
• Optimiser le référencement
• Analyser la fréquentation d’un site

Exemple d’exercice:

• Importer un framework et/ou un CMS, l’installer et l’adapter.

• Analyser et repérer les diverses technologies utilisées et les décrire.

• Programmation 2