~~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]]
- CSS3 Flexbox
- Les CSS GRID
- **Dynamiser les pages avec JavaScript**
- [[:web:javascript|JavaScript et jQuery : les bases]]
- [[:web:jquery:volet|jQuery - Afficher et cacher des images]]
- **Divers**
- Why your website should be under 14KB in size
- **Côté serveur**
- [[:web:Apache|Installer un serveur Apache, PHP et mySQL]]
- **PHP**
- [[:web:php|Les bases du langage]]
- **JavaScript**
- JavaScript sur MDN
- Node.js
- **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]]
- CSS Formatteur et Optimiseur
- **Documentation**
- [[:outils:markdown|Mémento de Markdown]]
- Mémento des balises HTML
- Mémento des propriétés CSS
- **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**
- HTTPie - Client HTTP en ligne de commande
- **Cours en ligne**
- Learn by Doing
- Développeur web front-end sur MDN
* **Ressources**
* [[:web:bibliographie|Bibliographie]]
* [[:web:webographie|Webographie]]
* [[:web:lexique|Lexique]]