@florentduveau
Lead Tech Front
Langages (#1)
Histoires (#2)
Pratique (#3)
Démonstrations
Démonstrations
Qu'est ce qu'un langage ?
Langage (n.m) : Capacité, observée chez tous les hommes, d'exprimer leur pensée et de communiquer au moyen d'un système de signes vocaux et éventuellement graphiques (la langue). - Larousse
Ensemble de caractères, de symboles et de règles qui permettent de les assembler, utilisé pour donner des instructions à un ordinateur.
1/8
Historique
FRANCAIS
1694
1718
1740
1762
1798
1835
1878
1935
1992
v0
18 000 mots
v1
v2
v3
v4
v5
v6
v7
v8
35 000 mots
Brouillon (Draft) v9 : 60 000 mots de prévus
Sortie prévue : ???
2/8
Historique
JAVA
1996
1997
1998
2000
2002
2004
2006
2011
2014
v0
v1
v2
v3
v4
v5
v6
v7
v8
2017
v9
3/8
Des Langages
#!/usr/bin/env python
kmh = int(raw_input("Enter km/h: "))
mph = 0.6214 * kmh
print "Speed:", kmh, "KM/H = ", mph, "MPH"
import java.io.*;
import java.util.*;
class MilesToKms{
public static void main (String[] args)throws Exception{
//1 mile = 1.609 344 kilometer;
int miles
Scanner scan= new Scanner (System.in);
System.out.print("Enter a number of miles: ");
float km = miles * 1.609344f;
System.out.println(miles + " miles is " + km + " kilometers.");
}
}
#include <iostream>
#include <cstdlib>
using namespace std;
int main()
{
// Declaring and initializing the variable
float k = 0;
// Prompting the user for input (in km).
cout << "Please input the number of kilometers you wish to be converted "
"into miles."
<< endl << endl;
cin >> k;
// Display number of kilometers in miles.
cout << endl
<< k << " kilometers is " << (k * 0.621371192) << " miles."
<< endl << endl;
system("PAUSE");
return EXIT_SUCCESS;
}
4/8
010101001010101010.....
INTERPRETEUR
PROGRAMME (Java, C++, Cobol...)
INTERPRETEUR
Ordinateur
5/8
Comment fonctionne l'Internet ?
FRONT
BACK
Interface d'utilisation
UI (User Interface)
server side
client side
6/8
Comment fonctionne l'Internet ?
FRONT
BACK
7/8
Comment fonctionne l'Internet ?
Structure la page
(sémantique)
<html>
<head>
...
</head>
<body>
<header>
<h1>Mon titre</h1>
</header>
</body>
</html>
h1 {
font-size: 20px;
color: red;
font-weight: bold;
}
Stylise la page
(feuilles de style)
8/8
les débuts / la vente et le savoir
Tim Berners-Lee
début
1990
HTML 1
HTTP 1
CSS 1
JavaScript 1
Netscape
1994
1995
2000
1996
HTML 4
CSS2
1998
(aparté)
TC-39
publication
implémentation
rédaction
le tournant - Le web social (WEB 2.0)
2004
Firefox
MySpace
2008
2005
2006
Le décollage / Media et Services
2008
Chrome
2010
2013
2009
HTML 5
2014
Me at the zoo - Jawed (23 avril 2005)