一、Java入门前端？
前端至少会一门正统的语言，比如：JAVA、NET等等。那我们为什么不选java呢，只要能够接触到互联网就离不开Java，我们大部分人看到的都是使用Java编程过后的互联网成品，而Java就相当于原材料一样。选它没错。也许你会说，学前端不用学java，这也没错，但如果你想变的更牛，只学个java基础对你前端工作也是有帮助的。
二、Java入门前端学习路径 ——重点学习组件 java EE 、java ME、web、 desk、 moblie
1、java se 知识点细分： Java开发环境搭建，IDEA工具的使用，Java语法基础知识;流程控制语句(顺序结构，选择结构，循环结构);方法调用，方法定义，方法重载;类与对象，封装，构造方法;常用对象;数组定义和内存图，常见数组操作
进阶要掌握的内容：面向对象高级;内部类和L ambda表达式;常用集合，数据结构;异常，File, 递归，I0流;多线程;网络编程;基础加强
Java入门基础视频教程，java零基础自学首选黑马程序员Java入门教程（含Java项目和Java真题）_哔哩哔哩_bilibili
三、Java入门前端——GUI入门四大件
重点GUI常用组件+事件
黑马程序员web前端视频教程从入门到精通Web前端视频教程完整版_Web前端视频教程从入门到精通_黑马程序员
web 入门 01 Html5+css：
采用实战式教学，一线大厂的综合案例，用最短的路径讲解每个技术点，每章节都自成闭环。 课程中和课程尾配备两个实战项目，项目一类型是企业站，快速的将基础知识点进行反复练习；项目二类型是电商站，基于项目一升级难度，掌握更复杂的网页效果的开发流程和布局标准。严格按照专业的开发流程：专业的测量工具，做到100%还原设计稿；编码规范对标一线大厂开发标准
02 web 进阶：
前两天承接HTML+CSS，使用字体图标、平面转换、动画等，丰富网页效果和呈现方式；后5天完成移动端和多端适配效果。课程采用闭环方式设计，每章节都配备综合案例，学完即练习企业级项目，不仅掌握知识点，还能学到知识点在实际开发中的应用场景
技术进阶 03 JavaScript：
JavaScript基础从变量的定义与使用、数据类型及相互转换、运算符、流程控制语句、三元运算符、数组、函数、构造函数、内置对象以及对象等基础必备技能。
04 DOM BOM：
学完JavaScript基础，就可以学习JavaScript核心 DOM 和 BOM操作了，真正体会JavaScript的魅力，要学会如何获取DOM元素，如何操作DOM 元素，BOM操作， 事件，事件对象，事件委托，JS执行队列，定时器，常见网页特效，比如轮播图，tab栏切换等。懂移动端如何制作网页特效，会带你进入JavaScript的实际开发应用。
05 jQuery：
jquery简介，常用api， 操作DOM api，购物车综合案例，本地存储加强，todolist本地存储综合案例，常见jquery插件，瀑布流，懒加载，全屏滚动，bootstrap JS插件使用。
06 Ajax：
掌握如何使用 Ajax 实现和后端的交互。 后2天讲解的是 Git 相关的内容，掌握如何对项目进行版本管理，从而轻松应对企业级项目开发的版本管理需求。
Vue 开发
07 Node.js:
框架前置课，重点铺垫 npm、包、模块化、身份认证、CORS 跨域等主要知识点，为学习后面的 Vue 课程夯实基础。 同时，内容还涵盖了 MySQL 数据库、API 接口项目开发等后端内容，可以拓宽我们的知识面，为我们构建了前后端完整的知识体系。
08 Vue2+Vue3全套：
Vue2.x 核心技术指令系统、常用选项、组件化、组件通讯、插件 1、当前，vue 共有 3 个大版本，其中： ①2.x 版本的 vue 是目前企业级项目开发中的主流版本 ②3.x 版本的 vue 于 2020-09-19 发布，生态还不完善，尚未在企业级项目开发中普及和推广 ③1.x 版本的 vue 几乎被淘汰，不再建议学习与使用
2、vue 的基本使用
1）基本使用步骤： ① 导入 vue.js 的 script 脚本文件 ② 在页面中声明一个将要被 vue 所控制的 DOM 区域 ③ 创建 vm 实例对象（vue 实例对象）
2）基本代码与 MVVM 的对应关系
3、vue 的调试工具
1）安装 vue-devtools 调试工具
2） 配置 Chrome 浏览器中的 vue-devtools
3）使用 vue-devtools 调试 vue 页面
4、vue 的指令与过滤器
1）指令
指令（Directives）是 vue 为开发者提供的模板语法，用于辅助开发者渲染页面的基本结构。
vue 中的指令按照不同的用途可以分为 6 大类： ① 内容渲染指令 ② 属性绑定指令 ③ 事件绑定指令 ④ 双向绑定指令 ⑤ 条件渲染指令 ⑥ 列表渲染指令
2）过滤器
过滤器（Filters）是 vue 为开发者提供的功能，常用于文本的格式化。过滤器可以用在两个地方：插值表达式 和 v-bind 属性绑定。
5、品牌列表案例
1）用到的知识点：
①bootstrap 4.x 相关的知识点： 卡片（Card）、表单相关（Forms）、按钮（Buttons）、表格（Tables）
②vue 指令与过滤器相关的知识点： 插值表达式、属性绑定、事件绑定、双向数据绑定、修饰符、条件渲染、列表渲染、全局过滤器
2）实现步骤：① 创建基本的 vue 实例 ② 基于 vue 渲染表格数据 ③ 实现添加品牌的功能 ④ 实现删除品牌的功能 ⑤ 实现修改品牌状态的功能
React &小程序开发
09 React：
React 是时下最流行的前端框架之一，是很多大厂的首选前端开发框架！必须学会，React 脚手架、JSX、函数组件、类组件、受控组件、组件通讯、Context、组件生命周期、高阶组件、render-props、组件性能优化、虚拟DOM和Diff算法等等。
10 零基础玩转微信小程序：
从小程序账号注册、开发环境搭建、基础语法、路由导航、数据请求、分包、组件化等方面详细阐述了小程序开发必备的基础知识。 学完小程序基础之后，利用 uni-app 技术实现微信小程序的开发，可以做到一次开发多端部署。 项目拥有首页、搜索页、商品列表页、商品详情页、购物车、登录支付等主要功能。涵盖了分包、vuex、组件化开发等核心技术点的使用。
