Annexe: Programmation 1

Expliquer l’évolution du web, son environnement et ses langages

• HTTP
• URL
• DNS

Expliquer l’architecture d’un site web

• Serveur web
• HTML / CSS / JavaScript
• Base de données
• Langages côté serveur (PHP / Node.JS / Python / …)

Différencier client et serveur, et la manière dont les deux interagissent

• Les trois tiers: couche présentation, couche métier, couche accès aux données.

Réaliser des sites sémantiquement corrects en HTML et CSS

• Utiliser correctement les titres h1-h6
• utiliser des listes là où cela a du sens (navigation, etc.)
• Connaître le rôle des tags HTML5 (article, header, footer, section, figure, figcaption, …)
• Utiliser les tags correctement: pas de table pour la présentation, <strong> plutôt que <b>
• Comprendre quand utiliser classes et id
• Construire une requête CSS en utilisant les bons types de sélecteurs (id, classe, tag)
• Expliquer le modèle de boîte
• Utiliser les attributs de flottement (liste horizontale, par ex.)
• Comprendre le positionnement relatif et absolu
• écrire des media queries

Optimiser les images pour le web (choix du format, taille, compression)

• Différence bitmap / vectoriel
• Lister les formats d’images adaptés au web (svg, PNG, jpg, gif)
• Comprendre les limites de chaque format (profondeur des couleurs, transparence)
• Comprendre comment fonctionne la compression ‘une image et expliquer la différence entre une compression destructive ou non
• Choisir un format de fichier adapté pour chaque image
• Régler la compression et optimiser une image
• exporter un logo en SVG

Installer et configurer des librairies JavaScript

• Expliquer à quoi sert JavaScript
• Installer une librairie
• Configurer une librairie en s’inspirant de la documentation
• Galerie d’images
• scroll magic
• data tables
• jquery UI

Utiliser des polices web et analyser les contraintes de licence

• Polices web natives (arial, courier, times, …)
• Connaître les formats de police pour le web
• Savoir où trouver des polices web (fonderies, Google)
• Connaître les modèles de licence (libre, par nombre de téléchargement …)
• Intégrer une police web téléchargée
• intégrer une police web d’un service (ex: google fonts)