Aix-Marseille Université - Polytech Marseille - Génie biomédical

• Formation
• Initiation au développement Web
• Base de données
• PHP - Développement Web

• Archives

  • Initiation à l'informatique
  • Interface Homme-Machine

Pour une bonne réalisation de ce module, veuillez réaliser les exercices et les tutoriels avant de réaliser votre projet. Référez-vous ensuite aux consignes ci-dessous.

• Cours

  • Supports de cours de Sébastien Mavromatis

• TD

  • TD1-1 : Premiers pas sous Linux

  • TD1-2 : Les fichiers Linux

  • TD2-1 : Linux "avancé"

  • TD2-2 : Les scripts shell

  • TD3 : HTML

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

  • TD4-1 : CSS

  • TD4-2 : JavaScript

  • • TD4-2 : JavaScript - Exemple de formulaire (penser à regarder le code source)
    • TD4-2 : JavaScript - Fichier JavaScript

• Documents

  • Vade-mecum des commandes Unix

  • Mind Map des commandes Unix

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

  • Vade-mecum site Web personnel (Polytech Marseille)

  • Vade-mecum utilisation d'AMeTICE
  • Compte utilisateur et services associés sur le campus de Luminy (DOSI)

• Dates

  • Questionnaire à réponses multiples (QRM) Unix : 02/10/2015 à 13h00

• Outils

  • Boîte à outils Web

• Projet

  • Projet

  • Rattrapage

    • Date de rendu : 27/08/2016 à minuit

    • Consignes (idem projet)

• 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