inventé en 1945 par John von Neumann, l'assembleur fut le premier vrai langage de programmation mais aussi le plus proche de langage machin.
#Le COBOL:
common Organization Business Oriented Language. Datant de 1959, ce langage de programmation contrairement au C++ ou au Java, il n'est pas orienté objet.
exemple
01 NomPrenom.
05 Prenom PIC X(20).
05 Nom PIC X(20).
#Le BASIC:
Beginners All purpose Simple Intructions Code (1964) le langage de programmation le plus simple il permet de créer des programmes basiques . exepemple:
0 INPUT "Quel est votre nom ? "; NOM$
20 PRINT "Bonjour "; NOM$
30 INPUT "Combien d'étoiles voulez-vous ? "; NOMBR
#Le Pascal: est né dans les années 70connu son essor à partir de 1983 avec le compilateur turbo Pascal (de la société Borland) il évolua pour incorporer des objets puis pour être capable d'affficher des fenêtres.
exemple: PROGRAM var_entiere;
VAR
a : integer; { D´eclaration }
BEGIN
a := 5; { Affectation }
writeln (’valeur de a = ’, a); { Affichage : a = 5 }
end
#la programmation orientée objet (POO):
La programmation orientée objet consiste à représenter son programme sous la forme d'objets (ce peut être n'importe quoi) ayant leurs propres attributs et communiquant entre eux à l'aide de méthodes.
La programmation orientée objet devient de plus en plus indispensable de nos jours pour faire des programmes souples bien conçus et maintenables. Elle est accompagnée de diverses notions: héritage, polymorphisme, upcast, classe/méthode abstrait design patterns, etc.
### SQLLe SQL (Structured Query Language) est un langage permettant de communiquer avec une base de données. Ce langage informatique est notamment très utilisé par les développeurs web pour communiquer avec les données d’un site web.
nom du tableau : golavérage
| Club | Victoire | Défaite |
|---|---|---|
| PSG | 12 | 0 |
| OM | 6 | 6 |
| OL | 8 | 4 |
| Nice | 9 | 3 |
SELECT club, victoire FROM golavérage| Club | Victoire |
|---|---|
| PSG | 12 |
| OM | 6 |
| OL | 8 |
| Nice | 9 |
- CakePHP est un framework (ensemble cohérent de composants logiciels structurels qui servent a créer les fondations et les grandes lignes d'un lociel) web libre écrit en PHP distribué sous licence MIT .
-
Cake facilite l'utilisation de Bases de données avec active record qui est une approche pour lire les données d'une base. Il encourage également fortement l'utilisation de l'architecture Modèle-Vue-Contrôleur qui est un motif d'architecture logicielle destiné au interfaces graphiques(tres populaire pour les applications web). Cakephp est compatible avec PHP5 et PHP7 , il sert également a avoir des composants de sécurité de gestion des droits et de gestion des sessions et caché des vues et des actions flexible.
-
Fonction
- Une fonction qui permet de rechercher et de remplacer des mots dans une variable.
- Une fonction qui envoie un fichier sur un serveur.
- Une fonction qui permet de créer des images miniatures (aussi appeléesthumbnails).
- Une fonction qui envoie un mail avec PHP (très pratique pour faire une newsletter !).
- Une fonction qui permet de modifier des images, y écrire du texte, tracer des lignes, des rectangles, etc.
- Une fonction qui crypte des mots de passe.
- Une fonction qui renvoie l'heure, la date…
function dire_texte($qui, $texte = 'Bonjour')
{
if(empty($qui)){ // $qui est vide, on retourne faux
return false;
}else{
echo "$texte $qui"; // on affiche le texte
return true; // fonction exécutée avec succès
}- On peut utiliser cake pour l'utilisation de CRUD(create,read,update,delete) afin de simplifiée l'utilisation des bases de données SQL , pour dispatché l'url permettant d'obtenir des adresses aisément lisibles , validations de données et pour avoir un script en ligne de commande permettant la génération automatique de code a partir du modele physique de données.
function Nom_De_La_Fonction(argument1, argument2, ...) {
liste d'instructions
$chaine = "Nombre de camions : ";
function ajoute_camion($mode='')
{
global $chaine;
static $nb=0;
$nb++; // on incrémente le nombre de camions
if($mode == "affiche"){
echo $chaine.$nb; // on affiche le nombre de camions
}
}
ajoute_camion(); // nb == 1
ajoute_camion(); // nb == 2
ajoute_camion(); // nb == 3
ajoute_camion("affiche"); // affiche Nombre de camions : 4-
Symphony est un langage de programmation écrit en PHP fondé en 2005 par l'agence web SensioLabs, ce langage permet d'avoir une facilitée et une rapiditée dans le developpement d'un site web car il utilise des fonctionnalités modulables et adaptables.
-
Le site DailyMotion par exemeple a été programmé sous la forme Symfony.
-
Voici un exemple de codage.
Le HTML (« HyperText Mark-Up Language ») est un langage dit de « marquage » (de « structuration » ou de « balisage ») dont le rôle est de formaliser l'écriture d'un document avec des balises de formatage. Les balises permettent d'indiquer la façon dont doit être présenté le document et les liens qu'il établit avec d'autres documents. Les éléments du langage
Les spécifications HTML font la différence entre les types d'éléments et les balises (ou marqueurs).
#l'élément page HTML et ses balises.
Les signes < et > délimitent la balise. Ici est une balise d'ouverture et une balise de fermeture. L'élément HTML est, quant à lui, encadré par une balise d'ouverture de l'élément HTML et une balise de fermeture de l'élément HTML
contenant elle aussi le nom de l'élément et précédée par un slash (/) spécifiant la balise comme une balise de fermeture. La balise d'ouverture peut avoir divers attributs lui étant incorporé si nécessaire.Attention, les éléments ou textes contenus entre ces deux balises sont considérés comme le contenu de l'élément HTML (ici le contenu de la page Web). On peut faire le même raisonnement avec tout type d'élément du langage, hormis le fait que certains éléments ne possèdent pas de contenu et ne possèdent pas de balises de fermeture, ce sont les balises orphelines (voir tableau 1 : les éléments). Une autre notion importante de HTML est qu'il est basé sur la technique de l'hypertexte, cette technique permet de spécifier des URL au sein d'une même page ou entre des pages différentes. Si l'on prend la globalité des liens existant sur Internet on aurait un aperçu de ce qu'est le World Wide Web, une gigantesque toile sur laquelle des noeuds sont en fait des serveurs de contenus multimédias et les centaines de fils composants la toile les câbles reliant les machines au réseau.
<title>Titre affiché dans la barre du navigateur</title><body>
<h1>titre de niveau 1</h1>
<h2>titre de niveau 2</h2>
<h2>titre de niveau 3</h2>
<p>paragraphe 1</p>
<p>paragraphe 2</p>
<p>paragraphe 3</p>
<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
</ul>
</body>
CSS est l'acronyme de Cascading Style Sheet, ou feuille de style en cascade en français. Le CSS permet d'insérer des styles sur un code HTML ou XHTMl et donc permet de définir très précisément le comportement de chaque élément de la page.Une bonne pratique de développement consiste à débarrasser le coe HTML5 de toute information de mi se en forme et de laisser les feuilles de styles (CSS donc) se charger de ce travail. Ainsi, le fond est bien séparé de la forme, simplifie le travail à l'utilisateur et lui permet de créer un ste internet optimal.
C'est lui qui vous permet de choisir la couleur de votre texte. Lui qui vous permet de sélectionner la police utilisée sur votre site. Lui encore qui permet de définir la taille du texte, les bordures, le fond… Et aussi, c'est lui qui permet de faire la mise en page de votre site. Vous pourrez dire : je veux que mon menu soit à gauche et occupe telle largeur, que l'en-tête de mon site soit calé en haut et qu'il soit toujours visible, etc.
html, body {
margin: 0;
padding: 0;
}
body {
background-color: white;
font-family: Verdana, sans-serif;
font-size: 100%;
}
h1 {
font-size: 200%;
color: navy;
text-align: center;
}
h2 {
font-size: 150%;
color: red;
padding-left: 15px;
}
p,ul,li,td {
color: black;
}
a:link {
color: green;
text-decoration: underline;
}
a:visited {
color: gray;
}
a:hover {
color: red;
text-decoration: none;
}
a:active, a:focus {
color: red;
}Bootstrap, est un compilateur écrit dans son propre langage. Bootstrap a été développé par la société Twitter. Bootstrap Protocol ou BOOTP, protocole réseau d'amorçage qui permet de donner automatiquement une adresse IP à une machine.
En informatique, le terme Bootstrapping décrit les techniques nécessaires à l'écriture d'un compilateur dans le langage de programation cible qu'il doit compiler.
L'utilisation de Bootstrap est une régression pour un travail Front-end de qualité. En résumé Bootstrap est un framework CSS qui comporte un plus des plugins jQuery pour composer des pages web, il a connu un développement et une popularité très rapide. Bootstrap s'installe facilement en référençent quelques fichiers sur son serveur ou même en passant par des CDN, il propose des template de démarrage pour éviter de partir avec une pagle blache. Bootstrap intègre des médias queries pour adapter les pages web a tous le s supports de visualisation.
### Javascript
L'une des choses primordiale à savoir est de bien se rendre compte que le JavaScript n'a aucun rapport avec le Java qui est un autre langage informatique.
La particularité du JavaScript consiste à créer des petits scripts sur une page HTML dans le but d'ajouter une petite animation ou un effet particulier sur la page. Cela permet en général d'améliorer l'ergonomie ou l'interface utilisateur, mais certains scripts sont peu utile et servent surtout à ajouter un effet esthétique à la page.
- Un système de chat, comme celui de Facebook.
- Une suggestion lors de la frappe dans un champ de texte, comme lors d'une recherche avec Google.
- Un lecteur de vidéos ou de musiques, aussi puissant que celui de Youtube.
- Des jeux.
- La modélisation 3D d'une Lamborghini affichée grâce à l'API WebGL et à la bibliothèque Three.js Et bien d'autres choses !
function changeCouleur(nouvelleCouleur) {
elem = document.getElementById("para1");
elem.style.color = nouvelleCouleur;
}- Vérifier si un élément contient une certaine classe
- Ajouter ou enlever une classe
- Utilisation d'une fonction spécifique à Internet Explorer
- Lier une fonction à un événement
- Ajouter du contenu à un élément HTML
- Préchargement d'images
- Valider si un option est sélectionné
- Cacher un élément HTML
- Détection de navigateur avec jQuery
- Valider si un élément existe
- Cacher ou fermer automatiquement un élément après un certain temps
- Obtenir l'élément parent le plus près
var s = "JavaScript syntax highlighting";
alert(s);
$(document).ready(function() { // Lorsque le document est chargé
$(".load_page_on_click").click(function() { // Lorsque l’on clique sur un élément d'attribut class "load_page_on_click"
var email = $("input[name=email]").val(); // Variable contenant la valeur d'un élément input d'attribut name "email"
$.ajax({ // Exécution d’une requête Ajax avec la configuration donnée par l'objet suivant :
async: "true", // - requête asynchrone
type: "GET", // - type HTTP GET
url: "mapage.php", // - URL de la page à charger
data: "email=" + encodeURIComponent(email) + "&action=get_email", // - données à envoyer
error: function(errorData) { // - fonction de rappel en cas d’erreur
$("#error").html(errorData);
},
success: function(data) { // - fonction de rappel pour le traitement des données reçues en cas de succès
$("#container").html(data); $("#error").append("Contenu chargé");
}
}); // Fermeture de l'appel à la fonction $.ajax
}); // Fermeture de la fonction de rappel du $(".load_page_on_click").click
}); // Fermeture de la fonction de rappel du $(document).readyceci était un exemple d'ajax en Jquery
### NodeJS
Node.js est une plateforme construite sur le JavaScript runtime de Chrome pour facilement construire un réseau d’applications rapide et évolutif. Node.js utilise un modèle événementiel, sans blocage I/O qui le rend léger et efficace, parfait pour des applications en temps réel avec un volume de données important qui fonctionne sur les appareils distribués
Node.js est une plateforme de développement Javascript,
Node.js est une plateforme logicielle libre et événementielle en JavaScript orientée vers les applications réseau qui doivent pouvoir monter en charge. Elle utilise la machine virtuelle V8 et implémente sous licence MIT les spécifications CommonJS. Node.js contient une bibliothèque de serveur HTTP intégrée, ce qui rend possible de faire tourner un serveur web sans avoir besoin d'un logiciel externe comme Apache ou lighttpd, et permettant de mieux contrôler la façon dont le serveur web fonctionne. Concrètement, node.js est un environnement d'assez bas niveau permettant d'exécuter du JavaScript non plus dans le navigateur web mais sur le serveur. Node.js est de plus en plus populaire comme plateforme serveur, elle est utilisée par Groupon, SAP, LinkedIn,Microsoft,Yahoo,Walmart, Rakuten et PayPal.
Node.js facilitent le travail de création d’applications événementielles, il permet d'utiliser le language JavaScript sur le serveur en dehors du navigateur,avec des bibliothèques permettant de réaliser des actions comme écrire sur la sortie standard, ouvrir/fermer des connections réseau ou encore créer un fichier.
const http = require('http');
const hostname = '127.0.0.1';
const port = 3000;
const server = http.createServer((req, res) => {
res.statusCode = 200;
res.setHeader('Content-Type', 'text/plain');
res.end('Hello World\n');
});
server.listen(port, hostname, () => {
console.log(`Server running at http://${hostname}:${port}/`);
});
Asynchronous Javascript And XML ou plus simplement AJAX, n'est pas à proprement parler un langage de programmation mais plutôt un moyen d'en utiliser plusieurs conjointement.
Il fonctionne en utilisant JavaScript en arrière plan pour communiquer avec le serveur et permettre la mise à jour de la page (envoi/réception d'information) en temps réel sans actualisation de la page.
On retrouve notamment ce langage dans
- l'interface de Gmail
- Google Talk
- ou sur Facebook pour gérer les photos et le chat.
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" media="screen" href="style.css">
<script src="http://code.jquery.com/jquery-1.6.2.min.js"></script> <!-- Les sources de la bibliothèque JQuery -->
<script src="script.js"></script> <!-- La source qui contient le code d'envoi en Ajax -->
</head>
<body>
<form method="post" action="add.php"> <!-- Formulaire envoyé par la méthode POST -->
<fieldset>
<legend>Choisissez deux nombres entiers</legend>
<p><label>a = <input name="a" type="number" required></label></p> <!-- Premier nombre -->
<p><label>b = <input name="b" type="number" required></label></p> <!-- Deuxième nombre -->
</fieldset>
<fieldset>
<legend>Résultat</legend>
<p id="result"></p> <!-- Le résultat sera placé ici -->
</fieldset>
<p><button>Soumettre</butto