Aix-Marseille Université - Institut Universitaire de Technologie d'Aix-en-Provence - BUT Informatique

Archives

• Qualité et au-delà du relationnel
• Méthodologie de la production d'applications
• Cas 2
• Projet personnel professionnel

Cours

• CM0 : Présentation du cours

• CM1-1 : Web

• CM1-2 : HTML

• CM2 : CSS

• CM3 : Accessibilité, SEO, écoconception et outils Web

TD

• TD1 : HTML

• • TD1 : HTML - Exemple de formulaire (penser à regarder le code source)
  • Serveur de test (compatible avec les méthodes GET et POST)

• TD2 : CSS

Documents

• Exemple de page HTML minimale conseillée (penser à regarder le code source)

• Vade-mecum Dev Tools

• Vade-mecum mise en place d'un hébergement alwaysdata

• Vade-mecum utilisation d'AMeTICE

• Exemples d'images
• Exemples de vidéos

Outils

• Boîte à outils Web

Évaluations

• Questionnaires d'évaluation (5 %)

• Projet (95 %)

Validateurs W3C

• XHTML
• CSS
• Vérificateur de liens

Documentations

• Référence des éléments HTML
• Sélecteurs CSS

Modèles

• HTML5
• Media Queries

Images

• Éditeur d'images en ligne
• Redimensionner une image en ligne
• Générateur de favicon

Polices

• Générateur de polices

JavaScript

• Bin : JSBin
• Linter : JSLint
• Bundler : Webpack
• Transpiler : Babel

Apprentissage

• Apprendre les mises en page CSS
• Maîtriser son style CSS
• Valeurs et unités CSS
• Comment un navigateur charge une page Web

• Jeux

  • Jeu d'apprentissage des Flexbox CSS
  • Jeu d'apprentissage des Grids CSS
  • Jeu d'apprentissage des sélecteurs CSS

• Guides

  • Guide complet de Flexbox
  • Guide complet de Grid

Aides

• École en ligne
• Compatibilité des navigateurs Web
• Test d'affichage en ligne sous différents navigateurs Web

Sécurité

• Open Web Application Security Project (OWASP) : Top Ten
• Open Web Application Security Project (OWASP) : Cheat Sheet
• CVE (MITRE)

• Guide de sélection d'algorithmes cryptographiques (ANSSI)

SEO

• Veille SEO (search engine optimization, optimisation pour les moteurs de recherche)

Curiosités

• Evolution du Web

• Evolution des sites Web de 1996 à 2011

• Carte d'Internet

• Carte d'Internet complète

• Jardin Zen CSS : la beautée de la conception CSS
• Nombre d’utilisateurs d’Internet