基础性的学习网站：
创新互联公司主要从事成都网站建设、网站制作、网页设计、企业做网站、公司建网站等业务。立足成都服务古县,10多年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108
w3school：
w3cplus：
菜鸟教程网：
易百教程：
脚本之家：
视频类的学习网站：
尚学堂：
慕课网：
扣丁课堂：
极客学院：
个人博客类的学习网站：
张鑫旭：
阮一峰：
廖雪峰：
辰辰：
轩枫阁：
社区类的学习网站：
segmentfault：
掘金：
简书：
Stack Overflow:
CSDN：
博客园：
希望对你有帮助！
javascript 是目前运用于web前端脚本开发的常用脚本语言.由于各浏览器根据 ECMAScript 的标准 实现的语言的总称,如IE浏览器实现的Jscript,Jscript 在asp中也可以被指定为服务端脚本.至于asp.net本人没用过.
网站开发应分前端开发和后端开发(服务端),前端开发可分UI设计(美工设计)和前端脚本设计
各自的分工都是很明确的,但在于中国这个WEB开发行业上,实在是懂多一点,工作好找一些.如果有意思应该去了解各自的相关知识.
至于你那个JPS根本没听过.
目前比较常用的后端开发有 ASP(vbscript),PHP,JSP(java),C#/.net 这几种
后端的开发离不开数据库操作,所以了解这些在与数据库的交互基本上是重点.
前端的开发要的是美工设计和前端脚本设计,美工的就不用多说了,目前基本上都使用javascript作为前端脚本,(因为它是各浏览器根据ECMA-262标准实现的,但依然存在着很多不同之处,因此使用是应该要考虑多浏览器之间的兼容性)在前面脚本的开发中.基本上都是作DHTML的开发和一些安全性不高的逻辑和验证.
像目前有不少的javascript框架,这些框架有的集成了一整套的UI组件...这也是要了解和应用的.那么以上的这些的运用当然离不开WEB服务的一种表现方式----那就是HTML-超文档标记语言.
这里只介绍XMLBuddy，它主要提供是有关DTD方面的验证、代码助手等功能；还有一种是XMLBuddy
Pro，它相对于XMLBuddy来说，扩展了许多功能，比如对Schema、XSLT、RELAX NG
的支持，但它需要Money。对于XML的一般编写，XMLBuddy已经够用了，而且它是免费的，很容易得到，所以这里就着重谈谈它了。
一、下载与安装
1. 下载
XMLBuddy的主页地址是：
下载要注意是XMLBuddy，不是XMLBuddy Pro。这里给出一个下载地址，是XMLBuddy 2.0.38版本的：
;OSSAccessKeyId=9q6nvzoJGowBj4q1Expires=1469007502Signature=JKgXBc%2B26iq1KGztUDYOYWwMaIE%3D
注意：这个版本匹配的是eclipse 3.0.1-3.1M5。
为了讲解方便，我使用的eclipse的版本是3.0.1，并且安装了中文语言包，没有安装其它插件。如图：
2. 安装
安装XMLBuddy 2.0.38，先解压这个下载的文件，然后将com.objfac.xmleditor_2.0.38这个目录复制到eclipse安装目录下的plugins目录中即可；或者采用links方式安装也可以。
再次启动eclipse，应该可以发现XMLBuddy已经安装了。
3. 定制
如果要定制XMLBuddy，可以通过 窗口 -＞首选项 -＞XMLBuddy 来修改：
Eclipse的插件大全
以下是我整理的自己开发过程中的常用Eclipse插件，按字母排序：
(1) AmaterasUML
介绍：Eclipse的UML插件，支持UML活动图，class图，sequence图，usecase图等；支持与Java class/interface之间的相互导入导出。
官方网站：
插件下载URL： （目前最新版本）
注：安装时需要GEF插件的支持。
(2) Bravo JSP
介绍：Bravo JSP编辑器是一款WYSIWYG（所见即所得的）JSP/html页面编辑器。Code
Editor(代码编辑器)与Eclipse Web
Tools的JSP编辑器相同，所以支持代码建议，代码模板和其它相同的功能。可视化部分：支持CSS样式、图片、JSP表达式/标签库/标签文件、外部included的文件。改变HTML/CSS/JSP代码可以立即看到效果。提供DOM查找/替换对话框。JSTL的变量查看功能。
官方网站：
Eclipse在线安装URL：
(3) Checkstyle
介绍：CheckStyle是SourceForge下的一个项目，提供了一个帮助JAVA开发人员遵守某些编码规范的工具。它能够自动化代码规范检查过程，从而使得开发人员从这项重要，但是枯燥的任务中解脱出来。CheckStyle检验的主要内容有：Javadoc注释、命名约定、标题、import语句、体积大小、空白、修饰符、块、代码问题、类设计以及混合检查（包括一些有用的比如非必须的System.out和printstackTrace）等。
官方网站：
Eclipse在线安装URL：
(4) Easy Explorer
介绍：如果你经常需要在Eclipse里打开相关资源文件所在的文件夹，比较麻烦，要右键，属性，在Location一栏中把所在的文件夹拷贝一下，然后再去资源管理器里输入这个路径，回车，然后打开它，比较麻烦。Easy
Explorer是一个Eclipse的小插件，它能直接打开选中文件所在的目录，很方便好用.
官方网站：
(5) EasySQL
介绍：EasySQL:Eclipse SQL插件。包含SQL编辑器和执行器,表格编辑器，数据导出工具。EasySQL设计成易于与其它插件相集成。如果在你的项目中需要数据库
操作功能，可以考虑该插件。
官方网站：
插件下载URL：
(6) EclEmma
介绍：提到 EclEmma 首先就要说到著名的 Java 覆盖测试工具
Emma。从某种程度上说，EclEmma 可以看作是 Emma 的一个图形界面。EclEmma的出现弥补了 Emma 用户一个大的遗憾 ----
缺乏图形界面以及对集成开发环境的支持。将 Eclipse 和 Emma 这两个在各自领域最为优秀的工具结合起来，这就是 EclEmma
为我们提供的。
官方网站：
Eclipse在线安装URL：
(7) Eclipse SWT Designer Plugin
介绍：Eclipse SWT Designer Plugin是一个用于快速构建J2SE的桌面化GUI开发的Eclipse插件。
官方网站：
插件下载URL：
(8) FindBugs
介绍：Findbugs 是一个静态分析工具，它检查类或者 JAR
文件，将字节码与一组缺陷模式进行对比以发现可能的问题。了静态分析工具，就可以在不实际运行程序的情况对软件进行分析。它可以帮助改进代码的质量。它是寻找代码缺陷的，很多我们写的不好的地方，可以优化的地方，它都能检查出来。例如：未关闭的数据库连接，缺少必要的null
check，多余的 null
check，多余的if后置条件，相同的条件分支，重复的代码块，错误的使用了"=="，不同数据类型的比较，建议使用StringBuffer代替字符串连加等等。
官方网站：
Eclipse在线安装URL：
(9) FreeMarker IDE
介绍：FreeMarker
IDE是一个FreeMarker(模板引擎)感知编辑器，支持：语法高亮显示(Syntax Hilighting)、内容辅助(Content
Assist)、大纲视图(Outline
View)。其主页上提供了如何使用该插件进行开发的Flash视频。FreeMarker还有另外一个插件FreeMarker Eclipse
Plugin。
官方网站：
插件下载URL：
(10) Spket
介绍：Spket IDE是功能强大的JavaScript
和XML开发工具包。这个强大的编辑器可以进行JavaScript、XUL/XBL以及Yahoo!
Widget开发。其中JavaScript编辑器具有代码完成（code
completion）、语法标记以及内容概览等功能，协助开发人员创建高效的JavaScript代码。
官方网站：
Eclipse在线安装URL：
(11) JadClipse
介绍：JadClipse是一个Eclipse插件,无缝地集成了Jad(快速Java反编译器)与Eclipse。通常,当打开一个类文件，类文件查看器将显示一个简短的API类的轮廓。如果你安装这个插件,JadClipse类文件查看器将替换类文件查看器并显示了类的反编译源代码。这个任务可以通过在后台使用Jad反编译相应的类文件来完成。可以支持正常的Java语法高亮以及大纲视图。
官方网站：
Eclipse在线安装URL：
(12) Javascript Debug Toolkit
介绍：JSDT(Javascript Debug
Toolkit)是一个用于javascript调试的Eclipse
插件，用于调试javascript。JSDT可以跨浏览器调试，支持在IE,Firefox,Safari,Chrome等主流浏览器中调试javascript。JSDT支持设置断点，单步调试等调试工具的基本特性。
官方网站：
Eclipse在线安装URL：
(13) Mybatis Editor
介绍：MyBatis Editor是一个Eclipse的插件，用来编辑MyBatis的配置文件。
官方网站：
Eclipse在线安装URL：
(14) MAT
介绍：Eclipse Memory Analyzer（MAT）是著名的跨平台集成开发环境 Eclipse
Galileo 版本的 33 个组成项目中之一，它是一个功能丰富的JAVA 堆转储文件分析工具，可以帮助你发现内存漏洞和减少内存消耗。对于大型
JAVA
应用程序来说，再精细的测试也难以堵住所有的漏洞，即便我们在测试阶段进行了大量卓有成效的工作，很多问题还是会在生产环境下暴露出来，并且很难在测试环境中进行重现。JVM
能够记录下问题发生时系统的部分运行状态，并将其存储在堆转储
(Heap Dump) 文件中，从而为我们分析和诊断问题提供了重要的依据。
官方网站：
Eclipse在线安装URL：
(15) m2eclipse
介绍：这是一个在Eclipse环境中集成的Maven插件。
官方网站：
Eclipse在线安装URL：
(16) PatternBox
介绍：PatternBox是一个Java设计模式编辑器。它提供一个基于模板的代码生成器。这个基于XML的模板机制使得你能够定义自己的代码模板。PatternBox当前能够为16种GoF设计模式生成代码。
官方网站：
插件下载URL：
(17) PMD
介绍：PMD是一种开源分析Java代码错误的工具。与其他分析工具不同的是，PMD通过静态分析获知代码错误。也就是说，在不运行Java程序的情况下报告错误。PMD附带了许多可以直接使用的规则，利用这些规则可以找出Java源程序的许多问题。此外，用户还可以自己定义规则，检查Java代码是否符合某些特定的编码规范。PMD是一款采用BSD协议发布的Java程序代码检查工具。该工具可以做到检查Java代码中是否含有未使用的变量、是否含有空的抓取块、是否含有不必要的对象等。该软件功能强大，扫描效率高，是Java程序员debug的好帮手。
官方网站：
Eclipse在线安装URL：
(18) Properties Editor
介绍：Properties Editor 编辑java的属性文件，并可以自动存盘为Unicode格式。
官方网站：
Eclipse在线安装URL：
(19) Regex Util
介绍：正则表达式测试插件。它能够高亮显示正则表达式语法、括号匹配、错误检测。能够提醒正则表达式的功能详细描述等。
官方网站：
Eclipse在线安装URL：
(20) Smelly
介绍：Smelly这个插件能够自动探测Java代码中的Bad Smells。Smelly在软件开发中非常有用，它当前能够探测以下这些Bad Smells：
1.Data Class(纯数据类)：Class只有fields或get/set属性，没有任何行为。
2.Large Class(庞大的类)：单一类做过多的事情。
3.Long Method(过长的Method)：过长的代码会使得Method难以理解和维护，应该将该Method分解成多个独立功能的Method。
4.High Comment Density(过多的注释)：注释过多意味着该段代码难于理解。
5.Long Parameters List(过长的参数列表)：一个Method中传入过长的参数列表，使得参数列难以理解。修改参数列时将会使得参数前后不一致。
6.Switch Statements(Switch语句)：同样的Switch语句出现在不同的方法或不同的Class中，这样当需要增加新的CASE分支或者修改CASE分支内语句时，就必须找到所有的地方，然后进行修改。
官方网站：
插件下载URL：
(21) SpringIDE
介绍：Spring IDE是一系列Eclipse插件，目的开发基于Spring的应用。Spring
IDE增强了普通Eclipse IDE自带工具构建基于Spring的应用程序的能力。它使你的Eclipse
IDE能够感知Spring，并给各种不同类型的Spring相关构件（Spring配置文件，Spring注解等）添加代码完成，验证，内容辅助，快速修复等功能。它也包含了对重构、Spring自动装配、Spring
AOP和AspectJ、Spring Batch、Spring集成、Spring
Security以及Spring WebFlow的支持，并集成了Eclipse Mylyn。它同时还包含了Spring
UAA（用户代理分析），帮助我们收集一些使用数据的一个可选组件。这是完全匿名的，并且有助于我们更好地理解如何使用工具，如何在未来改进它。它还附带了SpringSource面板这个可选组件，可以给你带来有关SpringSource相关项目的最新信息以及一个易于使用的扩展安装来为Eclipse集成像VMware
vFabric TC Server或Cloud Foundry这样的额外的工具附加组件。
官方网站：
Eclipse在线安装URL： (for Eclipse Juno 4.2)
(for Eclipse Indigo 3.7)
(for Eclipse Helios 3.6)
(22) StrutsIDE
介绍：Struts开发辅助工具。提供struts-config.xml的图形编辑界面；提供Action, ActionForm, JSP等的创建向导。
官方网站：
插件下载URL：
(23) Subclipse
介绍：Subclipse 是一个为 Eclipse IDE 添加 Subversion 支持的项目。支持几乎所有版本的Eclipse。
官方网站：
Eclipse在线安装URL：
(24) XMLBuddy
介绍：一个XML的Eclipse插件，支持XML，DTD，XML Schema，XSLT等。XMLBuddy分了2个版本，一个是免费的，XMLBuddy Pro是收费的。
;OSSAccessKeyId=9q6nvzoJGowBj4q1Expires=1469007502Signature=JKgXBc%2B26iq1KGztUDYOYWwMaIE%3D
在Eclipse里调式JavaScript需要有JSDT（JavaScript Development Tools）插件，大部分Eclipse里都已经安装了这个插件。如果不确定安装了没有，可到Help - About Eclipse - Installation Details - Features里检查（按Feature Name排序，然后找Eclipse JavaScript Development Tools）。
JSDT里有个JSDI（JavaScript Debug Interface）模块，这个模块定义了调式协议，并提供了一系列实现，支持目前主流的各个浏览器。有兴趣的朋友可查看官方网站。不过这里我只选择了Google Chrome浏览器，这其中的一个原因是Google自己提供了与JSDI集成的ChromeDevTools插件。
安装完就可以测试了。需要三个步骤：
1）在Eclipse里建一个war工程，并写一个测试的js文件。然后把这个war跑起来。
2）启动浏览器，并带上–remote-debugging-port=9222参数。然后打开上面的网页地址。
3）在Eclipse里配置调式参数，然后设置断点，看看能不能停在断点处（就跟调式Java代码一样）。
安装的时候，把“Contact all update sites during install to find required software”这个勾去掉。
开发过程中的常用Eclipse插件，按字母排序：
(1) AmaterasUML
介绍：Eclipse的UML插件，支持UML活动图，class图，sequence图，usecase图等；支持与Java class/interface之间的相互导入导出。
官方网站：
插件下载URL： （目前最新版本）
注：安装时需要GEF插件的支持。
(2) Bravo JSP
介绍：Bravo JSP编辑器是一款WYSIWYG（所见即所得的）JSP/html页面编辑器。Code Editor(代码编辑器)与Eclipse Web Tools的JSP编辑器相同，所以支持代码建议，代码模板和其它相同的功能。可视化部分：支持CSS样式、图片、JSP表达式/标签库/标签文件、外部included的文件。改变HTML/CSS/JSP代码可以立即看到效果。提供DOM查找/替换对话框。JSTL的变量查看功能。
官方网站：
Eclipse在线安装URL：
(3) Checkstyle
介绍：CheckStyle是SourceForge下的一个项目，提供了一个帮助JAVA开发人员遵守某些编码规范的工具。它能够自动化代码规范检查过程，从而使得开发人员从这项重要，但是枯燥的任务中解脱出来。CheckStyle检验的主要内容有：Javadoc注释、命名约定、标题、import语句、体积大小、空白、修饰符、块、代码问题、类设计以及混合检查（包括一些有用的比如非必须的System.out和printstackTrace）等。
官方网站：
Eclipse在线安装URL：
(4) Easy Explorer
介绍：如果你经常需要在Eclipse里打开相关资源文件所在的文件夹，比较麻烦，要右键，属性，在Location一栏中把所在的文件夹拷贝一下，然后再去资源管理器里输入这个路径，回车，然后打开它，比较麻烦。Easy Explorer是一个Eclipse的小插件，它能直接打开选中文件所在的目录，很方便好用.
官方网站：
(5) EasySQL
介绍：EasySQL:Eclipse SQL插件。包含SQL编辑器和执行器,表格编辑器，数据导出工具。EasySQL设计成易于与其它插件相集成。如果在你的项目中需要数据库
操作功能，可以考虑该插件。
官方网站：
插件下载URL：
(6) EclEmma
介绍：提到 EclEmma 首先就要说到著名的 Java 覆盖测试工具 Emma。从某种程度上说，EclEmma 可以看作是 Emma 的一个图形界面。EclEmma的出现弥补了 Emma 用户一个大的遗憾 ---- 缺乏图形界面以及对集成开发环境的支持。将 Eclipse 和 Emma 这两个在各自领域最为优秀的工具结合起来，这就是 EclEmma 为我们提供的。
官方网站：
Eclipse在线安装URL：
(7) Eclipse SWT Designer Plugin
介绍：Eclipse SWT Designer Plugin是一个用于快速构建J2SE的桌面化GUI开发的Eclipse插件。
官方网站：
插件下载URL：
(8) FindBugs
介绍：Findbugs 是一个静态分析工具，它检查类或者 JAR 文件，将字节码与一组缺陷模式进行对比以发现可能的问题。了静态分析工具，就可以在不实际运行程序的情况对软件进行分析。它可以帮助改进代码的质量。它是寻找代码缺陷的，很多我们写的不好的地方，可以优化的地方，它都能检查出来。例如：未关闭的数据库连接，缺少必要的null check，多余的 null check，多余的if后置条件，相同的条件分支，重复的代码块，错误的使用了"=="，不同数据类型的比较，建议使用StringBuffer代替字符串连加等等。
官方网站：
Eclipse在线安装URL：
(9) FreeMarker IDE
介绍：FreeMarker IDE是一个FreeMarker(模板引擎)感知编辑器，支持：语法高亮显示(Syntax Hilighting)、内容辅助(Content Assist)、大纲视图(Outline View)。其主页上提供了如何使用该插件进行开发的Flash视频。FreeMarker还有另外一个插件FreeMarker Eclipse Plugin。
官方网站：
插件下载URL：
(10) Spket
介绍：Spket IDE是功能强大的JavaScript 和XML开发工具包。这个强大的编辑器可以进行JavaScript、XUL/XBL以及Yahoo! Widget开发。其中JavaScript编辑器具有代码完成（code completion）、语法标记以及内容概览等功能，协助开发人员创建高效的JavaScript代码。
官方网站：
Eclipse在线安装URL：
(11) JadClipse
介绍：JadClipse是一个Eclipse插件,无缝地集成了Jad(快速Java反编译器)与Eclipse。通常,当打开一个类文件，类文件查看器将显示一个简短的API类的轮廓。如果你安装这个插件,JadClipse类文件查看器将替换类文件查看器并显示了类的反编译源代码。这个任务可以通过在后台使用Jad反编译相应的类文件来完成。可以支持正常的Java语法高亮以及大纲视图。
官方网站：
Eclipse在线安装URL：
(12) Javascript Debug Toolkit
介绍：JSDT(Javascript Debug Toolkit)是一个用于javascript调试的Eclipse 插件，用于调试javascript。JSDT可以跨浏览器调试，支持在IE,Firefox,Safari,Chrome等主流浏览器中调试javascript。JSDT支持设置断点，单步调试等调试工具的基本特性。
官方网站：
Eclipse在线安装URL：
(13) Mybatis Editor
介绍：MyBatis Editor是一个Eclipse的插件，用来编辑MyBatis的配置文件。
官方网站：
Eclipse在线安装URL：
(14) MAT
介绍：Eclipse Memory Analyzer（MAT）是著名的跨平台集成开发环境 Eclipse Galileo 版本的 33 个组成项目中之一，它是一个功能丰富的JAVA 堆转储文件分析工具，可以帮助你发现内存漏洞和减少内存消耗。对于大型 JAVA 应用程序来说，再精细的测试也难以堵住所有的漏洞，即便我们在测试阶段进行了大量卓有成效的工作，很多问题还是会在生产环境下暴露出来，并且很难在测试环境中进行重现。JVM 能够记录下问题发生时系统的部分运行状态，并将其存储在堆转储 (Heap Dump) 文件中，从而为我们分析和诊断问题提供了重要的依据。
官方网站：
Eclipse在线安装URL：
(15) m2eclipse
介绍：这是一个在Eclipse环境中集成的Maven插件。
官方网站：
Eclipse在线安装URL：
(16) PatternBox
介绍：PatternBox是一个Java设计模式编辑器。它提供一个基于模板的代码生成器。这个基于XML的模板机制使得你能够定义自己的代码模板。PatternBox当前能够为16种GoF设计模式生成代码。
官方网站：
参考资料
CSDN：
