programmation web 1gcolas/options-l2info/pres_progweb2016.pdf · javascript : d’un outil de...

6
Programmation WEB 1 Fr´ ed´ eric B´ echet & Benoˆ ıt Favre Aix Marseille Universit´ e Licence Informatique - L2 - 2016-2017 F. B´ echet, B. Favre (AMU) Programmation WEB1 Licence Informatique - L2 - 2016-2017 1/1

Upload: others

Post on 11-Jun-2020

6 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Programmation WEB 1gcolas/options-l2info/pres_progweb2016.pdf · JAVASCRIPT : d’un outil de pr´esentation `a un outil d’interaction Pr´esentation du langage Javascript, programmation

Programmation WEB 1

Frederic Bechet & Benoıt Favre

Aix Marseille Universite

Licence Informatique - L2 - 2016-2017

F. Bechet, B. Favre (AMU) Programmation WEB1 Licence Informatique - L2 - 2016-2017 1 / 1

Page 2: Programmation WEB 1gcolas/options-l2info/pres_progweb2016.pdf · JAVASCRIPT : d’un outil de pr´esentation `a un outil d’interaction Pr´esentation du langage Javascript, programmation

Programmation WEB 1

Ce cours est un cours de programmation

Ce cours n’est pas un cours de Web design ! !

Ce cours contient 4 parties :

1 HTML2 JAVASCRIPT3 JQUERY4 HTML5/CSS3

F. Bechet, B. Favre (AMU) Programmation WEB1 Licence Informatique - L2 - 2016-2017 2 / 1

Page 3: Programmation WEB 1gcolas/options-l2info/pres_progweb2016.pdf · JAVASCRIPT : d’un outil de pr´esentation `a un outil d’interaction Pr´esentation du langage Javascript, programmation

Programmation WEB 1

HTML : un langage de presentation/visualisation de donnees structurees

Historique, liens entre SGML/HTML/XML, presentation des principauxelements HTMLGeneration de code HTML pour visualiser des donnees numeriques/symboliquesSeparation forme/fond, les feuilles de style CSS

JAVASCRIPT : d’un outil de presentation a un outil d’interaction

Presentation du langage Javascript, programmation object orientee prototypeLe DOM, rendre dynamique des pages statiquesDeveloppement d’interfaces utilisateurs “cote-client”

F. Bechet, B. Favre (AMU) Programmation WEB1 Licence Informatique - L2 - 2016-2017 3 / 1

Page 4: Programmation WEB 1gcolas/options-l2info/pres_progweb2016.pdf · JAVASCRIPT : d’un outil de pr´esentation `a un outil d’interaction Pr´esentation du langage Javascript, programmation

Programmation WEB 1

jQuery

Selecteurs de balisesGeneration et modification dynamique du contenu

HTML5/CSS3

Balises multimedia (audio, video, canvas)Applications riches, interactions complexes

F. Bechet, B. Favre (AMU) Programmation WEB1 Licence Informatique - L2 - 2016-2017 4 / 1

Page 5: Programmation WEB 1gcolas/options-l2info/pres_progweb2016.pdf · JAVASCRIPT : d’un outil de pr´esentation `a un outil d’interaction Pr´esentation du langage Javascript, programmation

Programmation WEB 1Cet enseignement contient la realisation d’un projet sous la forme d’un jeu

WEB, realise en TP, illustrant les differents aspects de la programmation

WEB en HTML 5.

Par exemple les annees precedentes :

F. Bechet, B. Favre (AMU) Programmation WEB1 Licence Informatique - L2 - 2016-2017 5 / 1

Page 6: Programmation WEB 1gcolas/options-l2info/pres_progweb2016.pdf · JAVASCRIPT : d’un outil de pr´esentation `a un outil d’interaction Pr´esentation du langage Javascript, programmation

Details pratiques

cours duplique sur deux sites : St Charles et Luminy

Enseignants : Frederic Bechet (St Charles), Benoit Favre (Luminy)

Evaluation

examen final + note de TP/projet (50/50)

Questions ?

[email protected] , [email protected]

F. Bechet, B. Favre (AMU) Programmation WEB1 Licence Informatique - L2 - 2016-2017 6 / 1