第0课 - 内容概述 - [精通JavaScript+jQuery]
大家好,这组《精通JavsScript+jQuery》视频教程共16讲。
今天的第0讲中,我们将对这这套教程,以及与之配套的图书《精通JavaScript+jQuery》做一个比较全面的介绍,同时给出一些学习方法的建议。
希望对大家能够有所帮助!
本节课时长28分38秒,下载文件41.5兆字节。下载的视频文件为FLV格式,推荐使用“Riva Flv Player”软件播放,点击这里下载。
以下为本课的讲义,供大家参考。
教程各章的简介
第一部分 JavaScript、Dom基础
第1章 JavaScript简介
本章从JavaScript的起源出发,介绍了浏览器之间的争斗以及JavaScript的基础知识,并且引入Web结构、表现、行为相分离的标准,为后续章节的进一步讲解打下基础。
第2章 JavaScript基础
本章对JavaScript的基础进行了深入的讨论,重点分析了JavaScript的核心ECMAScript,通过实例让读者从底层了解JavaScript的编写,包括JavaScript的基本语法、变量、关键字、保留字、语句、函数、BOM等。
第3章 CSS基础
CSS作为网页表现的标准语言,是网页美观、大方的重要基础。本章从CSS的概念出发,介绍CSS语言的特点,以及如何在网页中引入CSS,然后重点介绍CSS的基本语法,包括CSS选择器、CSS设置文字、图片、页面背景、超链接效果等。最后通过实用菜单的实例,作为本章知识的归纳和进一步运用。
第4章 CSS进阶
本章在上一章的基础上对CSS定位作详细介绍,并讲解利用CSS + div对页面元素进行定位的基本方法,以及CSS排版观念,通过排版实例“我的博客”对页面的基本布局做细致分析。最后讲解JavaScript与CSS配合,实现页面的各种特效。
第5章 理解和应用DOM模型
文档对象模型DOM定义了用户操作文档对象的接口,它使得用户对HTML有了空前的访问能力。本章主要介绍DOM模型的基础,包括页面中的节点、如何使用DOM、innerHTML属性、DOM与CSS的关系等。
第二部分 JavaScript进阶
第6章 理解和应用“事件”
事件是JavaScript最最引人注目的特性之一,它提供了一个平台,让用户不仅能浏览页面中的内容,而且还能够跟页面进行交互。本章围绕JavaScript处理事件的特性进行讲解,主要包括事件流、事件的监听、事件的类型以及浏览器的兼容性问题等。并通过实例“伸缩菜单”进一步熟练事件的运用。
第7章 使用JavaScript控制表格与表单
表格与表单都是网页中所不可缺少的元素,表格是数据的承载体,而表单作为与用户交互的窗口,时刻都扮演着信息获取和反馈的角色。本章围绕表格和表单介绍JavaScript、CSS控制它们的方法,以及实际运用中的一些技巧。最后通过实例“自动提示的文本框”进一步将理论运用到实际页面中。
第8章 JavaScript的调试与优化
编写JavaScript程序时或多或少的会遇到各种各样的错误,有语法错误、逻辑错误等等。即使代码没有问题,对于大网站而言执行的效率也是十分关键的,这就直接关系到代码的优化。本章围绕JavaScript的错误处理和优化做简要的介绍,包括常见的错误和异常、调试的技巧、调试的工具、优化的细则等。
第9章 Ajax
Ajax就是一种全新的技术,它使得浏览器与桌面应用程序之间的距离越来越近。本章围绕Ajax的基本概念,介绍异步链接服务器对象XMLHttpRequest,以及Ajax的一些实例,并对Ajax技术进行简单的分析。最后通过“自动校验的表单”和“Ajax实现自动提示的文本框”两个实例,进一步学习Ajax在实际页面中的强大功能。
第三部分 jQuery应用
第10章 jQuery基础
本章作为jQuery的第一章,重点讲解jQuery的概念以及一些简单的基础运用,为后面的章节打下基础,主要包括jQuery的概念、jQuery中的“$”、CSS3选择器、管理选择结果、jQuery链等等。
第11章 jQuery控制页面
本章在上一章的基础上介绍jQuery如何控制页面,包括页面元素的属性、CSS样式风格、DOM模型、表单元素、事件处理等。其中的实例大都为之前章节JavaScript实例的简化和升华,最后通过实例“快餐在线”完整的学习jQuery在实际页面中的运用。
第12章 jQuery制作动画与特效
jQuery中动画和特效的相关方法可以说为其添加了靓丽的一笔。开发者可以通过简单的函数实现很多特效,这在以往都是需要大量JavaScript代码开发的。本章主要通过实例,介绍jQuery中动画和特效的相关知识,包括自动显隐、渐入渐出、飞入飞出、自定义动画等。
第13章 jQuery的功能函数
在JavaScript编程中,开发者通常需要编写很多小程序来实现一些特定的功能,例如浏览器的检测、字符串的处理、数组的编辑、获取外部代码等等。jQuery将一些常用的程序进行了总结,提供了很多实用的功能函数。本章主要围绕这些功能函数对jQuery做进一步的介绍。
第14章 jQuery与Ajax
本章主要围绕jQuery中Ajax的相关技术进行讲解,重点分析jQuery对Ajax步骤的简化,主要包括获取异步数据、GET和POST方法、控制Ajax的细节。最后通过修改之前的“自动提示的文本框”实例,进一步学习jQuery的强大功能。
第15章 jQuery插件
无论jQuery再强大也不可能包含所有的功能,jQuery框架仅仅集成了JavaScript中最核心也是最常用的功能。然而jQuery有许许多多的插件,都是针对特定的内容,并以jQuery为核心编写的。本章通过实例,重点介绍jQuery中的一些常用插件,包括表单插件、UI插件等,让读者对jQuery插件有更深入的认识和理解。
第四部分 Javascript+jQuery综合案例
第16章 综合案例(1)——网络相册
本章通过一个完整的综合实例“网络相册”来讲解JavaScript、jQuery在实际运用中的方法,主要包括分析构架、模块拆分、功能细化、统一调整等各个步骤。
第17章 综合案例(2)——拖拽的清单
目前网络上拖拽的页面愈发的流行,例如iGoogle便是十分典型的案例。本节通过一个拖拽的清单实例,综合讲解这类页面的制作方法。
第18章 综合案例(3)——网络报价单
网络购物已经越来越流行,琳琅满目的商品充斥着整个网络世界。一个好的报价单对于商品销售的促进是无形的,尤其是电子产品。本节通过一个邮箱报价单的实例,综合说明这类页面的制作方法。
第19章 综合案例(4)——图片切割器
对于拍摄的相片通常都有一些多余的部分,在Photoshop等图像处理软件中有非常方便的图片切割工具。但对于网上的图片,利用jQuery就能模拟类似的切割效果。本章通过图片切割器的实例,综合介绍该操作的制作方法,供读者在遇到类似情况时参考。
学习方法建议
1. 重视基础,先掌握JavaScript,在学习jQuery或其他框架。
2. 学习相关的计算机专业基础课程;高级语言 / 数据结构 / 算法基础;程序= 数据结构 + 算法。
3. 实践+钻研
4. 学会提问和寻找答案
5. 学会调试
102,477





