SlideShare uma empresa Scribd logo
1 de 15
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

Mais conteúdo relacionado

Mais procurados

Rongde Qiu-DDsmile-2015.1.25
Rongde Qiu-DDsmile-2015.1.25Rongde Qiu-DDsmile-2015.1.25
Rongde Qiu-DDsmile-2015.1.25Rongde Qiu
 
Vishnu CV
Vishnu CVVishnu CV
Vishnu CVvps768
 
Cross-platform Apps using Xamarin and MvvmCross - Martijn van Dijk - Codemoti...
Cross-platform Apps using Xamarin and MvvmCross - Martijn van Dijk - Codemoti...Cross-platform Apps using Xamarin and MvvmCross - Martijn van Dijk - Codemoti...
Cross-platform Apps using Xamarin and MvvmCross - Martijn van Dijk - Codemoti...Codemotion
 
Tips and tricks for using wordpress as application platform.
Tips and tricks for using wordpress as application platform.Tips and tricks for using wordpress as application platform.
Tips and tricks for using wordpress as application platform.danwestall
 
PHP at University - is it even possible?
PHP at University - is it even possible?PHP at University - is it even possible?
PHP at University - is it even possible?Brigitte Jellinek
 
Thinkful FrontEnd Crash Course - HTML & CSS
Thinkful FrontEnd Crash Course - HTML & CSSThinkful FrontEnd Crash Course - HTML & CSS
Thinkful FrontEnd Crash Course - HTML & CSSTJ Stalcup
 
Joomla 3 Component programmeren met RAD - Joomladagen 2014
Joomla 3 Component programmeren met RAD - Joomladagen 2014Joomla 3 Component programmeren met RAD - Joomladagen 2014
Joomla 3 Component programmeren met RAD - Joomladagen 2014Peter Martin
 
Frontend Crash Course
Frontend Crash CourseFrontend Crash Course
Frontend Crash CourseTJ Stalcup
 
Resume_vikash_new_updated_5
Resume_vikash_new_updated_5Resume_vikash_new_updated_5
Resume_vikash_new_updated_5Vikash Raj
 
Thinkful DC FrontEnd Crash Course - HTML & CSS
Thinkful DC FrontEnd Crash Course - HTML & CSSThinkful DC FrontEnd Crash Course - HTML & CSS
Thinkful DC FrontEnd Crash Course - HTML & CSSTJ Stalcup
 
Accessible Javascript with and without WAI ARIA
Accessible Javascript with and without WAI ARIAAccessible Javascript with and without WAI ARIA
Accessible Javascript with and without WAI ARIADirk Ginader
 

Mais procurados (20)

CV-MahmoudHamdyOthman
CV-MahmoudHamdyOthmanCV-MahmoudHamdyOthman
CV-MahmoudHamdyOthman
 
Rongde Qiu-DDsmile-2015.1.25
Rongde Qiu-DDsmile-2015.1.25Rongde Qiu-DDsmile-2015.1.25
Rongde Qiu-DDsmile-2015.1.25
 
Vishnu CV
Vishnu CVVishnu CV
Vishnu CV
 
PHP vs. Ruby on Rails
PHP vs. Ruby on RailsPHP vs. Ruby on Rails
PHP vs. Ruby on Rails
 
Cross-platform Apps using Xamarin and MvvmCross - Martijn van Dijk - Codemoti...
Cross-platform Apps using Xamarin and MvvmCross - Martijn van Dijk - Codemoti...Cross-platform Apps using Xamarin and MvvmCross - Martijn van Dijk - Codemoti...
Cross-platform Apps using Xamarin and MvvmCross - Martijn van Dijk - Codemoti...
 
Tips and tricks for using wordpress as application platform.
Tips and tricks for using wordpress as application platform.Tips and tricks for using wordpress as application platform.
Tips and tricks for using wordpress as application platform.
 
PHP at University - is it even possible?
PHP at University - is it even possible?PHP at University - is it even possible?
PHP at University - is it even possible?
 
Moss Dev Tips
Moss Dev TipsMoss Dev Tips
Moss Dev Tips
 
Thinkful FrontEnd Crash Course - HTML & CSS
Thinkful FrontEnd Crash Course - HTML & CSSThinkful FrontEnd Crash Course - HTML & CSS
Thinkful FrontEnd Crash Course - HTML & CSS
 
