全栈工程

Html

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-khqw1RJm-1613706682601)(C:\Users\18428\AppData\Roaming\Typora\typora-user-images\image-20210217232314688.png)]

https://www.bilibili.com/video/BV17z4y1D7Yj?p=81

HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一。HTML产生于1990年，1997年HTML4成为互联网标准，并广泛应用于互联网应用的开发。

HTML5是Web中核心语言HTML的规范，用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的，在浏览器中通过一些技术处理将其转换成为了可识别的信息。HTML5在从前HTML4.01的基础上进行了一定的改进，虽然技术人员在开发过程中可能不会将这些新技术投入应用，但是对于该种技术的新特性，网站开发技术人员是必须要有所了解的。

Css[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-VfXjn2Aj-1613706682603)(C:\Users\18428\AppData\Roaming\Typora\typora-user-images\image-20210217232459518.png)]

https://www.bilibili.com/video/BV1YJ411a7dy?from=search&seid=195575013997878674

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

JavaScript[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Lkg4oYK9-1613706682603)(C:\Users\18428\AppData\Roaming\Typora\typora-user-images\image-20210218110703615.png)]

https://www.bilibili.com/video/BV1YW411T7GX?p=1

JavaScript 是 Web 的编程语言。

所有现代的 HTML 页面都使用 JavaScript。

Element[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-sv0DksEo-1613706682605)(C:\Users\18428\AppData\Roaming\Typora\typora-user-images\image-20210217232604386.png)]

https://www.bilibili.com/video/BV1oA411s7Rc?from=search&seid=10295119996368991326

Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库，提供了配套设计资源，帮助你的网站快速成型。由饿了么公司前端团队开源。

Php[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ZH7miMrp-1613706682605)(C:\Users\18428\AppData\Roaming\Typora\typora-user-images\image-20210217231740016.png)]

https://www.bilibili.com/video/BV18x411H7qD?from=search&seid=13041356073859226413

https://www.bilibili.com/video/BV1Qx41127FJ?from=search&seid=13041356073859226413

https://www.bilibili.com/video/BV1ct411S7nj?p=59

https://www.bilibili.com/video/BV124411n7B1?from=search&seid=13041356073859226413

https://www.bilibili.com/video/BV1UT4y1G73v?from=search&seid=13041356073859226413

PHP 是一种创建动态交互性站点的强有力的服务器端脚本语言。

PHP 是免费的，并且使用非常广泛。同时，对于像微软 ASP 这样的竞争者来说，PHP 无疑是另一种高效率的选项。

Mysql

https://www.bilibili.com/video/BV12b411K7Zu?from=search&seid=11358578900490079148

MySQL 是最流行的关系型数据库管理系统，在 WEB 应用方面 MySQL 是最好的 RDBMS(Relational Database Management System：关系数据库管理系统)应用软件之一。

在本教程中，会让大家快速掌握 MySQL 的基本知识，并轻松使用 MySQL 数据库。

MongoDB

https://www.bilibili.com/video/BV18s411E78K?from=search&seid=5757484707176496023

MongoDB 是一个基于分布式文件存储的数据库。由 C++ 语言编写。旨在为 WEB 应用提供可扩展的高性能数据存储解决方案。

MongoDB 是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系数据库的。

Oracle[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-M37wVo64-1613706682608)(C:\Users\18428\AppData\Roaming\Typora\typora-user-images\image-20210217231319412.png)]

https://www.bilibili.com/video/BV17b411V75B?from=search&seid=17413900050627408189

https://www.bilibili.com/video/BV1sv4y1f7hS?from=search&seid=12334477175692724437

Oracle Database，又名Oracle RDBMS，或简称Oracle。是甲骨文公司的一款关系数据库管理系统。它是在数据库领域一直处于领先地位的产品。可以说Oracle数据库系统是目前世界上流行的关系数据库管理系统，系统可移植性好、使用方便、功能强，适用于各类大、中、小微机环境。它是一种高效率的、可靠性好的、适应高吞吐量的数据库方案。

Vue

https://www.bilibili.com/video/BV1m741137Q5?from=search&seid=17701355135476045588

Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。Vue 只关注视图层， 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。Vue 学习起来非常简单，本教程基于 Vue 2.1.8 版本测试。

Angular

https://www.bilibili.com/video/BV1bt411e71b?from=search&seid=8485196631368045501

https://www.bilibili.com/video/BV1i741157Fj?from=search&seid=8485196631368045501

https://www.bilibili.com/video/BV1nW411Y7U8?from=search&seid=8485196631368045501

Angular2 是一款开源JavaScript库，由Google维护，用来协助单一页面应用程序运行。

