Les wikis

Bienvenue sur WebPEM

Rédacteur(s) : Philippe Mariano

[Mise à jour le 18/6/2023]

Ce Wiki est destiné à des élèves de lycée inscrits dans la spécialité NSI ou STI2D SIN en terminale. Il rassemble les bases de la conception d'un site Web avec les langages HTML, CSS, JavaScript, PHP et SQL. Il est conçu comme une source d'informations (non exhaustive) destinée à optimiser le temps des élèves en projet.

Sommaire

  1. Historique
  2. Concevoir un site Web
    1. Côté client
      1. Généralités
        1. Fonctionnement du navigateur et DOM
      2. Structurer les pages
        1. Les bases du HTML
      3. Décorer les éléments sur les pages
        1. Les bases de CSS
        2. Conception d'un gabarit CSS
        3. Conception d'un menu simple avec des règles CSS
        4. Conception d'un menu déroulant avec des règles CSS
        5. CSS3 Flexbox
        6. Les CSS GRID
      4. Dynamiser les pages avec JavaScript
        1. JavaScript et jQuery : les bases
        2. jQuery - Afficher et cacher des images
      5. Divers
        1. Why your website should be under 14KB in size
    2. Côté serveur
      1. Installer un serveur Apache, PHP et mySQL
      2. PHP
        1. Les bases du langage
      3. JavaScript
        1. JavaScript sur MDN
        2. Node.js
      4. Bases de données
        1. Sommaire
  3. IoT
    1. Websockets vs REST
    2. Créer un client MQTT (Websockets) avec Eclipse Paho (A rédiger)
  4. Outils
    1. Création
      1. Préparer un projet de site Web avec l'IDE VSCode
      2. CSS Formatteur et Optimiseur
    2. Documentation
      1. Mémento de Markdown
      2. Mémento des balises HTML
      3. Mémento des propriétés CSS
    3. Sauvegarde et collaboration
      1. Transférer des fichiers avec FileZilla client
      2. Gestion de versions : démarrer avec Git et Github
      3. Travail collaboratif dans VSCode
      4. Compte utilisateur sur le NAS Synology
      5. Connexion à l'airbox SIN
    4. Tests
      1. HTTPie - Client HTTP en ligne de commande
  5. Cours en ligne
    1. Learn by Doing
    2. Développeur web front-end sur MDN