前端 B 站学习资源整合

最新推荐文章于 2024-09-27 15:27:45 发布

『九离~空白』

最新推荐文章于 2024-09-27 15:27:45 发布

阅读量606

点赞数

分类专栏：前端学习资源文章标签： javascript

本文链接：https://blog.csdn.net/qq_44722915/article/details/121676283

版权

前端学习资源专栏收录该内容

1 篇文章 0 订阅

订阅专栏

前言：

颜色标记解释：

红色：需精通，有实战经验。
蓝色：需熟练，有一定基础练习量。
灰色：需了解，听完课程，做几个小练习。

HTML / HTML5 ：（超文本标记语言）

HTML 基础知识

HTML 基础教程：https://www.bilibili.com/video/BV11t411K74Q

HTML 编写规则和语义化

HTML 速成教程：https://www.bilibili.com/video/BV1vs411M7aT

表单和验证

HTML5 表单验证教程：https://www.bilibili.com/video/BV16K4y1Z7Gb

规范和最佳实践方法

前端代码规范教程：https://www.bilibili.com/video/BV19P4y147Jz

SEO 基础知识

SEO 优化学习教程：https://www.bilibili.com/video/BV1fE411J7ya

CSS / CSS3 :（层叠样式表）

CSS 基础知识

CSS3 基础教程：https://www.bilibili.com/video/BV1Bx411u7cS

CSS3 全套教程：https://www.bilibili.com/video/BV1et411q74F

页面切图和布局

浮动布局教程：https://www.bilibili.com/video/BV1Zs411j7Z3

定位布局教程：https://www.bilibili.com/video/BV1ni4y1g7tc

Grid 布局教程：https://www.bilibili.com/video/BV14C4y1W7oA

Flex 布局教程：https://www.bilibili.com/video/BV1BJ41197XE

Display 教程：https://www.bilibili.com/video/BV1HJ411M7CM

盒子模型教程：https://www.bilibili.com/video/BV1P7411G7BW

页面响应式布局设计

响应式布局教程：https://www.bilibili.com/video/BV1ov411k7sm

CSS Preprocessors：（CSS 预处理语言）

Sass

SCSS 教程：https://www.bilibili.com/video/BV1Zg4y1v75U

PostCSS

书籍推荐：《深入PostCSS Web设计》

Less

Less 教程：https://www.bilibili.com/video/BV1YW411T7vd

JavaScript ：（浏览器脚本语言）

JavaScript 基础语法

JavaScript 基础语法教程：https://www.bilibili.com/video/BV1Sy4y1C7ha

使用 JS 操作 DOM

DOM 和 BOM 教程：https://www.bilibili.com/video/BV1k4411w7sV

Ajax 异步请求相关知识

Ajax 教程：https://www.bilibili.com/video/BV1WC4y1b78y

ES6 以上 JavaScript

ES6-ES11 新特性教程：https://www.bilibili.com/video/BV1uK411H7on

JavaScript 语法糖：

TypeScript

TypeScript 教程：https://www.bilibili.com/video/BV1qV41167VD

Flow

教程：------

Internet：(网络知识)

网络工作原理

计算机网络原理教程：https://www.bilibili.com/video/BV1xJ41137Q3

HTTP 解析

HTTP 协议详解教程：https://www.bilibili.com/video/BV1js411g7Fw

浏览器及其工作方式

浏览器运作教程：https://www.bilibili.com/video/BV1x54y1B7RE

DNS 及其工作原理

DNS 工作原理教程：https://www.bilibili.com/video/BV1GW411j7Ts

DNS 科普教程：https://www.bilibili.com/video/BV1F54y1R7BC

域名相关知识

域名解析教程：https://www.bilibili.com/video/BV1zA411x7Pj

云服务相关知识

阿里云服务器教程：https://www.bilibili.com/video/BV1Rt411u7k4

Version Control System：（版本控制管理系统）

Git 的基本用法

Git 教程：https://www.bilibili.com/video/BV1FE411P7B3

相关平台 / 软件使用

GitHub 十分钟学会 Github：https://www.bilibili.com/video/BV1yo4y1d7UK

GitLab 使用说明：https://www.bilibili.com/video/BV11E411x7Uv

Gitee ：中文文档网址

Svn 的基本用法

教程：------

Web Security Knowledge：（网络安全相关知识）

HTTPS 原理和使用

HTTPS 原理教程：https://www.bilibili.com/video/BV1Up4y1i7PG

CORS 跨域请求和安全知识

CORS 教程：https://www.bilibili.com/video/BV1Kt411E76z

内容安全策略

网络渗透教程：https://www.bilibili.com/video/BV1kh411W7Vv

OWASP 安全风险知识

OWASP TOP10 教程：https://www.bilibili.com/video/BV1ey4y1V7Jj

Package Managers：（包管理工具）

Npm

Npm 教程：https://www.bilibili.com/video/BV1Dv411W7XP

Yarn

Yarn 教程：https://www.imooc.com/learn/766

Build Tools：（构建工具）

任务执行命令 [ Task Runners ]

npm scripts 教程：https://www.bilibili.com/video/BV1Dv411W7XP

Gulp 教程：https://www.bilibili.com/video/BV1yA411s72G

打包工具

Webpack 教程：https://www.bilibili.com/video/BV1e7411j7T5

Parcel 教程：https://www.bilibili.com/video/BV1Pa4y147Kf

代码格式化工具

Prettier 教程：https://www.bilibili.com/video/BV183411r7YK

ESLint 教程：https://space.bilibili.com/390120104/search/video?keyword=ESLint

Web Framework：（三大前端框架）

React.js

React 基础教程：https://www.bilibili.com/video/BV1g4411i7po

React 全家桶教程：https://www.bilibili.com/video/BV1wy4y1D7JT

React 实战博客：https://www.bilibili.com/video/BV1CJ411377B

React 实战商城：https://www.bilibili.com/video/BV1i5411c7xp

Vue.js

Vue2 全家桶教程：https://www.jspang.com/detailed?id=57

Vue3 全家桶教程：https://www.jspang.com/detailed?id=67

vuejs 从入门到精通教程：https://www.bilibili.com/video/BV1Zy4y1K7SH