Angular2 是 Angular 1.x 的升级版本，性能上得到显著的提高，能很好的支持 Web 开发组件。

Angular2 发布于2016年9月份，它是基于ES6来开发的。

React

https://www.bilibili.com/video/BV1wy4y1D7JT?from=search&seid=11697826173294514456

https://www.bilibili.com/video/BV11t411S7iG?from=search&seid=11697826173294514456

https://www.bilibili.com/video/BV1T7411W72T?from=search&seid=11697826173294514456

React 是一个用于构建用户界面的 JAVASCRIPT 库。

React 主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。

React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。

React 拥有较高的性能，代码逻辑非常简单，越来越多的人已开始关注和使用它。

Bootstrap[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-GCidC4hW-1613706682611)(C:\Users\18428\AppData\Roaming\Typora\typora-user-images\image-20210217232728784.png)]

https://www.bilibili.com/video/BV1Lx411v73k?from=search&seid=12794436257149659801

https://www.bilibili.com/video/BV1YW411T7yy?from=search&seid=12794436257149659801

https://www.bilibili.com/video/BV13X4y1N7qy?from=search&seid=12794436257149659801

Bootstrap是最流行的前端框架，目前已经发布了它的第三个版本（v3.0.0）。本教程将带您开始学习 Bootstrap 3。您还将看到如何使用自定义与众不同的框架的框特征，比如使用网格创建布局，通过 nav 创建导航，使用 carousal 创建下拉框，添加社交插件和 Google Map 等第三方插件。

Spring[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-cPTRinx9-1613706682611)(C:\Users\18428\AppData\Roaming\Typora\typora-user-images\image-20210217232806934.png)]

https://www.bilibili.com/video/BV1WE411d7Dv?from=search&seid=12697709634187820777

https://www.bilibili.com/video/BV1Vf4y127N5?from=search&seid=12697709634187820777

https://www.bilibili.com/video/BV1nz4y1d7uy?from=search&seid=12697709634187820777

Spring框架由Rod Johnson开发，2004年发布了Spring框架的第一版。Spring是一个从实际开发中抽取出来的框架，因此它完成了大量开发中的通用步骤，留给开发者的仅仅是与特定应用相关的部分，从而大大提高了企业应用的开发效率。

Ajax[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-UxlehOBS-1613706682612)(C:\Users\18428\AppData\Roaming\Typora\typora-user-images\image-20210217232912446.png)]

https://www.bilibili.com/video/BV1Kt411u7BV?from=search&seid=10310637830652501798

https://www.bilibili.com/video/BV17W41137jn?from=search&seid=10310637830652501798

AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。

JQuery[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-i1WoaQp9-1613706682612)(C:\Users\18428\AppData\Roaming\Typora\typora-user-images\image-20210217233019166.png)]

https://www.bilibili.com/video/BV1pt411H7D6?from=search&seid=14933796190528174264

jQuery 是一个 JavaScript 库。jQuery 极大地简化了 JavaScript 编程。jQuery 很容易学习。

Node[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-H2Ji4STu-1613706682613)(C:\Users\18428\AppData\Roaming\Typora\typora-user-images\image-20210217233042778.png)]

https://www.bilibili.com/video/BV1ca4y1n7u3?from=search&seid=7165461307353857162

JavaScript 中有一个特殊的对象，称为全局对象（Global Object），它及其所有属性都可以在程序的任何地方访问，即全局变量。

在浏览器 JavaScript 中，通常 window 是全局对象， 而 Node.js 中的全局对象是 global，所有全局变量（除了 global 本身以外）都是 global 对象的属性。

在 Node.js 我们可以直接访问到 global 的属性，而不需要在应用中包含它。

Java[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ggHluKoe-1613706682613)(C:\Users\18428\AppData\Roaming\Typora\typora-user-images\image-20210217233134989.png)]

https://www.bilibili.com/video/BV1Rx411876f?from=search&seid=12364798413084636983

https://www.bilibili.com/video/BV1Kb411W75N?from=search&seid=12364798413084636983

Java 是由 Sun Microsystems 公司于 1995 年 5 月推出的高级程序设计语言。Java 可运行于多个平台，如 Windows, Mac OS 及其他多种 UNIX 版本的系统。本教程通过简单的实例将让大家更好的了解 Java 编程语言。移动操作系统 Android 大部分的代码采用 Java 编程语言编程。

Python[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-wdHTgcDk-1613706682614)(C:\Users\18428\AppData\Roaming\Typora\typora-user-images\image-20210217233157159.png)]

https://www.bilibili.com/video/BV1wD4y1o7AS?from=search&seid=9674527074405629840