Joomla 3 Component programmeren met RAD - Joomladagen 2014
Joomla 3 Component programmeren met RAD - Joomladagen 2014Joomla 3 Component programmeren met RAD - Joomladagen 2014
Joomla 3 Component programmeren met RAD - Joomladagen 2014
 
BradleyColesPerkins_CV
BradleyColesPerkins_CVBradleyColesPerkins_CV
BradleyColesPerkins_CV
 
Nguyen Xuan Hoang
Nguyen Xuan HoangNguyen Xuan Hoang
Nguyen Xuan Hoang
 
Igor-Cuiumju-CV
Igor-Cuiumju-CVIgor-Cuiumju-CV
Igor-Cuiumju-CV
 
Frontend Crash Course
Frontend Crash CourseFrontend Crash Course
Frontend Crash Course
 
MVVM frameworks - MvvmCross
MVVM frameworks - MvvmCrossMVVM frameworks - MvvmCross
MVVM frameworks - MvvmCross
 
Resume_vikash_new_updated_5
Resume_vikash_new_updated_5Resume_vikash_new_updated_5
Resume_vikash_new_updated_5
 
Java Script Introduction
Java Script IntroductionJava Script Introduction
Java Script Introduction
 
CV4
CV4CV4
CV4
 
Thinkful DC FrontEnd Crash Course - HTML & CSS
Thinkful DC FrontEnd Crash Course - HTML & CSSThinkful DC FrontEnd Crash Course - HTML & CSS
Thinkful DC FrontEnd Crash Course - HTML & CSS
 
Accessible Javascript with and without WAI ARIA
Accessible Javascript with and without WAI ARIAAccessible Javascript with and without WAI ARIA
Accessible Javascript with and without WAI ARIA
 

Semelhante a Pôle Web Technologies and Trends

Morden F2E Education - Think of Progressive Web Apps
Morden F2E Education - Think of Progressive Web AppsMorden F2E Education - Think of Progressive Web Apps
Morden F2E Education - Think of Progressive Web AppsCaesar Chi
 
Drupalcamp New York 2009
Drupalcamp New York 2009Drupalcamp New York 2009
Drupalcamp New York 2009Tom Deryckere
 
HTML5 Can't Do That
HTML5 Can't Do ThatHTML5 Can't Do That
HTML5 Can't Do ThatNathan Smith
 
Ahmed Mohamed Awad Senior Web Developer
Ahmed Mohamed Awad Senior Web DeveloperAhmed Mohamed Awad Senior Web Developer
Ahmed Mohamed Awad Senior Web DeveloperAhmed Awad
 
How to bake an app in Dart and Polymer
How to bake an app in Dart and PolymerHow to bake an app in Dart and Polymer
How to bake an app in Dart and PolymerJana Moudrá
 
Mobile Dev For Web Devs
Mobile Dev For Web DevsMobile Dev For Web Devs
Mobile Dev For Web DevsJustin James
 
Siruna session at Drupalcon Paris 2009
Siruna session at Drupalcon Paris 2009Siruna session at Drupalcon Paris 2009
Siruna session at Drupalcon Paris 2009Tom Deryckere
 
FEDM Meetup: Introducing Mojito
FEDM Meetup: Introducing MojitoFEDM Meetup: Introducing Mojito
FEDM Meetup: Introducing MojitoCaridy Patino
 
Change by HTML5
Change by HTML5Change by HTML5
Change by HTML5dynamis
 
Angular (v2 and up) - Morning to understand - Linagora
Angular (v2 and up) - Morning to understand - LinagoraAngular (v2 and up) - Morning to understand - Linagora
Angular (v2 and up) - Morning to understand - LinagoraLINAGORA
 
Desarrollo de apps multiplataforma con tecnologías web
Desarrollo de apps multiplataforma con tecnologías webDesarrollo de apps multiplataforma con tecnologías web
Desarrollo de apps multiplataforma con tecnologías webSoftware Guru
 
Sg conference multiplatform_apps_adam_stanley
Sg conference multiplatform_apps_adam_stanleySg conference multiplatform_apps_adam_stanley
Sg conference multiplatform_apps_adam_stanleyn_adam_stanley
 
Phonegap for Engineers
Phonegap for EngineersPhonegap for Engineers
Phonegap for EngineersBrian LeRoux
 
Build (Web)VR with A-Frame (COSCUP 2019 Taipei)
Build (Web)VR with A-Frame (COSCUP 2019 Taipei)Build (Web)VR with A-Frame (COSCUP 2019 Taipei)
Build (Web)VR with A-Frame (COSCUP 2019 Taipei)Robert 'Bob' Reyes
 
