quentin/quentin.dufour.io
1
0
Fork 2
Code Issues 3 Pull requests Releases Wiki Activity

Fix old article

Browse source
This commit is contained in:
Quentin 2021-07-14 22:48:54 +02:00
parent 531893aa3c
commit 73af25ae48
Signed by: quentin
GPG key ID: A98E9B769E4FF428
1 changed files with 7 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
_posts/2014-10-15-web.markdown
View file

@ -20,7 +20,7 @@ Nous rentrons maintenant dans l'ère industrielle, avec les différents outils p
Enfin, nous terminerons avec les technologies web de demain, qui permettent de réaliser de vrais applications et plus encore. Enfin, nous terminerons avec les technologies web de demain, qui permettent de réaliser de vrais applications et plus encore.
## Le commencement : HTML & CSS ## HTML & CSS
Le HTML est un langage de balisage. Il permet de décrire à l'aide d'un fichier texte les types d'informations qui seront contenues dans votre document html - à fortiori sur votre site web. Un fichier HTML ne se préocuppe pas du rendu, des couleurs. Pour ce qui est de l'apparence, du cosmétique, on utilise le CSS. Le CSS applique des modifications sur des balises du HTML. Le HTML est un langage de balisage. Il permet de décrire à l'aide d'un fichier texte les types d'informations qui seront contenues dans votre document html - à fortiori sur votre site web. Un fichier HTML ne se préocuppe pas du rendu, des couleurs. Pour ce qui est de l'apparence, du cosmétique, on utilise le CSS. Le CSS applique des modifications sur des balises du HTML.
@ -33,15 +33,11 @@ __Où apprendre le HTML et CSS ?__ :
- [OpenClassRooms](http://fr.openclassrooms.com/informatique/cours/apprenez-a-creer-votre-site-web-avec-html5-et-css3) - [OpenClassRooms](http://fr.openclassrooms.com/informatique/cours/apprenez-a-creer-votre-site-web-avec-html5-et-css3)
- [Documentation Mozilla Developer Network](https://developer.mozilla.org/fr/docs/Web/HTML) - [Documentation Mozilla Developer Network](https://developer.mozilla.org/fr/docs/Web/HTML)
## Des pages générées dynamiquement par le serveur
### Le contenu statique
Pour rendre accessible mes pages HTML et CSS à tout le monde, je dois utiliser un serveur web. Ce sont actuellement des contenus statiques. Apache et nginx excellent dans ce domaine. Si vous utilisez Windows, vous pouvez installer WAMP (Windows Apache MySQL PHP) ou XAMP (X Apache MySQL PHP). Sous linux, installez nginx ou apache Pour rendre accessible mes pages HTML et CSS à tout le monde, je dois utiliser un serveur web. Ce sont actuellement des contenus statiques. Apache et nginx excellent dans ce domaine. Si vous utilisez Windows, vous pouvez installer WAMP (Windows Apache MySQL PHP) ou XAMP (X Apache MySQL PHP). Sous linux, installez nginx ou apache
### Soyez dynamique ! ## Soyez dynamique !
####La version old-school avec PHP ### La version old-school avec PHP
L'idéal serait de pouvoir générer nos pages web à la volée. La manière la plus simple serait de le faire avec PHP. Nous ne nous atterderons pas sur cette possibilité qui est dépréciée. Sachez juste qu'une page PHP en 2000 pouvait ressembler à ça : L'idéal serait de pouvoir générer nos pages web à la volée. La manière la plus simple serait de le faire avec PHP. Nous ne nous atterderons pas sur cette possibilité qui est dépréciée. Sachez juste qu'une page PHP en 2000 pouvait ressembler à ça :
@ -57,13 +53,13 @@ L'idéal serait de pouvoir générer nos pages web à la volée. La manière la
</html> </html>
``` ```
####De nouveaux langages, une nouvelle approche ### De nouveaux langages, une nouvelle approche
Bien que PHP reste majoritaire dans beaucoup de cas, de nouvelles approches pour développer votre application web. Bien que PHP reste majoritaire dans beaucoup de cas, de nouvelles approches pour développer votre application web.
Entre autre, de plus en plus de sites sont développés grâce à Python, Javascript, Ruby, Java, etc. Leur approche est différente. Dans ce cas là, on va écrire un programme dans ce langage, qui va utiliser une bibliothèque http. Pour lancer notre site web, il ne nous restera qu'à lancer notre programme. Entre autre, de plus en plus de sites sont développés grâce à Python, Javascript, Ruby, Java, etc. Leur approche est différente. Dans ce cas là, on va écrire un programme dans ce langage, qui va utiliser une bibliothèque http. Pour lancer notre site web, il ne nous restera qu'à lancer notre programme.
####Arrêtons de réinventer la roue ! ### Arrêtons de réinventer la roue !
Il existe de nombreux frameworks, qui posent les bases d'une application. C'est comme si des personnes avaient déjà écrit le squelette de votre application, vous n'avez plus qu'à implémenter ce que vous voulez. Voici une liste non exhaustive avec leur langage associé : Il existe de nombreux frameworks, qui posent les bases d'une application. C'est comme si des personnes avaient déjà écrit le squelette de votre application, vous n'avez plus qu'à implémenter ce que vous voulez. Voici une liste non exhaustive avec leur langage associé :
@ -78,7 +74,7 @@ Il existe de nombreux frameworks, qui posent les bases d'une application. C'est
_Tout ces liens mènent vers la page de démarrage du projet, n'hésitez pas à naviguer sur les sites pour avoir des infos sur le framework_ _Tout ces liens mènent vers la page de démarrage du projet, n'hésitez pas à naviguer sur les sites pour avoir des infos sur le framework_
####Design Pattern MVC ### Design Pattern MVC
Tout ces frameworks partagent un point commun : leur façon de fonctionner. Elle est appelée MVC ou Modèle Vue Controlleur. Tout ces frameworks partagent un point commun : leur façon de fonctionner. Elle est appelée MVC ou Modèle Vue Controlleur.
@ -98,7 +94,7 @@ La vue est le code HTML de base dans lequel on va injecter le code de notre arti
</article> </article>
``` ```
##Le Javascript, en route vers la web app' ## Javascript
A chaque fois que votre utilisateur fait une action, vous devez recharger la page web. Vous pouvez mettre fin à ça facilement grâce au javascript ! A chaque fois que votre utilisateur fait une action, vous devez recharger la page web. Vous pouvez mettre fin à ça facilement grâce au javascript !