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

995

Published on

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
995
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
21
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

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服 务器》
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×