AngularJS和jquery，有什么区别？
AngularJS 是Web前端开发中的一个 JavaScript 框架，目前在前端中使用率也是非常高的，也是Web前端开发者以动态形式开发时最喜欢的框架之一。如果你是一个前端开发者希望基于AngularJS启动一个项目，你需要筛选众多的工具。为了减少用AngularJS开发的负担，下面源码时代Web前端培训小编为大家介绍20款最新的工具，主要涉及测试、前端开发、IDE编辑器、文本编辑器、优秀库、模块、扩展、代码生成器、网格工具等等。
1.Karma–是一个简单的javascript测试工具，它允许在多个真正的浏览器执行JavaScript代码..提供了完美的测试环境，允许你在真实的浏览器和设备比如手机和平板电脑上测试应用。
2.Protractor –是一款端对端的测试框架。这个Node.js项目建立在WebDriverJS之上。它在真实浏览器上运行测试，与其交互就如任何正常用户使用一样。
3. Jasmine –这款行为驱动测试框架不依赖于浏览器、DOM或者任何JavaScript框架，因此对于任何Node.项目或者任何JavaScript运行的地方都非常适合。
4. Djangular –这是一款可重用的应用，可以提供更好的AngularJS集成。有了此工具的帮助，你可以歼扮稿为每个应用创建 AngularJS内容。
5. Ment.io –这款工具引入了mention部件和宏控件，并不依赖于jQuery。你可以应用ment.io指令作用于任何元素，并且它允许可选择的文本输入。
6. Angular Kickstart –这款工具加速了AngularJS开发，并伴随可扩展的构建系统，简化了开发过程。
7. AngularFire –用此工具，你可以轻松创建 Angular 应用后台。灵活的API，3种数据绑定方式以及快速开发能力使得开发变得轻松。
8. Mocha.js –这是一款运行在node.js和浏览器上的功能丰富的测试框缺氏架。允许异步测试，能灵活准确的报告与映射。
9. SublimeText –对于开发者来说最好的一款文本代码编辑器，使得编写代码简单化。比起其他文本编辑器，许多开发者更喜欢用Sublime Text.
10. Restangular –这款工具简化了常见的GET, POST, DELETE, UPDATES请求，使用更简短的代码。对于任何通过 RESTful API 进行数据操作的 Web 应用都是理想化的工具。
11. Generator Angular –这款工具可以帮助你快速的设置项目的默认结构。它能输出让你快速开始app开发的模板。
12. NG-Inspector –这是一个Chrome 和Safari 浏览器扩展，安装成功后会出现先审查面板中，帮助你开发、调试和深入理解 AngularJS 应用。它使得更容易标识和显示Controllers 和Directives中的scope。
13. Angular Seed –这个一个典型的AngularJS web app开发框架，它可以让你在开发环境快速启动angular app。
14. Code Orchestra –这是一个前端开发工具，它允许你所见即所得方式开发代码。一旦你保存修改了的代码，它使用一个特殊的协议自动的显示出来。
15. Videogular –这是一个针对AngularJS的基于HTML5的视频播放氏孝库，它使得在你的app中使用视频或其他多媒体更容易。
16. Webstorm –它是一个智能的代码编辑器，支持JavaScript, Node.js, HTML和CSS等等以及它们对应下一代的继任者。它能工作在所有的先进技术下，对大部分开发者来说，使用它是一个很好的选择。
17. Angular GetText –这是超级简单的翻译工具，你只需输入英文文本，标记它需要翻译，它就会翻译。
18. Angular Deckgrid –这是一个轻量级的表格，它没有自己的展现样式，完全依赖于你定义在CSS中的样式。
19. Angularjs UI –这是一个UI组件集合库，它有很多有用的指令来帮你快速的开发Angular应用。它使用指令来代替组件，如：ui-router, ui-map, and ui-calendar。
20. Mean –它是一个使用MongoDB, Node.js, Express和AngularJS apps的简单而完美的模板。它捆绑和配置了一些模块，如： Mongoose 、Passport。
21. Wijmo –这是新一代HTML5/ JavaScript UI控件。大而全面的前端开发工具包，全面支持Angular 2。
22. VS Code(Visual Studio Code)是由微软研发的一款免费、开源的跨平台文本(代码)编辑器。几乎完美的编辑器。
源码时代：
java学习路线
目前在职Java开发，我给出的Java学习路线是：
JavaSE--数据库--jdbc----前端基础--Javaweb--Spring--Mybatis--Maven--Springboot---Reids--Springcloud--Linux--Git。
JavaSE：java基础，既然是基础，那肯定是最重要的，所以学习的时候也是需要重点学习的地方。
数据库：为什么要学数据库呢，因为我们的web数据需要持久化到磁盘上统一管理，而数据库无疑就是最好工具。目前主流的关系型数据库有mysql 和oracle。我建议先学mysql。为什么呢mysql相比Oracle难度要低，而在国内应用场景又是最多的。
学会了mysql可以开发出一个完整的产品了，再学oracle都可以的。
前端基础：既然是做一个网站，那肯定不能是后台的数据，这样用户也是没办法看的，所以需要学习前端知识，把数据展示到页面上，而对于后台人员来说，学习阶段只需要学习前端基础就可以了。Html 、js、css、jquery就可以了。当然到离开后期你也可以学学专门为后端人员定制的前端框架，比如，layui，easyui。如果还觉得不够可以学学前端专用框架。比如vue element ，但是大前提是把自己的后台学到位了再学其他的。
Javaweb：jsp、servlet。为什么用了html还要学jsp呢。因为jsp和Java是无缝连接的。学了javaweb以后就可以自搏运猜己做一个项目出来了，比如你想做一个个人网站。你可以给你们学校做一个教务管理系统都是可以的。
Spring：后台框架。为什么要用框架呢，可以快速开发，并且降低了耦合。Spring的AOP支持允许将一些通用任务如安全、事务、日志等进行集中式管理，从而提供了更好的复用，Spring的ORM和DAO提供了与第三方持久层框架的良好整合，并简化了底层的数据库访问。
Mybatis：持久层框架，当然持久层还有一个框架应用也很广的，那就是hibernate，一个是半自动的一个是全自动，而在国内应用最多的是mybatis，在国外用得最多的是hibernate，具体原因，大家可以百度查查。持久层框架有什么好处呢？如果你用原始的jdbc做开发，那你得自己来管理每一个连接，连接的打开和关闭，都是有开发人员来操作的，而且jdbc也没有实体的映射，需要我们写代码把值set进去，而用了框架这些都交给框架去做了。
Maven：mavne是一个工具，他的核心是pom.xml，这个配置文件，pom的全英文是project object model，意思是对象管理模型，也就是把项目也看成一个对象来操作了。给我们带来最直观的好处就是依赖问题，以前我们需要自己下载jar包，在构建到项目中，但是有了maven只需要写jar的依赖就可以自动给我们下载了。
Springboot：springboot是基于maven的，springboot最明显的特点就是开箱即用，也就是构建了一个springboot项目 直接就可以做开发了，而不需要像我们自己配一个springmvc的框架一样的需要去配置大量的xml文件。让我们开发人员更着重于业务上的开发。
Redis：前面的mysql，oracle是关系型数据库，什么是关系型呢，就是一对一 一对多 多对多。有表与表之间有这些关系在，所以就叫关系型数据库，而redis就是非关系型数据库，也就是他存储数据之间是没有这些关系，他是以键值对 list set方式存储的。
对了，顺便在这里说一下，我目前是在职Java开发，如果你现在也在学习Java，了解Java，渴望成为一名合格的Java开发工程师，在入门学习Java的过程当中缺乏基础入门的视频教程，你都可以申请加入我的Java新手学习交流qun：前面输入是：前面输入是：七九八，中间输入是：八四四，最后输入是：六二零。里面聚集了很多正在悄嫌学习Java技术的初学者基型，qun文件里面还有我做Java技术这段时间整理的一些学习手册，面试题，开发工具，PDF文档书籍教程，需要的话都可以来获取下载。
Springcloud：微服务框架，什么是微服务呢，就是把我们传统的单体服务拆分开了，就是将一个单体架构的应用按业务划分为一个个的独立运行的程序即服务，微服务架构其实就是一个分布式架构，具体的就不详细的讲了，因为这里面牵涉到的解决方案是灵活的。
Linux：linux的应用通常都是在底层，那我们上层开发人员为什么也要学它呢，其实我们的主要应用是在服务器上，也就是服务器的系统。当然系统也有Windows的，而Windows的和Linux的区别就是Windows服务器有问题是微软来解决，很方便：别人替你做，但也不方便：你遇到问题都得让他官方来解决漏洞，但是Linux就不一样，他是完全开源的，有问题自己马上就可以解决，只要开发人员能力够硬去改内核都是可以的。
Git：版本管理工具，与之对应的还有svn，最大的区别在于git是分布式系统，而svn不是分布式的，因为你们进企业以后都是协同开发 也就是一个项目小组里面几个小伙伴一起开发一个项目，所以就要有一个代码的管理工具来保证你们做的不同模块可以整合，所以说git也是需要学的。
如何离线安装jquery ui包
用户用搜索引山衡宴擎搜索jquery-ui，找到jquery-ui的官网
找到官网后，进入jquery-ui的首页，jquery-ui点击download选项进入包的下载页面
选择需要下载的jquery-ui的版本，将浏览器拉到底部，点击download按钮进行下载 将下拦弯载的jquery-ui包进行解压，解压后会出现几个文件夹及文件，学习就重逗银点看demos文件夹， 里面都是jquery-ui的经典案例。
web前端开发需要掌握的几个必备技术
接下来由小编简单的列举出几个前端开发中必须要学会的知识：
第一阶段：
HTML+CSS:
HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、
JavaScript基础：
Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。
JS基本特效：
常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。
JS高级特征：
正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础、
JQuery：基础使用
悬着器、DOM操作、特效和动画、方法链、拖拽、变形、JQueryUI组件基本使用。
第二阶段：
HTML5和移动Web开发
HTML5：
HTML5新语义标签、HTML5表单、音频和视频、离线和本地存储、SVG、WebSocket、Canvas.
CSS3:
CSS3新选择器、伪元素、脸色表示法、边框、阴影、background系列属性改变、Transition、动画、景深和深透、3D效果制作、Velocity.js框架、元素进场、出场策略、炫酷CSS3网页制作。
Bootstrap:
响应式概念、媒体查询、响应式网站制作、删格系统、删格系统原理、Bootstrap常用模板、LESS和SASS。
移动Web开发：
跨终端WEB和主流设备简介、视口、流式布局、弹性盒子、rem、移动终端JavaScript事件、手机中常见JS效果制作、Zepto.js、手机聚划算页面、手机滚屏。
第三阶段：
HTTP服务和AJAX编程
WEB服务器基础：
服务器基础知识、Apache服务器和其他WEB服务器介绍、Apache服务器搭建、HTTP介绍。
PHP基础：
PHP基础语法、使用PHP处理简单的GET或者POST请求、
AJAX上篇：
Ajax简介和异步的概念、Ajax框架的封装、XMLHttpRequest对象详细介绍方法、兼容性处理方法、Ajax框架的封装、Ajax中缓存问题、XML介绍和使用。
AJAX下篇：
JSON和JSON解析、数据绑定和模板技术、JSONP、跨域技术、图片预读取和lazy-load技术、JQuery框架中的AjaxAPI、使用Ajax实现爆布流案例额。
第四阶段：
面向对象进阶
面向对象终极篇：
从内存角度到理解JS面向对象、基本类型、复杂类型、原型链、ES6中的面向对象、属性读写权限、设置器、访问器。
面向对象三大特征：
继承性、多态性、封装性、接口。
设计模式：
面向对象编程思维、单例模式、工厂模式、策略模式、观察者模式、模板方法模式、代理模式、装饰者模式、适配器模式、面向切面编程。
第五阶段：
封装一个属于自己的框架
框架封装基础：
事件流、冒泡、捕获、事件对象、事件框架、选择框架。
框架封装中级：
运动原理、单物体运动框架、多物体运动框架、运动框架面向对象封装。
框架封装高级和补充：
JQuery框架雏形、可扩展性、模块化、封装属于传智自己的框架。
第六阶段：
模块化组件开发
面向组件编程：
面向组件编程的方式、面向组件编程的实现原理、面向组件编程实战、基于组件化思想开租哗发网站应用程序。
面向模州型液块编程：
AMD设计规范、CMD设计规范、RequireJS，LoadJS、淘宝的SeaJS。
第七阶段：
主流的流行框架
Web开发工作流：
GIT/SVN、Yeoman脚手架、NPM/Bower依赖管理工具、Grunt/Gulp/Webpack。
MVC/MVVM/MVW框架：
Angular.js、Backbone.js、Knockout/Ember。
常用库：
React.js、Vue.js、Zepto.js。
第八阶段：
HTML5原生移动应用开发
Cordova：
WebApp/NativeApp/HybirdApp简介、Cordova简介、与PhoneGap之间的关系、开发环境搭建、Cordova实战(创建项目，配置，编译，调试，部署发布)。
Ionic：
Ionic简介和同类对比、模板项目解析、常见组件及使用、结合Angular构建APP、常见册物效果(下拉刷新，上拉加载，侧滑导航，选项卡)。
ReactNative：
ReactNative简介、ReactNative环境配置、创建项目，配置，编译，调试，部署发布、原生模块和UI组件、原生常用API。
HTML5+：
HTML5+中国产业联盟、HTML5PlusRuntime环境、HBuilder开发工具、MUI框架、H5+开发和部署。
第九阶段：
Node.js全栈开发：
快速入门：
Node.js发展、生态圈、Io.js、Linux/Windows/OSX环境配置、REPL环境和控制台程序、异步编程，非阻塞I/O、模块概念，模块管理工具、开发流程，调试，测试。
核心模块和对象：
全局对象global，process，console，util、事件驱动，事件发射器、加密解密，路径操作，序列化和反序列化、文件流操作、HTTP服务端与客户端。
Web开发基础：
HTTP协议，请求响应处理过程、关系型数据库操作和数据访问、非关系型数据库操作和数据访问、原生的Node.js开发Web应用程序、Web开发工作流、Node.js开发Blog案例。
快速开发框架：
Express简介+MVC简介、Express常用API、Express路由模块、Jade/Ejs模板引擎、使用Express重构Blog案例、Koa等其他常见MVC框架。