Introduction au développement d'application Web

Une présentation en HTML/CSS/JS

- Gabriel Delattre / @gabrielstuff

I. L'informatique

1. Historique

2. Les systèmes d'exploitations

3. Internet - écosystème

II.Introduction au développement en ligne.

1. Architecture et fonctionnement de l'infrastructure des réseaux.

2. Client-Serveur, les fonctionnements classiques d'un environnement en ligne.

3. Les langages informatiques de bureau

4. Les langages du Web (php, mysql, python, ruby, javacript)

5. Les bases de données (mysql, nosql - l'essentiel) les structures de données

6. Langage côté serveur/ Langage côté client

III. HTML

1. Qu'est-ce que le HTML

HyperText Markup Language

2. HTML5 et quoi HTML6?

http://dev.w3.org/csswg/selectors4/

IV. CSS

1. Qu'est-ce que le CSS ?

2. Qu'est-ce que le CSS3 ?

3. CSS4, il arrive ?

V. Javascript

1. Qu'est-ce que javascript

2. Utilité de javascript

3. Exemple simple de javascript

http://www.codecademy.com/

VI. Php

1. Qu'est-ce que php ?

Hypertext Preprocessor

2. Les autres langages pour créer une application web ?

Ruby, Javascript, Python, Scala, Clojure, GO, ASP.NET

VI. Les APIs

1. Qu'est-ce qu'une API

Application programming interface

2. Comment trouver une API

http://www.programmableweb.com/

Historique

Évolution du Web de 1995 à 2012. Une croissance incroyable et des usages très différents.

1995

16 millions d’utilisateurs (0,4% de la population)

Usage :

  • information
  • mail

Un usage presque uniquement unidirectionel

2012

2.280 millions d’utilisateurs ( plus de 30% de la population)

Usage :

  • mails (yahoo, hotmail, gmail)
  • moteurs de recherches (google, bing, yahoo, duckduckgo, etc.)
  • sites marchands (amazon, ebay, leboncoin, etc.)
  • sites de plans et données géographiques (bing, mappy, openStreetMap, etc.)

Les années 2000

Usage multicanal

Apparition des forums grands publiques

Accès simplifié au chatroom

Les internautes ne communiquent plus seulement entre personnes physiques connues.

La communication temps réel est à la mode

Caramail

1997

Moins de 200 000 utilisateurs

1998

La barre des 500 000 utilisateurs est atteinte

1999

En deux ans Caramail réussit à récupérer 1.2 millions d'inscrits

Caramail

2003

28 millions de comptes

2004

Au même moment Facebook fait son aparition.

Deux technologie oposée :

Coldfusion et Java pour Caramail VS php pour Facebook

L'univers propriétaire contre celui du libre

Caramail

2004

de 30 000 utilisateur à 3 000

2009

Seulement 700 000 comptes encore actif.

Le site ferme

Facebook

Facebook sort en 2003 en beta et en 2004 en public avec accès réservé

En 9 ans, facebook atteint 1.1 milliards d'utilisateurs

Facebook

Les technologies

Accent sur le libre et l'opensource :

  • php
  • mysql
  • apache
  • html
  • css
  • javascript (AJAX, framework maison)

Facebook

L'API

Accent sur l'accès à l'information :

  • Documentée
  • Simple d'accès

9 mai 2008

Lancement de Facebook Connect

Simplification de la création de compte et augmentation des interactions entre les sites.

Google

Moteur de recherche ultra rapide.

Premier service : 1998

Un seul ordinateur dans l'université de Stanford : 2x200MHz et 256Mo de RAM. Système d'exploitation linux.

Langage utilisé :

Python, C++, Java

Exercice

Réalisez un document reprenant l'ensemble des sites suivant sur une période de 6 ans :

  • google
  • yahoo
  • facebook
  • microsoft
  • lycos
  • apple
  • amazon
  • ubuntu

Les OS

Quelques système d'exploitation à connaitre :

Définition : Ensemble des logiciels permettant la gestion des resources d'une unité centrale.

  • Windows
  • Debian (Unix)
  • Mountain Lion (OsX)
  • Android
  • iOS

D'autres OS existent mais ne seront pas abordé dans ce cours.

Ecosystème

Les sites reposent les uns sur les autres.

Les images sont stockées sur des serveurs spécifiquent. Les mails sont reçus et envoyés par des serveurs différents. Les scripts (tel javascript) sont rarrement présent sur le serveur de l'un des deux précédent.

Ecosystème

Le web comme service :

De l'aide à la personne au développement d'application jusqu'au premier garagiste.

La fin

pour aujourd'hui

BY Gabriel Delattre / soixantecircuits.fr