WEB基础总结

JavaWeb网站设计基础阶段

简单理解JavaWeb就是网站设计，通过此阶段的学习过后应该要掌握以下几方面能力：

1.可以仿制任何网站前端页面

2.可以解决网页浏览器兼容性问题

3.可以解决PC端和移动端兼容性问题

4.可以使用前端脚本进行相关网页功能特效编写

5.可以使用JavaWeb核心技术轻松写出任何网站功能模块

6.可以使用JavaWeb高级部分知识解决网站的相关高并发问题

通过JavaWeb知识的学习，你完全可以胜任JavaWeb开发工程师的工作，为之后的框架和整体项目的学习打下良好的基础，下面我对知识点进行一个详细的介绍。

一、前端技术

1.HTML

超文本标记语言，标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。（网站页面的布局，可以点开任意一个页面右键查看源代码，即可看到html的字样）超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

学习内容：了解HTML语言，HTML语言背景知识，掌握HTML的整体结构、文件标签、排版标签、块标签、字体标签、列表标签、图形标签、超链接标签、表格标签、表单标签(form标签、input标签、select标签等)、分区标签、头标签。

2.CSS

层叠样式表(英文全称：CascadingStyle Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。简单说就是网页的样式制作。

学习内容：CSS介绍、CSS导入方式(内部样式表、内联样式表、外部样式表)、五大CSS选择器(ID选择器、类选择器、元素选择器、属性选择器、伪类等)、样式属性介绍。

3.JavaScript

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

学习内容：JavaScript编程，JavaScript语法、数据类型、运算符、表达式、流程控制，JavaScript内部对象、数组、字符串、日期时间、数学函数、正则表达式，JavaScript函数、自定义函数、全局函数，BOM介绍、window对象、location对象、history对象使用。 DHTML编程，理解DOM树，DOM对象，常用DOM对象的属性、方法和事件，编写事件处理程序、使用DOM操作HTML文档、遍历文档树上的节点、搜索文档中特定的元素、修改文档内容、往文档添加新内容、使用DOM操作 XML文档。

4.jQuery

JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器（IE6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需要定义id即可。

jQuery是一个兼容多浏览器的javascript库，核心理念是writeless,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布，吸引了来自世界各地的众多JavaScript高手加入，由Dave Methvin率领团队进行开发。如今，jQuery已经成为最流行的javascript库，在世界前10000个访问最多的网站中，有超过55%在使用jQuery。

jQuery是免费、开源的，使用MIT许可协议。jQuery的语法设计可以使开发更加便捷，例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。除此以外，jQuery提供API让开发者编写插件。其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。

jQuery，顾名思义，也就是JavaScript和查询（Query），即是辅助JavaScript开发的库。

学习内容：认识JQuery、选择器介绍、css选择器、jQuery选择器及其优势势、基本选择器、层次选择器、过滤选择器、表单选择器、选择器练习小案例等;JQuery操作DOM：DOM分类、查找元素/属性节点、创造元素/属性/文本节点、插入节点、删除节点、复制节点、替换节点、包裹节点、属性操作、样式操作、遍历节点、CSS-DOM操作;动画和事件：jQuery中的事件、加载DOM、事件绑定、合成事件、事件冒泡、事件对象的属性、移除按钮上注册的事件、模拟操作、JQuery中的动画。

5.BootStrap

Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。[1] 它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。

学习内容：响应式页面的的开发与设计，强大的栅格布局，内置的CSS类库，JS插件，快速布局商城页面。

二、MySQL及JDBC

MySQL是一个关系型数据库管理系统，由瑞典MySQL AB 公司开发，目前属于 Oracle 旗下产品。MySQL 最流行的关系型数据库管理系统，在 WEB 应用方面MySQL是最好的 RDBMS (Relational Database Management System，关系数据库管理系统) 应用软件之一。

JDBC（Java DataBase Connectivity,java数据库连接）是一种用于执行SQL语句的Java API，可以为多种关系数据库提供统一访问，它由一组用Java语言编写的类和接口组成。JDBC执行SQL语句操作数据库。

这里在说明一下，数据库是非常重要的，以后可以说做项目做开发就离不开它，所以大家一定要好好学习此阶段课程。不知道大家有没有记忆，在基础阶段就学习MySQL和JDBC了,这里又加强学习，可以看出其有多重要。学习内容：

1.Mysql数据库回顾

数据库使用，SQL语句介绍、数据库增删改操作DDL语句使用、表增删改操作DML语句使用、表查询操作DQL语句使用、以及查询语句条件、排序、聚合、分组操作。

2.JDBC开发回顾

JDBC介绍、驱动的原理及使用、JDBC核心使用、DriverManager、Connection、Statement、ResultSet详细使用，JDBC的CURD操作、防止SQL注入及PrepareStatement使用。

3.连接池和DBUtils

连接池的介绍，自定义连接池。常用的开源连接池的DBCP 和 C3P0的介绍和使用，JDBC的工具类DBUtils的使用。

三、JavaWeb开发核心内容

学会Web核心技术就拥有了开发b/s系统的基础能力可以来开发一个网站了，如：实现网站的用户登录、注册，商品信息的分页显示、商品信息的异步动态查询，用户名异步校验等功能，下面是学习内容：

1.XML

XML的概念与基本作用、XML的基本语法、XML的约束模式、DTD、Schema、名称空间。XML解析介绍、DOM4J 解析XML、XPath的使用。

2.HTTP及Tomcat

WEB服务器的工作原理、Tomcat的安装与启动运行、Tomcat的体系结构、在Tomcat中配置WEB虚拟目录与发布WEB应用程序的方式、设置目录的默认网页、使用Tomcat配置虚拟主机、WAR文件生成与使用。HTTP协议详解。

3.Servlet

Servlet简介、Servlet生命周期、servlet配置详解、访问servlet路径分析、ServletConfig使用及servlet初始化参数的使用，ServletContext使用、系统初始化参数、web资源获取。

4.request与response

HttpServletResponse和HttpServletRequest的应用、HTTP协议在web开发中应用、请求转发与重定向使用。

5.Cookie与Session

Cookie及Cookie的应用，Cookie实现商品浏览历史记录、Cookie实现记住用户名和密码,Session及Session域的应用，Session跟踪机制，利用Session防止表单重复提交，MD5算法及其应用，Session的持久化。最后结合之前所学知识完成一次性验证码和购物车小案例。

6.JSP技术

JSP运行原理、JSP中的9个内部对象和作用、JSP表达式、JSP脚本片段、JSP声明、JSP注释,EL表达式简介，EL获得数据、EL执行运算、EL内置对象、EL函数，page指令及其重要的属性，在web.xml文件中设置全局错误处理。JSP中的include指令及其典型应用。pageContext对象的详细讲解。JSP动作标签介绍。JSTL标准标签库的介绍及使用。JSP模式介绍、MVC模式介绍、JavaBean介绍、BeanUtils使用。

7.JDBC高级

JDBC的事务，转账案例的实现。JDBC的CRUD及分页，条件查询。

8.AJAX开发

AJAX介绍、XMLHttpRequest对象详解、JQuery的AJAX、JSON介绍、JSONLIB插件的使用。

9.JavaWeb高级开发技术

ServletListenert监听器介绍及使用、Servlet Filter过滤器介绍、过滤器生命周期、过滤器链分析、FilterConfig介绍。邮件发送，自动登录功能的实现。

10.基础加强

注解介绍、自定义注解介绍、元注解使用、代理介绍、动态代理Proxy使用、类加载介绍。

11.Linux

虚拟机安装及使用，CentOS的安装，Linux的常用命令，组、权限命令，在Linux上安装JDK，Tomcat，MySQL。

12.Redis

Redis是时下非常流行的NoSQL数据库，使用Redis可以实现高性能的缓存方案，知识点包括：NOSQL介绍、什么是redis、redis安装配置、redis数据类型及操作(String、Hashs、Lists、Sets、Sorted Sets)、Jedis使用、发布订阅、持久化、主从复制。

WEB基础总结

JavaWeb网站设计基础阶段

简单理解JavaWeb就是网站设计，通过此阶段的学习过后应该要掌握以下几方面能力：

1.可以仿制任何网站前端页面

2.可以解决网页浏览器兼容性问题

3.可以解决PC端和移动端兼容性问题

4.可以使用前端脚本进行相关网页功能特效编写

5.可以使用JavaWeb核心技术轻松写出任何网站功能模块

6.可以使用JavaWeb高级部分知识解决网站的相关高并发问题

通过JavaWeb知识的学习，你完全可以胜任JavaWeb开发工程师的工作，为之后的框架和整体项目的学习打下良好的基础，下面我对知识点进行一个详细的介绍。

一、前端技术

1.HTML

超文本标记语言，标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。（网站页面的布局，可以点开任意一个页面右键查看源代码，即可看到html的字样）超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

学习内容：了解HTML语言，HTML语言背景知识，掌握HTML的整体结构、文件标签、排版标签、块标签、字体标签、列表标签、图形标签、超链接标签、表格标签、表单标签(form标签、input标签、select标签等)、分区标签、头标签。

2.CSS

层叠样式表(英文全称：CascadingStyle Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。简单说就是网页的样式制作。

学习内容：CSS介绍、CSS导入方式(内部样式表、内联样式表、外部样式表)、五大CSS选择器(ID选择器、类选择器、元素选择器、属性选择器、伪类等)、样式属性介绍。

3.JavaScript

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

学习内容：JavaScript编程，JavaScript语法、数据类型、运算符、表达式、流程控制，JavaScript内部对象、数组、字符串、日期时间、数学函数、正则表达式，JavaScript函数、自定义函数、全局函数，BOM介绍、window对象、location对象、history对象使用。 DHTML编程，理解DOM树，DOM对象，常用DOM对象的属性、方法和事件，编写事件处理程序、使用DOM操作HTML文档、遍历文档树上的节点、搜索文档中特定的元素、修改文档内容、往文档添加新内容、使用DOM操作 XML文档。

4.jQuery

JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器（IE6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需要定义id即可。

jQuery是一个兼容多浏览器的javascript库，核心理念是writeless,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布，吸引了来自世界各地的众多JavaScript高手加入，由Dave Methvin率领团队进行开发。如今，jQuery已经成为最流行的javascript库，在世界前10000个访问最多的网站中，有超过55%在使用jQuery。

jQuery是免费、开源的，使用MIT许可协议。jQuery的语法设计可以使开发更加便捷，例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。除此以外，jQuery提供API让开发者编写插件。其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。

jQuery，顾名思义，也就是JavaScript和查询（Query），即是辅助JavaScript开发的库。

学习内容：认识JQuery、选择器介绍、css选择器、jQuery选择器及其优势势、基本选择器、层次选择器、过滤选择器、表单选择器、选择器练习小案例等;JQuery操作DOM：DOM分类、查找元素/属性节点、创造元素/属性/文本节点、插入节点、删除节点、复制节点、替换节点、包裹节点、属性操作、样式操作、遍历节点、CSS-DOM操作;动画和事件：jQuery中的事件、加载DOM、事件绑定、合成事件、事件冒泡、事件对象的属性、移除按钮上注册的事件、模拟操作、JQuery中的动画。

5.BootStrap

Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。[1] 它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。

学习内容：响应式页面的的开发与设计，强大的栅格布局，内置的CSS类库，JS插件，快速布局商城页面。

二、MySQL及JDBC

MySQL是一个关系型数据库管理系统，由瑞典MySQL AB 公司开发，目前属于 Oracle 旗下产品。MySQL 最流行的关系型数据库管理系统，在 WEB 应用方面MySQL是最好的 RDBMS (Relational Database Management System，关系数据库管理系统) 应用软件之一。

JDBC（Java DataBase Connectivity,java数据库连接）是一种用于执行SQL语句的Java API，可以为多种关系数据库提供统一访问，它由一组用Java语言编写的类和接口组成。JDBC执行SQL语句操作数据库。

这里在说明一下，数据库是非常重要的，以后可以说做项目做开发就离不开它，所以大家一定要好好学习此阶段课程。不知道大家有没有记忆，在基础阶段就学习MySQL和JDBC了,这里又加强学习，可以看出其有多重要。学习内容：

1.Mysql数据库回顾

数据库使用，SQL语句介绍、数据库增删改操作DDL语句使用、表增删改操作DML语句使用、表查询操作DQL语句使用、以及查询语句条件、排序、聚合、分组操作。

2.JDBC开发回顾

JDBC介绍、驱动的原理及使用、JDBC核心使用、DriverManager、Connection、Statement、ResultSet详细使用，JDBC的CURD操作、防止SQL注入及PrepareStatement使用。

3.连接池和DBUtils

连接池的介绍，自定义连接池。常用的开源连接池的DBCP 和 C3P0的介绍和使用，JDBC的工具类DBUtils的使用。

三、JavaWeb开发核心内容

学会Web核心技术就拥有了开发b/s系统的基础能力可以来开发一个网站了，如：实现网站的用户登录、注册，商品信息的分页显示、商品信息的异步动态查询，用户名异步校验等功能，下面是学习内容：

1.XML

XML的概念与基本作用、XML的基本语法、XML的约束模式、DTD、Schema、名称空间。XML解析介绍、DOM4J 解析XML、XPath的使用。

2.HTTP及Tomcat

WEB服务器的工作原理、Tomcat的安装与启动运行、Tomcat的体系结构、在Tomcat中配置WEB虚拟目录与发布WEB应用程序的方式、设置目录的默认网页、使用Tomcat配置虚拟主机、WAR文件生成与使用。HTTP协议详解。

3.Servlet

Servlet简介、Servlet生命周期、servlet配置详解、访问servlet路径分析、ServletConfig使用及servlet初始化参数的使用，ServletContext使用、系统初始化参数、web资源获取。

4.request与response

HttpServletResponse和HttpServletRequest的应用、HTTP协议在web开发中应用、请求转发与重定向使用。

5.Cookie与Session

Cookie及Cookie的应用，Cookie实现商品浏览历史记录、Cookie实现记住用户名和密码,Session及Session域的应用，Session跟踪机制，利用Session防止表单重复提交，MD5算法及其应用，Session的持久化。最后结合之前所学知识完成一次性验证码和购物车小案例。

6.JSP技术

JSP运行原理、JSP中的9个内部对象和作用、JSP表达式、JSP脚本片段、JSP声明、JSP注释,EL表达式简介，EL获得数据、EL执行运算、EL内置对象、EL函数，page指令及其重要的属性，在web.xml文件中设置全局错误处理。JSP中的include指令及其典型应用。pageContext对象的详细讲解。JSP动作标签介绍。JSTL标准标签库的介绍及使用。JSP模式介绍、MVC模式介绍、JavaBean介绍、BeanUtils使用。

7.JDBC高级

JDBC的事务，转账案例的实现。JDBC的CRUD及分页，条件查询。

8.AJAX开发

AJAX介绍、XMLHttpRequest对象详解、JQuery的AJAX、JSON介绍、JSONLIB插件的使用。

9.JavaWeb高级开发技术

ServletListenert监听器介绍及使用、Servlet Filter过滤器介绍、过滤器生命周期、过滤器链分析、FilterConfig介绍。邮件发送，自动登录功能的实现。

10.基础加强

注解介绍、自定义注解介绍、元注解使用、代理介绍、动态代理Proxy使用、类加载介绍。

11.Linux

虚拟机安装及使用，CentOS的安装，Linux的常用命令，组、权限命令，在Linux上安装JDK，Tomcat，MySQL。

12.Redis

Redis是时下非常流行的NoSQL数据库，使用Redis可以实现高性能的缓存方案，知识点包括：NOSQL介绍、什么是redis、redis安装配置、redis数据类型及操作(String、Hashs、Lists、Sets、Sorted Sets)、Jedis使用、发布订阅、持久化、主从复制。