Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
William

WEB开发简述
Web development

 Always beta version
 Browser/Server
   无需客户端部署升级
   跨平台跨硬件
   响应速度非常重要(优化)
   用户界面自成一派
与桌面开发不同之处

 安全问题极为重要,重中之重!
 无状态(session/cookie)
    在线购物提交然后返回

 不可访问本地资源 (Why?)
 稍显简陋的界面设计
 兼容不同浏览器
    IE/ FireFo...
新角色

 前端工程师 (HTML, Javascript, CSS)
 前端测试 (Web test framework)
   美工 (Photoshop)
   服务器开发 (Linux, C/C++, Python)
   运...
Web 2.0新势力

 Twitter – 10亿美金
 Facebook – 337亿美金
 Foursquare
 Youtube Hulu 豆瓣 淘宝 团购网
 平台战略,开放API,用户产生内容
  (UGC),第三方应用
...
新趋势

 网上办公
  Web office, Web mail, Web WorkFlow
 云计算
  Amazon, Google Appengine, Microsoft Azure
 桌面与Web战略的结合,小软件占领桌面...
Web development in RA (?)

 Internal usage
 Hardware embedded function
 From C/S to B/S
学习建议

 First step, HTML/CSS/JavaScript
 Second, C#, PHP, Python, Ruby
HTML files




 Client    Web
browser   Server

                   Application
                                 数据库
      ...
 Common Gateway Interface (CGI)
   http://en.wikipedia.org/wiki/Common_Gateway_I
    nterface
 PHP-CGI, (PHP-CLI)
 Pyt...
静态内容开发演示

 Apache + HTML + CSS + JavaScript
 http://apcndaeforum
Web开发从零开始

 Apache安装配置
 Php简单配置
 Mysql安装配置
为何选择动态语言

 无需编译,热部署
 开发快速,易上手
 动态语言与静态语言结合
 缺点?
  企业成功案例
  运行效率
  技术支持
动态内容开发演示

 Php
   Hello world
   phpinfo()
 Python
   Web.py
Web开发架构

 LAMP (Linux Apache Mysql Php)
 Nginx PostgreSQL Python/Ruby
 优先选择成熟的产品
   Discuz BBS,Wordpress blog
 基于成熟的架...
安全问题

 客户端安全
  木马、病毒、钓鱼


 服务器端安全
  XSS、DDOS
商业部署维护

 FTP上传,实时更新热部署
 租用机房服务器
  自己维护机房服务器(很少见)
 安全备份策略
 (2008年)豆瓣网站的情况如下:
 一台Web服务器运行Lighttpd,每天处理2500万个request,
 峰值每秒处理1000个request; 一台应用服务器运行
 Python,每天处理500万PV; 数据库服务器运行MySQ...
C10K problem

 Keyword
   High performance server programming
 www.kegel.com/c10k.html
 http://en.wikipedia.org/wiki/C...
 Python于Web 2.0网站的应用 - QCon
  Beijing 2010
  http://www.slideshare.net/hongqn/qcon2010-
  3881323
 手机之家新系统介绍及架构分享
  http...
