Web Development

560 views

Published on

Web 2.0 overview for business student

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
560
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
6
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Web Development

  1. 1. Overview of current Web Development Weng Wei Web Developer www.morange.com
  2. 2. Web Development <ul><li>Front end </li></ul><ul><ul><li>UI </li></ul></ul><ul><ul><li>AJAX </li></ul></ul><ul><li>Backend </li></ul><ul><ul><li>App Server </li></ul></ul><ul><ul><li>Database Server </li></ul></ul><ul><li>Scalability </li></ul>
  3. 3. Web Devlepment <ul><li>It’s easy </li></ul><ul><ul><li>All aspect have free ready to use component </li></ul></ul>
  4. 4. Front End - UI <ul><li>HTML </li></ul><ul><ul><li>Dreamweaver? </li></ul></ul><ul><li>CSS </li></ul><ul><ul><li>Yahoo Grid </li></ul></ul><ul><ul><li>Blueprint </li></ul></ul><ul><ul><li>Most tedious part in Web Devlepment </li></ul></ul><ul><ul><li>Stop using IE6 </li></ul></ul>
  5. 5. Front End - AJAX <ul><li>jQuery & jQuery UI </li></ul><ul><li>Ext-js </li></ul><ul><li>Dojo </li></ul><ul><li>Mootools </li></ul><ul><li>Prototype & script.aculo.us </li></ul>
  6. 6. Backend <ul><li>PHP </li></ul><ul><li>ASP </li></ul><ul><li>J2EE </li></ul><ul><li>ASP.Net </li></ul><ul><li>Full-stack Framework </li></ul><ul><ul><li>Ruby on Rails </li></ul></ul><ul><ul><li>Django </li></ul></ul><ul><ul><li>Cake PHP </li></ul></ul>
  7. 7. Backend - DB <ul><li>MySQL </li></ul><ul><li>MS SQL </li></ul><ul><li>Oracle </li></ul><ul><li>PostgreSQL </li></ul>
  8. 8. Scalability <ul><li>Amazon EC2 & Simple DB </li></ul><ul><li>Google App Engine </li></ul><ul><li>“ Cloud Computing” </li></ul>
  9. 9. Misc <ul><li>OpenID </li></ul><ul><li>Facebook App & Connect </li></ul><ul><li>Open Social & Google Connect </li></ul><ul><li>Google Maps </li></ul><ul><li>Twitter </li></ul><ul><li>Mesh-up </li></ul>
  10. 10. Demo <ul><li>Simple Photo Store using: </li></ul><ul><ul><li>Django - Backend App </li></ul></ul><ul><ul><li>Blue Print - Front End CSS </li></ul></ul><ul><ul><li>jQuery - Front End AJAX </li></ul></ul><ul><ul><li>Facebook connect </li></ul></ul><ul><ul><li>Google Map API </li></ul></ul><ul><ul><li>Flickr API </li></ul></ul><ul><li>Download: http://tinyurl.com/cdn2wo </li></ul>
  11. 11. WARNING <ul><li>Prototype Demo & Production Website are completely different </li></ul><ul><li>Get a geek to be your CTO </li></ul>
  12. 12. Q & A

×