浏览器展现给客户看到的网页就是前台，前台三大基础技术分别为Html、CSS、JavaScript，这些学完后，为了做出更好、更炫的交互式体验效果，我们还需要学习jQuery、ElementUI、Vue、Ajax，以及打包工具webpack。

学完这些技术后，我们可以开发微信小程序、响应式网站、手机端网站、开发相似京东一样的B2B2C商城、管理后端等。

Java前台技术学习路线图（黑马程序员）

黑马程序员Java前台技术教程

HTML+CSS

前台小白零基础入门HTML5+CSS3（Pink老师）（完整视频）（找不到完整视频网盘和提取码的看文章末尾）

前台小白零基础入门HTML5+CSS3（Pink老师）（资料网盘）

资料网盘提取码：f0mh

课程简介

先讲解HTML5常用标签，接着讲解CSS3常见样式，主要学习盒子模型，浮动，定位还有高级布局技巧，之后讲解HTML5和CSS3提高，讲解新添加加的新特性，新语法，最后讲解PC端品优购项目。

课程目录

1. HTML5基础-基本常用标签

2. CSS3基础- 常见样式、选择器

3. 盒子模型

4. 浮动详解

5. PC端学成在线页面开发

6. 定位分类详解

7. CSS高级技巧(精灵图、字体图标、三角等）

8. 常见布局技巧

9. HTML5CSS3提高-新属性新样式

10. 页面开发流程规范

11. 品优购项目开发流程规范

12. 网页TDK标签SEO优化

13. 网页logo SEO优化

14. 品优购首页、列表页、注册页面开发

15. 服务器概念

16. 网站上传以及域名注册

JavaScript

JavaScript零基础通关必备教程（完整视频）（找不到完整视频网盘和提取码的看文章末尾）

JavaScript零基础通关必备教程（资料网盘）

资料网盘提取码：5y59

课程简介

JavaScript基础从变量的定义与使用、数据类型及相互转换、运算符、流程控制语句、三元运算符、数组、函数、构造函数、内置对象以及对象等基础必备技能。

课程目录

1. 浏览器支持js的过程

2. 变量的公告已经使用方式

3. 数据类型的转换

4. 运算符操作

5. 流程控制语句

6. 断点调试

7. 循环语法

8. 数组的公告以及使用方式

9. 函数的公告以及使用方式

10. 冒泡排序原理分析

11. 作用域以及作用域链

12. 预解析

13. 对象的公告以及使用方式

14. 构造函数

15. 利用构造函数创立对象详解

16. new关键字执行过程

17. MDN工具的使用

18. 数学内置对象、时间内置对象以及字符串内置对象

19. 简单数据类型和复杂数据类型的存储过程

jQuery

jQuery网页开发案例精讲（完整视频）（找不到完整视频网盘和提取码的看文章末尾）

jQuery网页开发案例精讲（资料网盘）

资料网盘提取码：f99n

课程简介

jquery简介，常用api， 操作DOM api，购物车综合案例，本地存储增强，todolist本地存储综合案例，常见jquery插件，瀑布流，懒加载，全屏滚动，bootstrap JS插件使用。

课程目录

1. jQuery简介

2.常用DOM操作 API

3. 购物车综合案例

4. 本地存储增强

5. todolist 记事本综合案例开发

6.常见jQuery插件使用

7. 瀑布流、图片懒加载、全屏滚动插件等

8. bootstrap JS插件使用

Ajax

Ajax零基础入门到精通（完整视频）（找不到完整视频网盘和提取码的看文章末尾）

Ajax零基础入门到精通（资料网盘）

资料网盘提取码：ncfq

课程简介

1、异步
2、XMLHttpRequest

3、XML
4、Jason
5、兼容性
6、封装Ajax工具函数
7、jQuery中的ajax
8、案例练习

Vue

4小时玩转Vue.js（Pink老师）（完整视频）（找不到完整视频网盘和提取码的看文章末尾）

4小时玩转Vue.js（Pink老师）（资料网盘）

资料网盘提取码：itzp

课程简介

首先讲解Vue的基本使用，而后讲解Vue中的常用指令，结合指令完成3个案例，接着讲解axios网络请求库，结合axios完成两个案例。

课程目录

1. 课程详情

2.Vue基础

3.Vue本地应用

4.Vue网络应用

5.Vue综合应用

Webpack

Spring Boot+Vue.js+FastDFS实现分布式图片服务器（完整视频）（找不到完整视频网盘和提取码的看文章末尾）

Spring Boot+Vue.js+FastDFS实现分布式图片服务器（资料网盘）

资料网盘提取码：ncj3

课程简介

1、掌握分布式图片服务器的前后台开发方法

2、了解FastDSF工作原理及应用方法

3、掌握Spring Boot构建服务端项目的流程

4、理解Vue.js的基本使用方法。

微信小程序

零基础玩转微信小程序（完整视频）（找不到完整视频网盘和提取码的看文章末尾）

零基础玩转微信小程序（资料网盘）

资料网盘提取码：rsvs

课程简介

小程序基础

1、小程序注册

2、小程序开发者工具使用教程

3、小程序配置文件

4、小程序常用组件

5、小程序的模板语法

6、小程序中的样式编写

7、小程序中的JavaScript

8、小程序应用及页的生命周期

9、小程序常用API

10、小程序中的自定组件

11、小程序插件开发

12、小程序分包加载

13、小程序基础库版及兼容解决

14、小程序运行机制

15、小程序性能分析及优化

16、小程序云开发、云函数、云数据库

17、小程序上线和发布

黑马优购商城

1、原生框架的搭建

2、商品首页模块

3、分类商品模块

4、商品列表模块

5、商品介绍模块

6、支付和登录模块

7、收藏模块

8、购物车模块

9、订单模块

10、搜索页面模块

11、个人中心模块

12、意见反馈模块

13、项目的优化和发布上线

欢迎大家收藏，点赞支持让更多的Java自学者看到~

完整视频网盘、提取码位置

移动端

移动端

电脑端

电脑端