很好~
[…] 第0课 – 内容概述 – [精通JavaScript+jQuery] 第1课 – JavaScript背景知识-[精通JavaScript+jQuery] 第2课 – JavaScript基础 […]
不错~学习了!
非常好,我最近正在学习jquery呢,刚刚买了这本书,这里为我提供了好多视频,非常感谢!
[…] 第0课 – 内容概述 – [精通JavaScript+jQuery] 第1课 – JavaScript背景知识-[精通JavaScript+jQuery] 第2课 – JavaScript基础 […]
好东西要顶起来
[…] 第0课 – 内容概述 – [精通JavaScript+jQuery] 第1课 – JavaScript背景知识-[精通JavaScript+jQuery] 第2课 – JavaScript基础 […]
论坛也废了!
播放不能 下载不能 基本上废了!
看着不错,先看一下
刚刚看了几章,感觉好不错。
万分感谢!这么好的教材不感谢我心里不舒服啊
谢谢啦
[…] JavaScript/CSS/DOM基础 第0课 – 内容概述 – [精通JavaScript+jQuery] 第1课 – JavaScript背景知识-[精通JavaScript+jQuery] 第2课 – JavaScript基础 […]
请问为什么一直显示的是“装载播放器”,不能看呢!
请问关于书里所做的那些例子·· 这里是不是可以下到? 因为有时候看了视频· 自己做例子··效果出不来·· SO·
您讲得真的比较好光看了第一讲就不得不往下看,谢谢你
通过百度搜索jquery到了您这里,没见过为了卖本书搞这么复杂的。可我看了你们的视频教程之后,才发现您的良苦用心,才发现多么适合我们这些网页制作爱好者。这是由于像您这样无私周到的服务,才使我们不断得到提高。感谢您的辛勤工作。
我经常来这里看一些资料 非常感谢 你们提供的资料!
COBRA,
谢谢您的鼓励,欢迎常来这里交流!
请问下老师~~做一个网站到底需要哪些技术
每个技术有哪些作用
有没有相关的帖子讲解下
谢谢啊~
lekooe,
请参考下面的文章,希望对你有所帮助:
http://learning.artech.cn/20071129.web-career-plan.html
http://learning.artech.cn/20081015.what-to-learn.html
http://learning.artech.cn/20090418.how-to-learn-web-dev.html
这个网站不错,我现在正准备学习一个Jquery,谢谢你们给我准备了这么好的资料。
zhouchen ,
希望我们的内容对您学习有所帮助!
抱歉没有及时回复,我们最近很忙,下半年我们会拿出更多时间增加新内容的,欢迎来交流!
太棒了!要好好学习一下!
jane ,
谢谢您的鼓励!
抱歉没有及时回复,我们最近很忙,下半年我们会拿出更多时间增加新内容的,欢迎来交流!
不错 值得学习
xiaoxiao ,
谢谢您的鼓励!
抱歉没有及时回复,我们最近很忙,下半年我们会拿出更多时间增加新内容的,欢迎来交流!
这么好的网站,这么好的视频,怎么说好呢?·····赞!希望大家可以互相交流学习···
kobe ,
谢谢您的鼓励!
抱歉没有及时回复,我们最近很忙,下半年我们会拿出更多时间增加新内容的,欢迎来交流!
[…] 第0课 - 内容概述 - [精通JavaScript+jQuery] […]
我太喜欢这里了,学习了。。。。感谢站主和工作人员。。。。亲一下。哈。。
cmy ,
谢谢您的鼓励!
抱歉没有及时回复,我们最近很忙,下半年我们会拿出更多时间增加新内容的,欢迎来交流!
哈哈,很不错
相当好啊.
以前学习CSS时没有发现有这个教程,今天偶尔从搜索引擎链接过来,发现这里的很多教程都是精品。赞!!
学习者 ,
谢谢您的鼓励,欢迎您以后常来这里交流!
如果可以的话可不可以出个php的书本??
还有关于修改wordpress的css和php的教程??
文明 ,
抱歉,近期我们可能不会出PHP的内容。
关于比较深入地使用Wordpress的内容,就像你说的修改wordpress的css和php的教程倒是比较有意思的。不过出成书,可能出版社未必愿意。有机会我和他们探讨探讨。
前些日子学习了温老师的 CSS设计彻底研究,感觉非常的不错!现在准备学习点ajax方面的东西,又在这里发现了好东东了!!真是非常感谢,谢谢温老师为我们做出如此精彩的内容。
创意 家,
谢谢您的鼓励,很高兴我们的书对您有所帮助!
欢迎常来这里交流!
温老师好
网站前台有基础,学习网站后台该从何学习呢?
mxd ,
后台开发,你可以先确定一门语言和环境,比如ASP、ASP.net或者PHP,然后要想真正掌握好,应该掌握4项关键的技术要点:
1:一门语言,比如C#或者PHP或者Java,
2:一些数据结构基础,了解一些基本的算法知识
3:对数据库和SQL语言要有一定的了解
4:对网络,主要是服务器和客户端(浏览器)之间的信息传递过程,主要HTTP协议有所了解。
接下来,真正做实际的操作就很容易了。
用jquery.messager.js,右下角弹出窗口,我想实现鼠标放在上面时,它不动,离开时照常!急!!!!请知道的朋友给我发个邮件或者加我QQ:190393165谢谢啊
lili,
抱歉我没有用过这个插件。
不过一般插件都会带有一些演示的文件和说明文当,你可以先看懂是怎么使用的,然后再用到自己的网页上。
这本书能不能放几个样张出来看下呢?
miaojun,
参考这里,有介绍和样张的链接:
http://learning.artech.cn/20080828.master-javascript-jquery-published.html
这本书较之您说的王者归来,我个人感觉我们这本书要容易入门,非常深入的理论没有过多涉及,我们这本书事给从事一般的Web前端开发的学习的,目的就是让读者能够尽快地开发出好用的网页效果;《王者归来》这本书我仅看过的目录,我个人感觉要他所涉及的理论要广得多,深得多,可以给打算做框架开发的真正打算成为高手的学习。在上面的介绍页面里,我专门提到了我们这本书“没有”讲的内容,其中很多《王者归来》都讲了,我相信他也是一本好,关键在于您觉得那本书更适合您学习。
看到还有一本王者归来 不知道哪个好!我没学过程序,只学过CSS,想看看样章如果适合我,我就买了!
你好.
这个精通JavaScript/CSS/DOM.
我是学习.NET的.需要用到 省市县无刷新的查询DropDownList.
这里的Javascript教程可以适用吗?
.NET ,
《精通JS+jQuery》举了很多web前端常用的这种技术,里面正好有一个你说的这个无刷新列表。希望对你有用。
我是一个很爱好电脑的人 我希望你们多出教程 让我们去学习 谢谢
java,
加油!希望你的又快又好地掌握你希望学到的东西!
我也是一个新手。。刚刚看你们的网页和讲解。。。我觉得你们做得非常的好。。
我想问一下老师。。我要是自学的话,要多久才可以找这样的工作。。。
无知的鱼 ,
你好,这里有一片我去年写的文章,可以部分地回答你的问题:
http://learning.artech.cn/20071023.how-to-learn.html
简短地说,这个问题很难回答,每个人情况相差很多,如果说一个人可能需要1年掌握的东西,另一个人可能一天就可以搞定。
总之,慢慢来,每天日有所进,一段时间以后,就会发现进步很大了。这就项爬山一样,每一步都很小,就好像没有动,但是过一段时间,往下看的时候,就会发现你已经站的很高了,当然,还有很高的山在等着你。
敬佩你们的用心,很出色的网站.我会买你们的书支持你们的.
我在这里学到了很多,谢谢.
钟摆 ,
谢谢您的鼓励和支持!希望您能学习得更好更快!
其实我们特希望你们能讲解一下javascript第四部分的实例,彻底分析一下,温谦我特喜欢你的讲解方式,简单,抓住重点,又能使读者明白,声音干脆,既然序是你讲的,那么您就多辛苦一下,把尾也给收一下吧,我知道那个实例讲起来很麻烦,还是希望您能笼统的讲解分析一下,您终实的读者,一直关注前沿的人.
我支持你的看法。因为温老师讲课的方式是一种总当心大家听不懂的模式。我想知道温老师,这本JS书中您参与的多少个部分的写作?
很喜欢这个网站!~
Xcell,
谢谢您的鼓励,欢迎常来交流!
很好,
我都引用过去了,
注明出处了,
可以么?!
naodai,
好的,谢谢注明我们的网站。
欢迎来这里交流,也欢迎到我们的论坛交流: http://talking.artech.cn !
《精通JavsScript+jQuery,这书现在有的卖吗?
he,
7月上市,目前基本上出版社的编辑工作已经完成,就要去印刷了。
如果这方面的需求多的话,我们可以考虑专门出一本,用jQuery做各种花哨Web界面的书
书名我已经想好了,明天早上你们两就可以开始。
《JS jQuery彻底研究》书名是这个,您屏蔽了尖括号。
米奇,
好啊,谢谢您的建议,我们会一步一步来的。:)
呃。。。顺伯伯才是作者,不好意思搞错了。精通CSS里如果是顺伯讲的话,那他的声音比温伯明显要年轻。
米奇,
曾顺是大师级的,有志不在年高,呵呵。
第0课?数组的下标就是从他开始的!-_-!!!可是书要到7月才出郁闷了。幸亏还有jk的JS DOM陪我。还在怀疑预留退路到底现在还需要不需要,太浪费时间 了。。。
米奇,
预留退路?啥意思?
就是让不支持或者是关闭了JS脚本的浏览器也可以正常体验和浏览,W3C组织的JK出的书里说的, 就像是关闭了CSS也可以正常浏览这样吧应该。书我还没看完。
米奇,
做到这点的关键是HTML结构要搭好!这个很重要。
呃 你的页脚图片和main内容还是有一个像素的错位-_-!!!
以后有时间再调吧,这个像素似乎和内容有关系,现在挑好了,过来哪个天内容变了,又会有问题。现就这样,不搞了。呵呵
往左偏了一个像素,很难看出来的,不信你试试。
哈哈
金字塔?这个是块引用吗?
也不能这样说嘛,你可以先做好充分的准备或先学习其他的东西嘛。。。
啥?
谢谢!如果全是JQUERY就好了。
soz ,
实际上每本书,都是有一定的目标读者的。我们希望我们的各本教材能够有一定的连贯性,因为很多读者基本上对JavaScript还是空白的,我们感觉虽然直接讲解和使用jQuery也可以,但是如果不把里面的很多道理和核心的对象真正搞清楚,尽管jQuery很方便,也可以做得更花哨,但是不利于深入掌握。
所以我们还是决定用一半的篇幅把JS和DOM以及相关的操作,这些操作尽管没有做出什么非常花哨的东西,但是如果读者把他真正透彻地理解了,对于以后掌握jQuery或者其它任何框架都会非常方便。这就像金庸说得气宗和剑宗的道理吧。先把内功练扎实,以后用什么兵器都能成高手,扫地僧一把笤帚也能横扫天下。
当然我们想也会有不少读者,已经对JS比较熟悉了,就好像内功已经很好了,但是缺少一套剑法。那么如果有一本全部是关于jQuery的书,也会很好,但是我们也不确信这样的读者多不多,因为一本书必须要有比较多的读者,出版社才会出版。如果这方面的需求多的话,我们可以考虑专门出一本,用jQuery做各种花哨Web界面的书。目标读者是已经对JavaScript和DOM已经比较了解了之后的开发人员。过一段时间看看读者反馈的意见,再作决定吧。
谢谢您的意见,对我们很有帮助。
哇!今天一上就看见这个 。太兴奋了。这本书太使我期待了,能够很详细的面对初学者,温伯伯花了很大的功夫啊。温老师现在开始写《JS jQuery彻底研究》了吗?
米奇,
别着急,不要一口吃个胖子阿,一步一步稳扎稳打最重要!
恭喜老师的新书发布,大家一定要认真拜读哦~~~~~~~~~~
李华斌,
hi,你好,书收到了吗?
老师啊, 书还没收到啊……..真是漫长的等待啊……….能告知运单号吗???? 我想去邮局查问一下了……….
李华斌,
好像不好查,再等几天~~~~呵呵
谢谢您老师,教程终于出来了。我和青色一样javascript是新手…学习..
楓ミ楪が,
希望能对你有所帮助!
看完了,感觉很好,期待后面的内容中。。。建议嘛,JavaScript方面我是新手,应该提不出什么意见,看看其他方面能能不能提点什么咯。。。
青色,
好啊,加油!
好东西,期待已入的好东西
iamzhongshi,
谢谢您的鼓励,希望对大家有所帮助!
终于出来啦。。。太好了啦。。。
青色,
有什么好的想法和建议,告诉我们哦。