Pôle Web
  Netlinks
Mustapha Ben Chaaben
                       Étudiant en 2éme année génie logiciel
              Passioné des technologies Web, Mobile et Desktop


@must3892

/mustapha.benchaaben
/mustbencha

55598124                                                       mustapha3892@gmail.com
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
Au début




Frontpage anyone?
It’s complex
Over 9.2 million lines of code as of 2011
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
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....)
Development Tools



•IDEs (Sublime text,VIM...)
•Design Tools (photoshop...)
•Database visualization tools
•Browsers (Debuging ...)
Where is the Web at now?
https://developer.mozilla.org/en-US/demos/detail/bananabread




                              QuickTime™ and a
                                decompressor
                      are needed to see this picture.
Where is the Web at now?
http://www.chromeexperiments.com/arcadefire/




                    QuickTime™ and a
                      decompressor
            are needed to see this picture.
Where is the Web at now?
http://29a.ch/sandbox/2010/box2d2/test.html
http://hakim.se/experiments/html5/blob/03/
What can we DO??
•Data visualization
•2D/3D games
•Frameworks
•Geo-aware Apps
•3D Human body (WebGL)
It’s just the tip of the ICEBERG

Pole web pp

  • 1.
    Pôle Web Netlinks
  • 2.
    Mustapha Ben Chaaben Étudiant en 2éme année génie logiciel Passioné des technologies Web, Mobile et Desktop @must3892 /mustapha.benchaaben /mustbencha 55598124 mustapha3892@gmail.com
  • 4.
    The world wideweb? C’est netlinks-insat.com C’est facebook.com C’est youtube.com C’est tout ce que vous voyez à travers un navigateur
  • 5.
  • 6.
    It’s complex Over 9.2million lines of code as of 2011
  • 7.
    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
  • 8.
    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....)
  • 9.
    Development Tools •IDEs (Sublimetext,VIM...) •Design Tools (photoshop...) •Database visualization tools •Browsers (Debuging ...)
  • 10.
    Where is theWeb at now? https://developer.mozilla.org/en-US/demos/detail/bananabread QuickTime™ and a decompressor are needed to see this picture.
  • 11.
    Where is theWeb at now? http://www.chromeexperiments.com/arcadefire/ QuickTime™ and a decompressor are needed to see this picture.
  • 12.
    Where is theWeb at now? http://29a.ch/sandbox/2010/box2d2/test.html
  • 13.
  • 14.
    What can weDO?? •Data visualization •2D/3D games •Frameworks •Geo-aware Apps •3D Human body (WebGL)
  • 15.
    It’s just thetip of the ICEBERG