Your SlideShare is downloading. ×
0
Web开发基础(一)<br />蔡啸 2011/1/17<br />
提纲<br />Web基础知识<br />http协议,请求响应模型<br />浏览器端开发<br />html/css/dom<br />javascript<br />dojo<br />服务器端开发<br />python<br />dj...
Web基础知识<br />五层网络协议<br />应用层(HTTP)<br />We build our apps on top of this.<br />传输层<br />网络层<br />数据链路层<br />物理层<br />
Web基础知识<br />What is web app?<br />Software which is built upon Internet,  and based on HTTP protocol<br />Famous web app?...
Web基础知识<br />HTTP请求响应模型<br />
Web基础知识<br />HTTP协议 (RFC2616, HTTP 1.1)<br />支持五种类型的方法:<br />GET<br />POST<br />PUT<br />DELETE<br />HEAD<br />
浏览器端开发<br />HTML(hypertext markup language)<br />对文档进行结构化描述的标记语言<br />历史:<br />1999 HTML 4.01<br />Now  HTML 5 is approach...
浏览器端开发<br /><ul><li>HTML5 新特性:</li></ul>二维绘图API<br />允许web应用程序将自身注册为某个协议或MIME类型的API<br />播放视屏和音频的API<br />历史记录API跨文档的消息传递,...
浏览器端开发<br />DOM模型<br />用于表示html生成的文档的结构<br />插入删除节点<br />修改节点属性(调节css)<br />注册消息响应事件<br />问题:<br />主流浏览器的实现的差异性(DOM Level2...
浏览器端开发<br />javascript<br />在设计上受一定的c影响,但仍有许多的差异<br />弱类型动态语言<br />变量定义<br />var s = ‘string’;<br />var i = 1;<br />var f ...
浏览器端开发<br />javascript<br />闭包:<br />funtionclosureTest(){<br />vartestArray = [1,2,3,4,5];<br />function printArray(){<br...
浏览器端开发<br />web开发的问题<br />不同浏览器实现的差异性<br />标准的API过于底层<br />javascript缺乏良好的OO支持<br />于是:<br />javascript框架应用而生<br />著名的java...
浏览器端开发<br />Dojo是一个web开发框架,它对浏览器实现差异进行了屏蔽,提供了一个强壮的、易用的高抽象层次的访问接口。<br />它由三个部分组成:<br />dojo: dojo的核心库,用于实现最为基础和重要的客户端编程,比如对...
浏览器端开发<br />dojo.query:查找符合指定条件的dom元素<br />pure js<br />dojo<br />
浏览器端开发<br />dojo.xhr用于向服务器端发送AJAX请求<br />dojo<br />pure js<br />
浏览器端开发<br />dijit控件:<br />两种使用方式:<br />标记语言式声明<br />脚本语言动态生成<br />
服务器端开发<br />常见的服务器端开发解决方案<br />ASP.NET<br />JAVA EE(struts, spring)<br />Coldfusion<br />Python with Django<br />Ruby on R...
服务器端开发<br />Django<br />诞生于2005,它是基于python的web开发框架。<br />特性:<br />ORM<br />admin管理界面和以及可以给予其扩展的能力<br />模板语言<br />web开发工具集,...
服务器端开发<br />安装<br />创建项目<br />wgethttp://www.djangoproject.com/download/1.2.3/tarball/<br />tar xzvf Django-1.2.3.tar.gzcd...
服务器端开发<br />一个django新项目的文件目录结构:<br />创建app<br />python manage.py start project <br />
服务器端开发<br />定义url映射<br />修改$home/urls.py 和$home/app_demo/urls.py<br />
服务器端开发<br />定义view函数<br />启动server<br />
服务器端开发<br />To be continued…<br />ORM模型<br />模板系统<br />部署<br />请求响应模型<br />
参考资料<br />Web标准<br />HTTP 1.1 标准 RFC2616<br />HTML 4.1 标准 <br />DOM Level2 标准<br />CSS 2标准<br />JavaScript:<br />JavaScrip...
参考资料<br />dojo:<br />http://dojotoolkit.org/api/  dojo官方文档,目前最新的版本已经比较详尽了<br />http://dojocampus.org/explorer/  dojo campu...
参考资料<br />Python<br />Dive Into Python, Mark Pilgrim<br />Expert Python Programming: Best practices for designing, coding,...
参考资料<br />Django<br />http://docs.djangoproject.com/en/1.2/<br />Django Step By Step, by limodou,<br />http://stackoverflo...
Upcoming SlideShare
Loading in...5
×

Web开发基础

1,320

Published on

web 开发的基础知识,对于希望了解Web开发全貌的初学者有参考价值

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

No Downloads
Views
Total Views
1,320
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
19
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "Web开发基础"

  1. 1. Web开发基础(一)<br />蔡啸 2011/1/17<br />
  2. 2. 提纲<br />Web基础知识<br />http协议,请求响应模型<br />浏览器端开发<br />html/css/dom<br />javascript<br />dojo<br />服务器端开发<br />python<br />django<br />
  3. 3. Web基础知识<br />五层网络协议<br />应用层(HTTP)<br />We build our apps on top of this.<br />传输层<br />网络层<br />数据链路层<br />物理层<br />
  4. 4. Web基础知识<br />What is web app?<br />Software which is built upon Internet, and based on HTTP protocol<br />Famous web app?<br />Gmail<br />Google Maps<br />Facebook<br />Web QQ<br />
  5. 5. Web基础知识<br />HTTP请求响应模型<br />
  6. 6. Web基础知识<br />HTTP协议 (RFC2616, HTTP 1.1)<br />支持五种类型的方法:<br />GET<br />POST<br />PUT<br />DELETE<br />HEAD<br />
  7. 7. 浏览器端开发<br />HTML(hypertext markup language)<br />对文档进行结构化描述的标记语言<br />历史:<br />1999 HTML 4.01<br />Now HTML 5 is approaching<br />
  8. 8. 浏览器端开发<br /><ul><li>HTML5 新特性:</li></ul>二维绘图API<br />允许web应用程序将自身注册为某个协议或MIME类型的API<br />播放视屏和音频的API<br />历史记录API跨文档的消息传递,使得文档可以互相通信而不用考虑它们的来源域<br />支持拖放操作的API<br />支持编辑操作的API<br />新的网络API使用javascript API的键值对来实现客户端的持久化存储,同时支持嵌入的SQL数据库<br />服务器推送<br />
  9. 9. 浏览器端开发<br />DOM模型<br />用于表示html生成的文档的结构<br />插入删除节点<br />修改节点属性(调节css)<br />注册消息响应事件<br />问题:<br />主流浏览器的实现的差异性(DOM Level2) <br />
  10. 10. 浏览器端开发<br />javascript<br />在设计上受一定的c影响,但仍有许多的差异<br />弱类型动态语言<br />变量定义<br />var s = ‘string’;<br />var i = 1;<br />var f = 1.00;<br />varobj = {};<br />var array = [];<br />
  11. 11. 浏览器端开发<br />javascript<br />闭包:<br />funtionclosureTest(){<br />vartestArray = [1,2,3,4,5];<br />function printArray(){<br /> for (var i = 0; i < testArray.length; i++){<br /> console.log(testArray[i]);<br /> }<br /> }<br />}<br />
  12. 12. 浏览器端开发<br />web开发的问题<br />不同浏览器实现的差异性<br />标准的API过于底层<br />javascript缺乏良好的OO支持<br />于是:<br />javascript框架应用而生<br />著名的javascript框架:<br />jquery, dojo, mootools, YUI,etc<br />
  13. 13. 浏览器端开发<br />Dojo是一个web开发框架,它对浏览器实现差异进行了屏蔽,提供了一个强壮的、易用的高抽象层次的访问接口。<br />它由三个部分组成:<br />dojo: dojo的核心库,用于实现最为基础和重要的客户端编程,比如对dom对象的操作,ajax通讯等。<br />dijit: js的ui库,<br />dojox: 实验性的js功能,比如制图<br />
  14. 14. 浏览器端开发<br />dojo.query:查找符合指定条件的dom元素<br />pure js<br />dojo<br />
  15. 15. 浏览器端开发<br />dojo.xhr用于向服务器端发送AJAX请求<br />dojo<br />pure js<br />
  16. 16. 浏览器端开发<br />dijit控件:<br />两种使用方式:<br />标记语言式声明<br />脚本语言动态生成<br />
  17. 17. 服务器端开发<br />常见的服务器端开发解决方案<br />ASP.NET<br />JAVA EE(struts, spring)<br />Coldfusion<br />Python with Django<br />Ruby on Rails<br />PHP(Zend)<br />
  18. 18. 服务器端开发<br />Django<br />诞生于2005,它是基于python的web开发框架。<br />特性:<br />ORM<br />admin管理界面和以及可以给予其扩展的能力<br />模板语言<br />web开发工具集,可以提高管理配置的生产率<br />
  19. 19. 服务器端开发<br />安装<br />创建项目<br />wgethttp://www.djangoproject.com/download/1.2.3/tarball/<br />tar xzvf Django-1.2.3.tar.gzcd Django-1.2.3sudo python setup.py install<br />django-admin.py startproject $projectname<br />./manage.py runserver<br />
  20. 20. 服务器端开发<br />一个django新项目的文件目录结构:<br />创建app<br />python manage.py start project <br />
  21. 21. 服务器端开发<br />定义url映射<br />修改$home/urls.py 和$home/app_demo/urls.py<br />
  22. 22. 服务器端开发<br />定义view函数<br />启动server<br />
  23. 23. 服务器端开发<br />To be continued…<br />ORM模型<br />模板系统<br />部署<br />请求响应模型<br />
  24. 24. 参考资料<br />Web标准<br />HTTP 1.1 标准 RFC2616<br />HTML 4.1 标准 <br />DOM Level2 标准<br />CSS 2标准<br />JavaScript:<br />JavaScript: The Good Parts by Douglas Crockford<br />JavaScript: The Definitive Guide by David Flanagan<br />
  25. 25. 参考资料<br />dojo:<br />http://dojotoolkit.org/api/ dojo官方文档,目前最新的版本已经比较详尽了<br />http://dojocampus.org/explorer/ dojo campus 有很多不错的示例代码<br />sitepen网站<br />Dojo: The Definitive Guide, Matthew A. Russell<br />
  26. 26. 参考资料<br />Python<br />Dive Into Python, Mark Pilgrim<br />Expert Python Programming: Best practices for designing, coding, and distributing your Python software by TarekZiadé<br />http://docs.python.org python官方文档<br />http://stackoverflow.com/questions/tagged/python活跃的python社区<br />
  27. 27. 参考资料<br />Django<br />http://docs.djangoproject.com/en/1.2/<br />Django Step By Step, by limodou,<br />http://stackoverflow.com/questions/tagged/django <br />Others:<br />What should a developer know before building a public web site<br />
  1. A particular slide catching your eye?

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

×