Pole web pp

15
Pôle Web Netlinks

Transcript of Pole web pp

Page 1: Pole web pp

Pôle WebNetlinks

Page 2: Pole web pp

Mustapha Ben Chaaben

@must3892

/mustapha.benchaaben

/mustbencha

Étudiant en 2éme année génie logiciel

Passioné des technologies Web, Mobile et Desktop

55598124 [email protected]

Page 3: Pole web pp
Page 4: Pole web pp

The world wide web?

C’est netlinks-insat.com

C’est facebook.com

C’est youtube.com

C’est tout ce que vous voyez à travers un navigateur

Page 5: Pole web pp

Au début

Frontpage anyone?

Page 6: Pole web pp

It’s complexOver 9.2 million lines of code as of 2011

Page 7: Pole web pp

Web technologies

Client-side:

- HTML5 & CSS3: Canvas (2D graphics), WebGL(3D graphics), CSS3 features, HTML5 APIs

- Frameworks (Twitter bootstrap) and styling languages (SASS, LESS)

- Responsive Web

- AJAX

- JavaScript frameworks/API’s: jQuery, Dojo, Mootools, Prototype, Backbone, Underscore, Cappuccino...

- Programming languages: Coffeescript, Objective-J

Page 8: Pole web pp

Web technologies

Server-side:

- Server-side languages: PHP 5.4, Ruby, NodeJS ...

- MVC Frameworks (Codeigniter, FuelPHP, Laravel, Ruby on rails...)

- CMSs: WordPress, Joomla, Themes, Plugins

- DataBases: SQL and NoSQL (MySQL, PostgreSQL, Memcached, Redis, MangoDB....)

Page 9: Pole web pp

•IDEs (Sublime text, VIM...)•Design Tools (photoshop...)•Database visualization tools•Browsers (Debuging ...)

Development Tools

Page 10: Pole web pp

https://developer.mozilla.org/en-US/demos/detail/bananabread

Where is the Web at now?

QuickTime™ and a decompressor

are needed to see this picture.

Page 11: Pole web pp

http://www.chromeexperiments.com/arcadefire/

Where is the Web at now?

QuickTime™ and a decompressor

are needed to see this picture.

Page 12: Pole web pp

http://29a.ch/sandbox/2010/box2d2/test.html

Where is the Web at now?

Page 13: Pole web pp

http://hakim.se/experiments/html5/blob/03/

Page 14: Pole web pp

What can we DO??•Data visualization•2D/3D games•Frameworks•Geo-aware Apps•3D Human body (WebGL)

Page 15: Pole web pp

It’s just the tip of the ICEBERG