Programmation web — Wikipédia
Logo du langage
HTML5.
La programmation web est la programmation informatique qui permet de créer et d'éditer des sites web. Elle permet la création d'applications destinées à être déployées sur Internet ou en Intranet. Ces applications web sont constituées de pages web pouvant prendre différentes formes telles que :
- les « pages web statiques » : il s'agit de fichiers ; leur contenu n'est pas influencé par l'internaute qui le demande et il évolue seulement avec une intervention manuelle de son code source. Une fois une page statique chargée sur le navigateur web du client, des scripts JavaScript peuvent permettre de faire évoluer la page via des appels côté serveur par exemple (Ajax).
- les « pages web dynamiques » : leur contenu , etc.), pouvant faire appel à des bases de données, des API, etc.) qui sera interprété par un navigateur web (ou une fenêtre, pour les logiciels de bureau ou applications mobiles) et produira un rendu visuel : une interface utilisateur (UI) ; et dont certains éléments permettront une navigation, des liens avec les autres pages (UX).
Toute page web comprend une base de langage HTML ou XHTML. Il s'agit d'un langage de balisage qui définit essentiellement la structure de la page web (titres, tableaux, paragraphes, listes, etc.).
Initialement, c'est un langage qui permet de créer des hyperliens, à savoir des liens d'un document à un autre ou d'un endroit d'un document à un autre endroit du même document (identificateur de fragment).
Ce langage ne définit, au départ, que la structure de la page ; mais, très vite, se sont ajoutées des balises (ou tags) qui spécifient les caractéristiques de la page web (hiérarchisation du contenu, attributs donnés aux balises).
Depuis sa version 4, le langage HTML s'accompagne de feuilles de style en cascade (CSS) qui sont des styles se chargeant de la mise en forme et de l'animation de la page.
Le XHTML est une évolution du HTML basée sur XML.
Insertion d'objets en HTMLmodifiermodifier le code
Pour rendre une page web plus dynamique en HTML, il est possible d'y insérer des objets, grâce aux tags <object>, <img>, <applet> ou <script> par exemple.
Un premier type d'objet sont les images qu'on intègre dans la page web. Les images sont généralement statiques, sauf les gifs animés.
- Portabilité
- Pour autant qu'on se limite aux formats de fichiers standards pour le web (.gif, .jpg ou .jpeg et .png), les images sont sans doute un des objets les plus multi-plateforme du web : la majorité des navigateurs web savent afficher des images.
- Mise en place
- Les images numériques deviennent un média très « grand public » et sont assez aisées à implémenter dans un site web grâce à la balise <img>.
L'intégration de documents multimédia (son ou vidéo).
- Mise en place
- Une fois un fichier son ou vidéo produit, le placement dans la page HTML peut se faire, en HTML5, via des balises <audio> ou <video>.
- Performance
- Les fichiers multimédia étant souvent lourds ils sont plus longs à télécharger (que du texte, par exemple). Ils peuvent réduire les performances (temps de chargement) de la page web. Cependant il existe des techniques permettant d'améliorer le temps de chargement, par exemple : la lecture en flux (streaming).
Jusqu'au début des années 2010
modifiermodifier le code
Animation Flash (obsolète)
Flash (d'Adobe Systems - Macromedia) est un programme qui permet de créer des animations dans un format vectoriel propriétaire relativement léger. Le programme génère un fichier de travail avec l'extension .fla qui sera compilé en un fichier avec l'extension .swf. Swift était un autre programme générant des fichiers swf hors de la sphère Macromedia.
Dans une page web, une animation Flash (fichier avec extension .swf) peut être intégrée comme partie de la page (une publicité, un menu, ...) ou l'ensemble de la page pouvant être en flash mais avec la présence d'un squelette HTML.
Flash permet de créer des animations de qualité, offrant une certaine interaction avec l'utilisateur grâce au langage de programmation ActionScript (dérivé de ECMAScript comme JavaScript). Les dernières versions de Flash permettent également l'interfaçage avec une base de données.
Adobe Flash Player est officiellement abandonné en , etc.), va résulter en un contenu qui sera envoyé « côté client ».
Il est possible de mettre en place un serveur web en utilisant le programme Node.js, exposant des URL, via notamment Express.js, à un projet de code développé en Javascript.
PHP (PHP: Hypertext Preprocessor) est un langage de script interprété côté serveur. Le code PHP est lu par le serveur et interprété pour produire une page HTML (ou d'autres types de fichier comme des images ou des documents PDF) à chaque fois que la page sera demandée. Ce langage a été créé initialement dans le cadre des logiciels Open Source. De nombreux développeurs ont ensuite profité de l'Open Source pour développer de nombreux modules prêts à l'usage et paramétrables à volonté.
Les modules serveurs de PHP sont implémentés sur les serveurs Apache et Unix mais PHP peut être implémenté sur d'autres plates-formes via des CGI.
La syntaxe, relativement simple, part d'une base de C.
Frameworks notables : Symfony, Laravel.
Django : Framework open-source largement répandu pour construire et déployer une application côté serveur en Python.
Ruby on Rails : Framework open-source largement répandu pour construire et déployer une application côté serveur en Ruby.
- JSP (JavaServer Pages) : technique développée par Sun Microsystems dans le but de créer des pages dynamiques avec le langage Java. Les JSP permettent d'ajouter du code Java dans la page HTML qui sera interprété par le serveur. On peut distinguer trois ensembles d'instructions JSP :
- Les instructions de programmation permettent d’insérer des bouts de code Java directement dans la page web, et donnent accès à une grande partie de la bibliothèque de programmation de la version standard de Java (composants JavaBeans, accès aux bases de données via JDBC etc.)
- Les directives qui permettent de spécifier certaines propriétés de la page, l’inclusion du contenu d’autres fichiers et l’utilisation d’autres classes et bibliothèques de balises personnalisées.
- Les actions permettent essentiellement d’utiliser des composants JavaBeans existants.
- Portabilité : très grande portabilité grâce à Java : serveurs Apache mais aussi IIS, etc.
- Mise en place : utilisation de Java comme langage de programmation.
- Performance : très variable en fonction de l'implémentation utilisée.
- Utilisation : tout type de fonctionnalités.
- Servlets : le nom vient d'une analogie possible à faire avec les applets. Il s'agit donc de programmes créés en Java et tournant sur le serveur web. L'exécution du programme génère les pages web renvoyées au client.
- Langages utilisés : Java.
- Portabilité : Très grande portabilité grâce à Java : serveurs Apache mais aussi IIS, etc.
- Mise en place : Utilisation de Java comme langage de programmation.
- Performance : Très variable en fonction de l'implémentation utilisée.
- Utilisation : Tout type de fonctionnalités.
Il est possible de développer un site web « côté serveur » en C++, notamment avec des frameworks tels que Wt (en), ou CppCMS (en) par exemple.
- ASP (Active Server Pages) : technique développée par Microsoft à partir de 1996 dans le but de créer des pages dynamiques. ASP permet d'ajouter du code dans la page HTML qui sera interprété par le serveur. La partie ADO (ActiveX Data Object) de ASP permet de se connecter à une base de données.
- Langages utilisés : VBScript (langage par défaut) ou JScript.
- Portabilité : La technique est implémentée sur les serveurs web de Microsoft (IIS et PWS (en)).
- Mise en place : Utilisation de langage de Script donc d'accès relativement aisé (mais se complexifie vite).
- Performance : Bonne performance surtout si l'on utilise du code compilé (DLL).
- Utilisation : Tout site web dynamique peut être créé en ASP.
- Dernière version : ASP 3.0.
- ASP.NET : technique développée par Microsoft sur base du Framework.Net. L'évolution est importante par rapport à ASP et les possibilités deviennent quasi infinies. ASP.NET a le gros avantage, par rapport à d'autres techniques, de bien séparer le contenu de la page web, sa mise en forme et la programmation des aspects dynamiques (travail en
Portail d’Internet
Logo du langage HTML5.
