| Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente |
| web:accueilweb [2025/06/11 19:54] – mno | web:accueilweb [2025/06/19 19:24] (Version actuelle) – modification externe 127.0.0.1 |
|---|
| | ~~NOTOC~~ |
| | [[:start|{{ :iconemaisonrouge.jpg?nolink&25|Les wikis}}]] |
| | ==== Bienvenue sur WebPEM ==== |
| | |
| | ** Rédacteur** : Philippe Mariano |
| | |
| | [Mise à jour le 11/6/2025] |
| | |
| | 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 (HTML5)]] |
| | - **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 et jQuery, jQWidget** |
| | - [[:web:javascript|JavaScript et jQuery : les bases]] |
| | - [[:web:jquery:volet|jQuery - Afficher et cacher des images]] |
| | - [[:web:javascript:leaflet|JavaScript - Créer une carte Leaflet]] |
| | - [[:web:jquery:graphique|JavaScript - Créer un graphique jqWidget(A venir)]] |
| | - **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]] |
| | - <html><a href="https://www.apachefriends.org/fr/download.html" target="_blank">XAMPP : une distribution Apache facile à installer</a></html> |
| | - **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]] |
| | |
| |