web:accueilweb [WEBGE Wikis]

Cette page est en lecture seule. Vous pouvez afficher le texte source, mais ne pourrez pas le modifier. Contactez votre administrateur si vous pensez qu'il s'agit d'une erreur.
~~NOTOC~~
[[:start|{{ :iconemaisonrouge.jpg?nolink&25|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**, J**avaScrip**t, **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 ===
  - [[:web:historique|Historique]]
  - **Concevoir un site Web**
    - **Côté client**
      - **Généralités**
        - [[:web:dom|Fonctionnement du navigateur et DOM]]
      - **Structurer les pages**
        - [[:web:baseshtml|Les bases du HTML]]
      - **Décorer les éléments sur les pages** 
        - [[:web:basescss| Les bases de CSS]] 
        - [[:web:positionCSS|Conception d'un gabarit CSS]]
        - [[:web:menuCSSbase|Conception d'un menu simple avec des règles CSS]]
        - [[:web:menuCSS|Conception d'un menu déroulant avec des règles CSS]]
        - <html><a href="https://developer.mozilla.org/fr/docs/Learn/CSS/CSS_layout/Flexbox" target="_blank" title="Site MDN">CSS3 Flexbox</a></html>
        - <html><a href="https://developer.mozilla.org/fr/docs/Learn/CSS/CSS_layout/Grids" target="_blank" title="Site MDN">Les CSS GRID</a></html>
      - **Dynamiser les pages avec JavaScript** 
        - [[:web:javascript|JavaScript et jQuery : les bases]]
        - [[:web:jquery:volet|jQuery - Afficher et cacher des images]]
      - **Divers**
        - <html><a href="https://endtimes.dev/why-your-website-should-be-under-14kb-in-size/" target="_blank">Why your website should be under 14KB in size</a></html> 
    - **Côté serveur**
      - [[:web:Apache|Installer un serveur Apache, PHP et mySQL]]
      - [[:web:Apache:wamp|Installer WampServeur]]
      - **PHP** 
        - [[:web:php|Les bases du langage]]
      - **JavaScript**
        - <html><a href=" https://developer.mozilla.org/fr/docs/Web/JavaScript" target="_blank">JavaScript sur MDN</a></html>
        - <html><a href="https://openclassrooms.com/fr/courses/1056721-des-applications-ultra-rapides-avec-node-js" target="_blank" title="OpenClassRooms">Node.js</a></html>
      - **Bases de données**
        - [[:info:bdd:accueilbdd|Sommaire]]
  - **IoT**
    - [[:web:websockets|Websockets vs REST]]
    - [[:web:EclipsePaho|Créer un client MQTT (Websockets) avec Eclipse Paho]] (A rédiger) 
  - **Outils**
    - **Création**
      - [[:outils:vscode:web|Préparer un projet de site Web avec l'IDE VSCode]]
      - <html><a href="https://www.codebeautifier.com/" target="_blank" title="En ligne">CSS Formatteur et Optimiseur</a></html>
    - **Documentation** 
      - [[:outils:markdown|Mémento de Markdown]]
      - <html><a href="https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3/1608357-memento-des-balises-html" target="_blank">Mémento des balises HTML</a></html>
      - <html><a href="https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3/1608902-memento-des-proprietes-css" target="_blank">Mémento des propriétés CSS</a></html>
    - **Sauvegarde et collaboration**
      - [[:outils:filezilla|Transférer des fichiers avec FileZilla client]]
      - [[:outils:git|Gestion de versions : démarrer avec Git et Github]]
      - [[:outils:vscode:liveshare|Travail collaboratif dans VSCode]]
      - [[:outils:compteEleve|Compte utilisateur sur le NAS Synology]]
      - [[:outils:Airbox|Connexion à l'airbox SIN]]
    - **Tests**
      - <html><a href="https://httpie.io/" target="_blank">HTTPie - Client HTTP en ligne de commande</a></html>
  - **Cours en ligne**
    - <html><a href="https://projectlearn.io/" target="_blank">Learn by Doing</a></html>
    - <html><a href="https://developer.mozilla.org/fr/docs/Learn/Front-end_web_developer" target="_blank">Développeur web front-end sur MDN</a></html>

  * **Ressources**
    * [[:web:bibliographie|Bibliographie]]
    * [[:web:webographie|Webographie]]


  * [[:web:lexique|Lexique]]