Stefan Judis "Did we(b development) lose the right direction?"
Stefan Judis "Did we(b development) lose the right direction?"Stefan Judis "Did we(b development) lose the right direction?"
Stefan Judis "Did we(b development) lose the right direction?"Fwdays
 

Semelhante a Pôle Web Technologies and Trends (20)

Morden F2E Education - Think of Progressive Web Apps
Morden F2E Education - Think of Progressive Web AppsMorden F2E Education - Think of Progressive Web Apps
Morden F2E Education - Think of Progressive Web Apps
 
Mobile web development
Mobile web development Mobile web development
Mobile web development
 
Drupalcamp New York 2009
Drupalcamp New York 2009Drupalcamp New York 2009
Drupalcamp New York 2009
 
HTML5 Can't Do That
HTML5 Can't Do ThatHTML5 Can't Do That
HTML5 Can't Do That
 
Ahmed Mohamed Awad Senior Web Developer
Ahmed Mohamed Awad Senior Web DeveloperAhmed Mohamed Awad Senior Web Developer
Ahmed Mohamed Awad Senior Web Developer
 
How to bake an app in Dart and Polymer
How to bake an app in Dart and PolymerHow to bake an app in Dart and Polymer
How to bake an app in Dart and Polymer
 
Mobile Dev For Web Devs
Mobile Dev For Web DevsMobile Dev For Web Devs
Mobile Dev For Web Devs
 
Cv
CvCv
Cv
 
Siruna session at Drupalcon Paris 2009
Siruna session at Drupalcon Paris 2009Siruna session at Drupalcon Paris 2009
Siruna session at Drupalcon Paris 2009
 
FEDM Meetup: Introducing Mojito
FEDM Meetup: Introducing MojitoFEDM Meetup: Introducing Mojito
FEDM Meetup: Introducing Mojito
 
Change by HTML5
Change by HTML5Change by HTML5
Change by HTML5
 
Transforming the web into a real application platform
Transforming the web into a real application platformTransforming the web into a real application platform
Transforming the web into a real application platform
 
3d web
3d web3d web
3d web
 
Angular (v2 and up) - Morning to understand - Linagora
Angular (v2 and up) - Morning to understand - LinagoraAngular (v2 and up) - Morning to understand - Linagora
Angular (v2 and up) - Morning to understand - Linagora
 
Desarrollo de apps multiplataforma con tecnologías web
Desarrollo de apps multiplataforma con tecnologías webDesarrollo de apps multiplataforma con tecnologías web
Desarrollo de apps multiplataforma con tecnologías web
 
Sg conference multiplatform_apps_adam_stanley
Sg conference multiplatform_apps_adam_stanleySg conference multiplatform_apps_adam_stanley
Sg conference multiplatform_apps_adam_stanley
 
Phonegap for Engineers
Phonegap for EngineersPhonegap for Engineers
Phonegap for Engineers
 
Build (Web)VR with A-Frame (COSCUP 2019 Taipei)
Build (Web)VR with A-Frame (COSCUP 2019 Taipei)Build (Web)VR with A-Frame (COSCUP 2019 Taipei)
Build (Web)VR with A-Frame (COSCUP 2019 Taipei)
 
Titanium Desktop Intro
Titanium Desktop IntroTitanium Desktop Intro
Titanium Desktop Intro
 
Stefan Judis "Did we(b development) lose the right direction?"
Stefan Judis "Did we(b development) lose the right direction?"Stefan Judis "Did we(b development) lose the right direction?"
Stefan Judis "Did we(b development) lose the right direction?"
 

Pôle Web Technologies and Trends

  • 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
  • 3.
  • 4. 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
  • 6. It’s complex Over 9.2 million 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 (Sublime text,VIM...) •Design Tools (photoshop...) •Database visualization tools •Browsers (Debuging ...)
  • 10. 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.
  • 11. Where is the Web at now? http://www.chromeexperiments.com/arcadefire/ QuickTime™ and a decompressor are needed to see this picture.
  • 12. Where is the Web at now? http://29a.ch/sandbox/2010/box2d2/test.html
  • 14. What can we DO?? •Data visualization •2D/3D games •Frameworks •Geo-aware Apps •3D Human body (WebGL)
  • 15. It’s just the tip of the ICEBERG