Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente |
web:accueilweb [2021/10/11 11:59] – [Sommaire] phil | web:accueilweb [2024/09/17 09:40] (Version actuelle) – [Sommaire] phil |
---|
** Rédacteur(s)** : Philippe Mariano | ** Rédacteur(s)** : Philippe Mariano |
| |
[Mise à jour le 11/8/2021] | [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. \\ | 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. \\ |
- **Structurer les pages** | - **Structurer les pages** |
- [[:web:baseshtml|Les bases du HTML]] | - [[:web:baseshtml|Les bases du HTML]] |
- Les tags à connaître | |
- **Décorer les éléments sur les pages** | - **Décorer les éléments sur les pages** |
- [[:web:basescss| Les bases de CSS]] | - [[:web:basescss| Les bases de CSS]] |
- <html><a href="http://fr.learnlayout.com/" target="_blank">Complément de CSS</a></html> | |
- Les propriétés CSS personnelles | |
- [[:web:positionCSS|Conception d'un gabarit CSS]] | - [[:web:positionCSS|Conception d'un gabarit CSS]] |
- Conception d'un menu simple avec des règles 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]] | - [[:web:menuCSS|Conception d'un menu déroulant avec des règles CSS]] |
- CSS3 Flexbox | - <html><a href="https://developer.mozilla.org/fr/docs/Learn/CSS/CSS_layout/Flexbox" target="_blank" title="Site MDN">CSS3 Flexbox</a></html> |
- Les CSS GRID | - <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** | - **Dynamiser les pages avec JavaScript** |
- [[:web:javascript|JavaScript et jQuery : les bases]] | - [[: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** | - **Côté serveur** |
- [[:web:Apache|Installer un serveur Apache, PHP et mySQL]] | - [[:web:Apache|Installer un serveur Apache, PHP et mySQL]] |
- **PHP** | - [[:web:Apache:wamp|Installer WampServeur]] |
- [[:web:php|Les bases du langage]] | - **PHP** |
- **JavaScript** | - [[:web:php|Les bases du langage]] |
- <html><a href="https://openclassrooms.com/fr/courses/1056721-des-applications-ultra-rapides-avec-node-js" target="_blank">Node.js</a></html> | - **JavaScript** |
- **Bases de données** | - <html><a href=" https://developer.mozilla.org/fr/docs/Web/JavaScript" target="_blank">JavaScript sur MDN</a></html> |
- [[:info:bdd:accueilbdd|Sommaire]] | - <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** | - **IoT** |
- [[:web:websockets|Websockets vs REST]] | - [[:web:websockets|Websockets vs REST]] |
- <html><a href="https://httpie.io/" target="_blank">HTTPie - Client HTTP en ligne de commande</a></html> | - <html><a href="https://httpie.io/" target="_blank">HTTPie - Client HTTP en ligne de commande</a></html> |
- **Cours en ligne** | - **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> | - <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> |
| |