Web dynamique : les outils d'un développeur professionnel. François Piat - 1

Transcription

1 Web dynamique : les outils d'un développeur professionnel François Piat - 1

2 Développeur professionnel François Piat, 52 ans, 28 ans d'informatique 11 ans dans une SSII Programmeur Analyste Chef de projets Depuis 1994 : travailleur indépendant Multimédia - CDRom Web - applications Depuis 2000 : PAST au LIFC Enseignement en présentiel et à distance T I SSII PAST François Piat - 2

3 SSII Minis et moyens systèmes GCOS - UNIX Cobol - Basic(s) - L4G Bases de données relationnelles Générateur d'écran : Informix - Oracle T I PAST Editeurs de textes : WM, Vi Visual Basic : premier outil intégré moderne SSII François Piat - 3

4 Visual basic François Piat - 4

5 Intégrateur de CDRom De nombreuses professions Outils propriétaires très spécialisés Macromédia Director - AuthorWare SoundEdit Extreme 3D Adobe Photoshop Premiere - After Effect T I SSII PAST François Piat - 5

6 Director François Piat - 6

7 Web dynamique De nombreux langages HTML - CSS - JavaScript PHP - ASP SQL Des bases de données MySQL - SQL Server - PostgreSQL Beaucoup d'outils nécessaires Serveur Web Serveur de bases de données Un environnement de développement Des navigateurs T I SSII PAST François Piat - 7

8 Architecture 3 tiers CLIENT SERVEUR Web SERVEUR BD HTTP request Requête SQL HTML CSS JavaScript HTTP response PHP ASP JSP Python.net... Données SQL François Piat - 8

9 Serveur Web Un serveur Web est indispensable pour interpréter le code PHP, ASP, JSP, servlet ou autre. Apache IIS (Internet Information Server) Tomcat François Piat - 9

10 Serveur de bases de données Un serveur de bases de données est le plus souvent nécessaire MySQL (mysql AB Sun Oracle) PostgreSQL SQLServer, Oracle, DB2... Des simples fichiers textes sont parfois suffisants Fichiers séquentiels CSV (ie excel) XML François Piat - 10

11 Serveurs Linux - Apache - MySQL - PHP Windows - Apache - MySQL - PHP François Piat - 11

12 Zoutils indispensables L'imagination Le discernement Vénus de Willendorf av JC Hauteur : 11 cm L'homme - Calder 1967 ap JC Hauteur : 24 m François Piat - 12

13 Frameworks PHP CakePHP CodeIgniter Jelix Hoa Framework Magento Postnuke QCodo Symfony Zend Framework JavaScript Dojo Ext JQuery MooTools Prototype YUI L'effet Wouahhh de 2010 sera l'effet Boooff de 2011 François Piat - 13

14 Editeurs de code Scite Eclipse PDT PHP Development Tools François Piat - 14

15 Eclipse PDT Utilisé uniquement comme éditeur de code et gestionnaire de projet Pas de lien avec un serveur Web Pas de lien avec un serveur de BD Pas de lien avec un débogueur Pas de lien avec un système de versioning François Piat - 15

16 Eclipse PDT : vue générale François Piat - 16

17 Eclipse PDT : fichiers du projet François Piat - 17

18 Eclipse PDT : éditeur de code François Piat - 18

19 Eclipse PDT : commentaires François Piat - 19

20 Eclipse PDT : composants François Piat - 20

21 Eclipse PDT : HTML François Piat - 21

22 Eclipse PDT : CSS François Piat - 22

23 Eclipse PDT : JavaScript JSEclipse (Adobe) François Piat - 23

24 DreamWeaver - Adobe François Piat - 24

25 Photoshop - Adobe François Piat - 25

26 Navigateur Tester dès le debut Tester souvent Tester partout et tester, tester, tester François Piat - 26

27 Navigateurs HTML W3C JavaScript HTML 3 CSS HTML 4.01 DOM WEB Mosaic Safari Saf.4 NS NS 4 Mozilla FF 1 FF 3.6 Opera Op. 10 Spy Glass MSIE IE 3 IE 4 IE 5 IE 6 IE 7 IE 8 Trident - Internet Explorer. Gecko - Firefox. WebKit - Chrome, Safari, smart phones (iphone, Android, and Palm). Embarqué dans Adobe Air. Presto - Opera. Embarqué dans la Wii, Dreamweaver. Chrome François Piat - 27

28 Navigateurs : idées préconçues Cenzik Inc. : Web Application Security Trends Report François Piat - 28

29 Outils des navigateurs Firefox Web developer : Firebug : Internet Explorer 8 Outils Outils développeurs (F12) Chrome Options pour les développeurs outils de développement (ctrl+maj+i) François Piat - 29

30 Merci de votre attention François Piat - 30