{"id":1856,"date":"2019-10-10T12:20:25","date_gmt":"2019-10-10T10:20:25","guid":{"rendered":"https:\/\/www.agence-lapostolle.com\/?p=1856"},"modified":"2024-01-15T18:12:15","modified_gmt":"2024-01-15T17:12:15","slug":"les-5-langages-de-programmation-a-connaitre","status":"publish","type":"post","link":"https:\/\/www.agence-lapostolle.com\/en\/2019\/10\/10\/les-5-langages-de-programmation-a-connaitre\/","title":{"rendered":"Les 5 langages de programmation \u00e0 conna\u00eetre"},"content":{"rendered":"

Vous souhaitez d\u00e9velopper vos propres sites internet ? Mais vous ne savez pas par o\u00f9 commencer ? Vous souhaitez suivre une formation ou int\u00e9grer une \u00e9cole mais vous ne savez pas quels cours suivre ? Voici les 5 langages de programmation \u00e0 conna\u00eetre pour cr\u00e9er des sites modernes !<\/p>\n\n\n\n

HTML<\/h3>\n\n\n\n

Cr\u00e9\u00e9 en 1993, avec les premiers sites web, l’HyperText Markup Langage est alors la base de tout site internet. Sa structure simple en balises permet ainsi un apprentissage rapide tout en vous laissant de la libert\u00e9. Voici un exemple de code :<\/p>\n\n\n\n

\n

<html><\/p>\n\n\n\n

<head><\/p>\n\n\n\n

<title>Titre de la page<\/title><\/p>\n\n\n\n

<\/head><\/p>\n\n\n\n

<body><\/p>\n\n\n\n

<p>Voici le contenu de ma page !<\/p><\/p>\n\n\n\n

<\/body><\/p>\n\n\n\n

<\/html><\/p>\n<\/blockquote>\n\n\n\n

Tout ce qui est contenu dans les balises \u00ab\u00a0html\u00a0\u00bb permet d’afficher la page. Dans le \u00ab\u00a0head\u00a0\u00bb, vous trouverez ainsi les informations qui ne sont pas n\u00e9cessairement visible par le visiteur. Ensuite dans le \u00ab\u00a0body\u00a0\u00bb, se trouve le contenu \u00e0 afficher, ici une balise \u00ab\u00a0p\u00a0\u00bb pour cr\u00e9er un paragraphe.<\/p>\n\n\n\n

L’apparition des balises \u00ab\u00a0div\u00a0\u00bb a ainsi permis une structuration par \u00ab\u00a0blocs\u00a0\u00bb beaucoup plus ergonomique et pratique.<\/p>\n\n\n\n

La ma\u00eetrise des balises \u00ab\u00a0div\u00a0\u00bb permettent alors de r\u00e9pondre \u00e0 une demande actuelle : le responsive design<\/a>.<\/p>\n\n\n\n

CSS<\/h3>\n\n\n\n

Les Cascading Style Sheets (cr\u00e9\u00e9s en 1996) permettent d’embellir vos pages web facilement. Le CSS a ainsi caus\u00e9 l’abandon de l’attribut \u00ab\u00a0style\u00a0\u00bb dans le HTML qui n’\u00e9tait ni pratique ni progressiste.<\/p>\n\n\n\n

Un exemple pour signifier que l’ensemble de mes paragraphes doivent \u00eatre en rouge et justifi\u00e9s :<\/p>\n\n\n\n

\n

p<\/p>\n\n\n\n

{<\/p>\n\n\n\n

color: red;<\/p>\n\n\n\n

text-align: justify;<\/p>\n\n\n\n

{<\/p>\n<\/blockquote>\n\n\n\n

L’int\u00e9r\u00eat du CSS est qu’il vous permet de changer une donn\u00e9e qui aura alors un impact sur tout votre code. Cela vous \u00e9vite de devoir changer chaque instance et ainsi gagner du temps.<\/p>\n\n\n\n

Des g\u00e9n\u00e9rateurs de code<\/a> permettent aussi d’embellir vos sites rapidement.<\/p>\n\n\n\n

Il est aussi possible de cr\u00e9er des animations gr\u00e2ce au CSS avec des sites comme TheAppGuruz<\/a>.<\/p>\n\n\n\n

Structurer un site complet gr\u00e2ce au HTML et au CSS tout en r\u00e9pondant au responsive design peut sembler complexe. Cependant Bootstrap <\/a>permet plus de faciliter. Il est dor\u00e9navant indispensable de le ma\u00eetriser pour cr\u00e9er des sites modernes (ou tout autre framework s’en rapprochant).<\/p>\n\n\n\n

JavaScript<\/h3>\n\n\n\n

Le JavaScript vous permet de cr\u00e9er plus de dynamisme dans vos pages web. Et ainsi cr\u00e9er des applications web originales.<\/p>\n\n\n\n

Changer la couleur d’un texte en le survolant avec sa souris. Agrandir une image en cliquant dessus. Afficher des blocs en scrollant sur son site… Sont le genre de fonctions qui plaisent aux visiteurs, en rendant la navigation sur votre site unique.<\/p>\n\n\n\n

Ce code permet par exemple d’afficher une popup demandant au visiteur de valider sa majorit\u00e9 :<\/p>\n\n\n\n

\n

if (confirm(‘Pour acc\u00e9der \u00e0 ce site vous devez \u00eatre majeur.’))<\/p>\n\n\n\n

{
alert(‘Vous allez \u00eatre redirig\u00e9 vers le site.’);
}
else {
alert(‘D\u00e9sol\u00e9, revenez quand vous serez majeur !’);
}<\/p>\n<\/blockquote>\n\n\n\n

Le site peut ensuite \u00eatre g\u00e9n\u00e9r\u00e9 en fonction de son choix. Par exemple, en ne donnant pas toutes les fonctionnalit\u00e9s d’un chat ou d’un forum aux mineurs.<\/p>\n\n\n\n

PHP<\/h3>\n\n\n\n

Le PHP (Hypertext PreProcessor) est ce que l’on appelle un langage \u00ab\u00a0serveur\u00a0\u00bb. Cela signifie qu’il est trait\u00e9 en amont de l’ordinateur de l’utilisateur : sur le serveur du site internet. Cela permet plus de s\u00e9curit\u00e9 que les langages pr\u00e9c\u00e9dent mais surtout une plus grande libert\u00e9 dans le \u00ab\u00a0dynamisme\u00a0\u00bb.<\/p>\n\n\n\n

Par \u00ab\u00a0dynamisme\u00a0\u00bb, nous n’entendons pas la m\u00eame chose que le \u00ab\u00a0dynamisme\u00a0\u00bb du JavaScript. Ici il n’est pas question de changer les couleurs ou d’ajouter des effets visuels.<\/p>\n\n\n\n

Le \u00ab\u00a0dynamisme\u00a0\u00bb du PHP repose sur un changement des informations en fonction de l’utilisateur. Les sites en PHP contiennent g\u00e9n\u00e9ralement un formulaire d’inscription. Celui-ci permet alors au site d’aller piocher ces informations dans une base de donn\u00e9es.<\/p>\n\n\n\n

Pour faire plus simple :<\/p>\n\n\n\n