Institut G4

Archives

• Merise et UML "avancés"
• Algorithmique "avancée"
• Développement Front End
• Génie logiciel
• Flash et ActionScript

Cours

• CM0 : Présentation du cours

• CM1 : Web et HTML

• CM2 : CSS

• CM3-1 : JavaScript

• CM3-2 : Ajax

• CM4-1 : HTML5

• CM4-2 : CSS3

• CM4-3 : Nouvelles technologies Web

TD

• TD1 : HTML

• • TD1 : HTML - Exemple de formulaire (penser à regarder le code source)

• TD2 : CSS

• TD3-1 : JavaScript et jQuery

• TD3-2 : Ajax

• TD4 : Nouvelles technologies Web

Documents

• Exemple de page HTML minimale conseillée (penser à regarder le code source)
• Exemple de page HTML5 minimale conseillée (penser à regarder le code source)
• Exemple de fichier JavaScript
• Exemples d'images
• Exemples de vidéos

Outils

• Boîte à outils Web

Projet

• Projet

Validateurs W3C

• XHTML
• CSS
• Vérificateur de liens

Documentations

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

Modèles

• HTML5

Images

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

Polices

• Générateur de polices

Expressions rationnelles

• Regex101
• Debuggex
• Regexper

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

Optimisations

• Autoprefixer CSS
• Minifier CSS
• Optimiseur d'images
• Compresseur d'images

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