Python 是一种解释型、面向对象、动态数据类型的高级程序设计语言。

Python 由 Guido van Rossum 于 1989 年底发明，第一个公开发行版发行于 1991 年。

像 Perl 语言一样, Python 源代码同样遵循 GPL(GNU General Public License) 协议。

官方宣布，2020 年 1 月 1 日， 停止 Python 2 的更新。

Python 2.7 被确定为最后一个 Python 2.x 版本。

Jsp[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-fiIG42Vp-1613706682614)(C:\Users\18428\AppData\Roaming\Typora\typora-user-images\image-20210217233305332.png)]

https://www.bilibili.com/video/BV18s411u7EH?from=search&seid=9674527074405629840

https://www.bilibili.com/video/BV1SE411K7NM?from=search&seid=9674527074405629840

什么是Java Server Pages?

JSP全称Java Server Pages，是一种动态网页开发技术。它使用JSP标签在HTML网页中插入Java代码。标签通常以<%开头以%>结束。JSP是一种Java servlet，主要用于实现Java web应用程序的用户界面部分。网页开发者们通过结合HTML代码、XHTML代码、XML元素以及嵌入JSP操作和命令来编写JSP。JSP通过网页表单获取用户输入数据、访问数据库及其他数据源，然后动态地创建网页。JSP标签有多种功能，比如访问数据库、记录用户选择信息、访问JavaBeans组件等，还可以在不同的网页中传递控制信息和共享信息。

kotlin[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-T1ewmXZl-1613706682616)(C:\Users\18428\AppData\Roaming\Typora\typora-user-images\image-20210217233427111.png)]

https://www.bilibili.com/video/BV1Cx411n7vy?p=1

Kotlin 是一种在 Java 虚拟机上运行的静态类型编程语言，被称之为 Android 世界的Swift，由 JetBrains 设计开发并开源。Kotlin 可以编译成Java字节码，也可以编译成 JavaScript，方便在没有 JVM 的设备上运行。在Google I/O 2017中，Google 宣布 Kotlin 成为 Android 官方开发语言。

Gulp[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-yohYknr1-1613706682617)(C:\Users\18428\AppData\Roaming\Typora\typora-user-images\image-20210217233514433.png)]

https://www.bilibili.com/video/BV11J411y7Nz?from=search&seid=9674527074405629840

前端的构建工具常见的有Grunt、Gulp、Webpack三种，Grunt比较老旧，功能少，更新少，插件少。概念：gulp是一个自动化构建工具，主要用来设定程序自动处理静态资源的工作。简单的说，gulp就是用来打包项目的。

Webpack [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-CqZIIFYm-1613706682617)(C:\Users\18428\AppData\Roaming\Typora\typora-user-images\image-20210217233556655.png)]

https://www.bilibili.com/video/BV1e7411j7T5?from=search&seid=9674527074405629840

Webpack 是一个模块打包器，主要目的是在浏览器上打包 JavaScript 文件。

svg [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-CMEQG0VH-1613706682617)(C:\Users\18428\AppData\Roaming\Typora\typora-user-images\image-20210217233737178.png)]

https://www.bilibili.com/video/BV1Y54y1C7M9?from=search&seid=9674527074405629840

可缩放矢量图形(Scalable Vector Graphics，SVG)是w3c推出的基于XML的二维矢量图形标准。SVG可以提供高质量的矢量图形渲染，同时由于支持javascript和文档对象模型，SVG图形通常具有强大的交互能力。另一方面，SVG作为W3C所推荐的基于XML的开放标准，能够与其他网络技术进行无缝集成。

RequireJS[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-71xUve8X-1613706682618)(C:\Users\18428\AppData\Roaming\Typora\typora-user-images\image-20210217233829849.png)]

https://www.bilibili.com/video/BV1ub411J7oW?from=search&seid=10298629825135229968

RequireJS 是一个JavaScript模块加载器。它非常适合在浏览器中使用，但它也可以用在其他脚本环境，就像 Rhino and Node。使用RequireJS加载模块化脚本将提高代码的加载速度和质量。

Actionscript [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-cKakwkIY-1613706682618)(C:\Users\18428\AppData\Roaming\Typora\typora-user-images\image-20210218110811536.png)]

https://www.bilibili.com/video/BV1pt41117g4?from=search&seid=9674527074405629840

是由Macromedia（现已被Adobe收购）为其Flash产品开发的 ，最初是一种简单的脚本语言，已更新到版本ActionScript3.0，是一种完全的面向对象的编程语言，功能强大，类库丰富，语法类似JavaScript，多用于Flash互动性、娱乐性、实用性开发，网页制作和RIA（丰富互联网程序）开发。