负载平衡优化

 http://en.wikipedia.org/wiki/C10k_problem
 Memcache
 NoSQL
 http://en.wikipedia.org/wiki/Load_balancing_
  (c...
优化策略

 前端优化
  Javascript压缩 图片压缩 内容Cache
 服务器优化
  Nginx
 数据库优化
  NoSQL
All in one installer

 http://bitnami.org/stack/wampstack
 http://bitnami.org/stack/rubystack
 http://bitnami.org/stack...
参考

 http://www.howtoforge.com
 《实战Nginx - 取代Apache的高性能Web服
  务器》
Web development overview
Upcoming SlideShare
Loading in …5
×

Web development overview

1,237 views

Published on

  • Be the first to comment

Web development overview

  1. 1. William WEB开发简述
  2. 2. Web development  Always beta version  Browser/Server  无需客户端部署升级  跨平台跨硬件  响应速度非常重要(优化)  用户界面自成一派
  3. 3. 与桌面开发不同之处  安全问题极为重要,重中之重!  无状态(session/cookie)  在线购物提交然后返回  不可访问本地资源 (Why?)  稍显简陋的界面设计  兼容不同浏览器  IE/ FireFox/ Chrome/ Safari (Webkit) 遨游,腾讯搜狐浏览器是什么?  搜索的重要性  开源方案更有竞争力  不间断运行,备份方案
  4. 4. 新角色  前端工程师 (HTML, Javascript, CSS)  前端测试 (Web test framework)  美工 (Photoshop)  服务器开发 (Linux, C/C++, Python)  运营维护 (网络管理, Linux, Perl, Python)  数据库维护调优 (Mysql, PostgreSQL)
  5. 5. Web 2.0新势力  Twitter – 10亿美金  Facebook – 337亿美金  Foursquare  Youtube Hulu 豆瓣 淘宝 团购网  平台战略,开放API,用户产生内容 (UGC),第三方应用  微软在哪里?Live家族
  6. 6. 新趋势  网上办公  Web office, Web mail, Web WorkFlow  云计算  Amazon, Google Appengine, Microsoft Azure  桌面与Web战略的结合,小软件占领桌面  腾讯软件、搜狐输入法、腾讯搜狐浏览器、 Chrome浏览器、淘宝旺旺
  7. 7. Web development in RA (?)  Internal usage  Hardware embedded function  From C/S to B/S
  8. 8. 学习建议  First step, HTML/CSS/JavaScript  Second, C#, PHP, Python, Ruby
  9. 9. HTML files Client Web browser Server Application 数据库 Scripts
  10. 10.  Common Gateway Interface (CGI)  http://en.wikipedia.org/wiki/Common_Gateway_I nterface  PHP-CGI, (PHP-CLI)  Python WSGI  Ruby Rack  ISAPI
  11. 11. 静态内容开发演示  Apache + HTML + CSS + JavaScript  http://apcndaeforum
  12. 12. Web开发从零开始  Apache安装配置  Php简单配置  Mysql安装配置
  13. 13. 为何选择动态语言  无需编译,热部署  开发快速,易上手  动态语言与静态语言结合  缺点?  企业成功案例  运行效率  技术支持
  14. 14. 动态内容开发演示  Php  Hello world  phpinfo()  Python  Web.py
  15. 15. Web开发架构  LAMP (Linux Apache Mysql Php)  Nginx PostgreSQL Python/Ruby  优先选择成熟的产品  Discuz BBS,Wordpress blog  基于成熟的架构开发  Rails Sinatra Django Web.py Zend
  16. 16. 安全问题  客户端安全  木马、病毒、钓鱼  服务器端安全  XSS、DDOS
  17. 17. 商业部署维护  FTP上传,实时更新热部署  租用机房服务器  自己维护机房服务器(很少见)  安全备份策略
  18. 18.  (2008年)豆瓣网站的情况如下: 一台Web服务器运行Lighttpd,每天处理2500万个request, 峰值每秒处理1000个request; 一台应用服务器运行 Python,每天处理500万PV; 数据库服务器运行MySQL。  JavaEye网站的服务器运行情况: 一台Web+应用服务器,一台数据库服务器,Web服务器 Lighttpd,每天430万个request,峰值每秒处理150个 request,平均每秒处理50个request; Web服务器运行Ruby1.8.6 Rails1.2.6,每天处理70万动 态请求;数据库服务器运行MySQL,CPU负载不高,在5%- 30%之间波动。 http://robbin.javaeye.com/blog/157104
  19. 19. C10K problem  Keyword  High performance server programming  www.kegel.com/c10k.html  http://en.wikipedia.org/wiki/C10k_problem  Nginx  http://www.tornadoweb.org/  Node.js
  20. 20.  Python于Web 2.0网站的应用 - QCon Beijing 2010 http://www.slideshare.net/hongqn/qcon2010- 3881323  手机之家新系统介绍及架构分享 http://www.slideshare.net/Fenng/ss- 1218991?type=powerpoint  http://heroku.com/how/architecture
  21. 21. 负载平衡优化  http://en.wikipedia.org/wiki/C10k_problem  Memcache  NoSQL  http://en.wikipedia.org/wiki/Load_balancing_ (computing)
  22. 22. 优化策略  前端优化  Javascript压缩 图片压缩 内容Cache  服务器优化  Nginx  数据库优化  NoSQL
  23. 23. All in one installer  http://bitnami.org/stack/wampstack  http://bitnami.org/stack/rubystack  http://bitnami.org/stack/djangostack
  24. 24. 参考  http://www.howtoforge.com  《实战Nginx - 取代Apache的高性能Web服 务器》

×