大家好，本期内容给大家推荐一些优质的前端掘金课程(小册)，比较适合初学者及工作几年的前端小伙伴，里面的内容讲解的比较详细，作者也是一线的大厂工作者。有兴趣的小伙伴快来打卡看一下吧，根据自己的能力量力而行，东西虽好，可不要贪杯哦!

1、react 进阶实践指南

彻底弄懂 React 基础和高阶用法，结合实践 Demo，告别技术瓶颈期，实现进阶~本小册会持续更新，其中原理部分也随着 React 版本升级逐渐更新，当然 React 18 系列也包括在内。

作者：本小册作者目前就职于一线互联网大厂，7 年工作经验，6 年 React 开发经验，通读 React 源码，写过多篇《React 进阶》系列文章。

点击进入学习

2、前端面试之道

助你建立起完整的前端知识架构体系，探究知识的原理，深入了解大厂常考知识点。如果需要用一句话来介绍这本小册的话，「一年磨一剑」应该是最好的答案了。

作者：yck，四年前端，一步步从小厂面进大厂。期间近三年的工作时间深耕前端基建及架构方向，在这块领域中积累了不少经验。目前就职于新加坡某基建公司，任职 Senior Software Engineer。

点击进入学习

3、剖析 vue.js 内部运行机制

把原理抽象为小 Demo，以一种对新手友好的方式带领读者漫游 Vue.js 的世界。把 Vue.js 的核心源码抽离出来，写成一个一个代码量更小更精细的 Demo ，形成一个简易版的 Vue.js 轮子，尝试用更少量的代码讲解核心部分内容，这样能更好地让人理解，毕竟大段的源码在没有上下文的情况下会让人觉得晦涩难懂。

作者：修言，某外企前端 Leader，前阿里巴巴/滴滴出行/创业团队前端工程师。

点击进入学习

4、前端性能优化原理与实践

毫秒必争！深入理解前端性能原理，将晦涩的知识转化为可爱的生产力，建立你自己的优化技能索引目录。

作者：修言，一线电商集团前端工程师。历任创业团队高级工程师、滴滴出行前端工程师。始终战斗在前端性能优化的第一线，拥有丰富的研发经验、面试经验和性能死磕经验。

点击进入学习

5、JavaScript 设计模式核⼼原理与应⽤实践

通俗易懂的编程“套路“学。带你深入看似高深实则接地气的设计模式原理，在实际场景中内化设计模式的”道“与”术“。学会驾驭代码，而非被其奴役。

作者：修言，《前端性能优化原理与实践》小册作者。一线电商集团前端工程师。历任创业团队高级工程师、滴滴出行前端工程师。

点击进入学习

6、小程序云开发入门到实践

零基础系统掌握小程序的开发和腾讯云云开发的知识，并开发出一个完整的小程序项目。如果你是零基础的技术爱好者，想学习一门编程语言用于工作或生活，通常Python、php、JavaScript、C#、Swift、Java都是比较不错的选择，而相比这些编程方向，云开发除了更容易上手以外，还能更快且免费的做出一个功能完整且实用的技术作品。

作者：李东bbsky，腾讯云云开发布道师，致力于互联网技术技能的普及。

点击进入学习

7、Taro 多端开发实现原理与项目实战

剖析 Taro 多端开发框架的实现原理，并通过电商核心的项目实战，帮助开发者快速上手多端项目。本小册由凹凸实验室的多名开发工程师利用业余时间精心编写，他们来自：Taro 核心开发者、使用 Taro 开发「京东购物」小程序的开发者、使用 Taro 开发「TOPLIFE」小程序的开发者、使用 Taro 开发「壹赫兹 OneHertz」小程序的开发者，等等。

点击进入学习

8、前端算法与数据结构面试：底层逻辑解读与大厂真题训练

面向实战的前端算法面试教学，接地气&说人话&大量图解，带你从编码基本功到手撕大厂真题、构建坚不可摧的算法能力体系，适宜人群：具备 JavaScript 基础，略懂 ES6，略懂 JS 数据结构，需要构建/完善算法知识体系的前端同学，有算法面试需求的前端同学。

点击进入学习

9、Web 前端面试指南与高频考题解析

无论是应届毕业生找自己人生的第一份工作，还是计划跳槽找更好工作的同学，面对接下来的面试，我们都需要掌握一些技巧。就像上学时候的考试一样，本来 80 分水平，老师教给我们一些技巧后，我们就能考到 85 分甚至 90 分，面试也一样。

点击进入学习

10、React Hooks 与 Immutable 数据流实战

以实战为线索，逐步深入React开发各个环节，掌握前端常用性能体验优化思路，打造完整前端工作流，提升工程化编码能力和思维能力。本小册为纯实战类型的教程系列，以 eact 全家桶(包含 Hooks)以及 immutable 数据流为基础仿网易云音乐 UI 打造一款高质量的 WebApp。

点击进入学习

11、babel 插件通关秘籍

深入探究 babel 编译原理，学完可以写任何 babel 插件，小册分为 babel 插件基础、babel 插件进阶、babel 插件实战、手写简易的 babel 四部分内容。

作者：某一线大厂某架构组前端工程师，公众号[神光的编程秘籍]，维护公司的 builder 和 ide，对编译原理、前端工程化有一定的研究。

点击进入学习

12、大厂 H5 开发实战手册

京东、腾讯等大厂 H5 开发或 UI 开发工程师的真实实战技巧。这本小册是由京东凹凸实验室的多名资深前端开发工程师（Koppt、JC、EC、大婷、小婷、陈老湿、AV、LV，排名不分先后，部分同学曾在腾讯 ISUX 和 TGideas 团队就职）结合自身工作实践，梳理整合了凹凸实验室近年积累沉淀的和主题相关的心得体会（部分在凹凸实验室博客上分散发表过），联合编写，献给那些想应聘京东或腾讯等大厂「H5 开发工程师」或「UI 开发工程师」的童鞋们看的。

点击进入学习

13、TypeScript 全面进阶指南

当下，TypeScript 正在逐渐成为与前端框架以及 ES6 语法同一地位的基础工具，越来越多的开发者或团队已经将它作为首选语言之一。TypeScript 带来的收益十分明显，在代码健壮性、可读性、开发效率与开发体验等多个方面，都能带来显著提升。因此，越来越多的前端开发者开始尝试使用以及学习 TypeScript。

作者：林不渡，阿里巴巴前端开发工程师。深耕 TypeScript，在团队中参与制定并推广 TypeScript 相关研发规约。热爱分享，曾在极客时间、前端早早聊等平台做过 TypeScript 主题分享，写过「TypeScript 的另一面：类型编程」专栏。

点击进入学习

14、玩转 css 的艺术之美

本课程附带大量CSS神操作骚技巧，90%的内容纯讲CSS，也有少部分内容涉及JS，当然也难不倒用心学习的你。CSS的存在当然会有它的原因，不能觉得简单而忽略它。前端三剑客缺少一个都不行，html/CSS/JS三者相辅相成，缺一不可。CSS的盒模型、文档流、选择器、属性等，组成了一个强而有力的CSS知识体系。学习好CSS不仅能解决一些工作问题，还能提升自己的审美标准，在业余时间也是一种消磨时间与挖掘艺术的方式。

作者：JowayYoung，资深前端工程师，目前就职于网易互动娱乐事业群，负责前端工程化与前端架构设计相关工作，最大程度为公司实现降本增效，争取利润最大化。

点击进入学习

15、深入浅出 Vite

系统化学习现代构建工具 Vite，提升前端工程化能力。在本课程中，我会给大家系统梳理 Vite 知识，并解决如上种种问题，带大家了解到前端工程的构建中究竟具备哪些知识和技能，不光是 Vite 本身的知识，也包括 Vite 底层所使用的 Esbuild、Rollup 双引擎、Babel 编译工具链、模块规范标准等一系列构建生态，从此掌握前端构建领域的第一性原理，完成从构建小白到高手的蜕变。

作者：目前深耕前端工程化构建领域，拥有大量的 Vite 工程化实战和性能优化经验，曾将 Vite 落地到抖音直播 PC 端等公司大型业务中，也是 Vite Contributor。

点击进入学习

16、TypeScript 类型体操通关秘籍

掌握 TypeScript 类型体操的 6 大套路，成为类型编程高手!这本小册会先带大家熟悉 TypeScript 类型系统中的各种类型和类型运算，然后把类型编程的六大套路总结成顺口溜帮助大家记忆。在详细解释每一个套路之后，也提供了大量的实战案例（案例都有 playground 的地址）帮助大家巩固所学知识。

作者：前阿里架构组前端工程师，《Babel 插件通关秘籍》小册作者，对前端编译原理、前端工程化等有深入研究。

点击进入学习

17、React 实战：设计模式和最佳实践

深入了解 React 应用中的设计模式，总结业界验证的最佳实践，更进一步，了解React 未来新功能 Suspense 和 Hooks。React 是当前最热门的网页开发框架之一，其简洁易用的特点吸引了全世界的网页开发者。React 只是一个工具，并没有强制要求开发者按照什么套路去开发应用，但这也给开发者带来一些迷茫，当遇到一个具体问题的时候，不知道该选取什么样的方法去解决。这个小册的目的，就是要解除 React 使用者的迷惑，帮助大家快速找到解决问题的办法。

点击进入学习

18、前端调试通关秘籍

掌握 VSCode Debugger + Chrome DevTools + Charles，全面提升调试能力！调试能力是前端工程师的必备能力，优秀的调试能力可以让我们在阅读源码、定位性能问题的时候更加得心应手。可以说，想要进一步提升技术水平，我们必须要提升调试能力！

作者：前高德架构组前端工程师，畅销小册《Babel 插件通关秘籍》、《TypeScript 类型体操通关秘籍》作者，对前端编译原理、前端工程化等有深入研究。

点击进入学习

19、webpack5 核心原理与应用实践

由浅入深，从场景化工程搭建技巧；到构建与应用性能优化技巧；再到 Loader、Plugin 组件开发；最终落地到源码级剖析 Webpack 执行原理。

在现代 Web 应用开发中，Webpack 俨然已经成为几乎能满足所有构建需求的工程化基础设施之一，虽然近几年受 Vite、Rollup 等新型构建工具影响，热度有所降低，但它依然占据高达 89% 的使用率，依然被广泛应用于 Web、跨端、微前端、WASM、npm 库等应用场景，是当下最值得学习的前端工程化工具之一！

作者：范文杰，十年前端老人，目前就职于字节-朝夕光年-游戏平台前端团队，公众号「Tecvan」作者，重度 帝王蟹 爱好者，对前端工程化、性能、跨端开发、海鲜烹饪等有深入研究。

点击进入学习

20、WebGL 入门与实践

介绍 WebGL 与 CSS 3D 开发的点点滴滴，详细阐述 3D 数学库的实现原理与使用，演示 3D 数学库对于 WebGL 开发和普通网页开发的重要作用，助力每个前端开发者轻松掌握 3D 开发的关键技术。

本小册介绍 WebGL 以及 CSS 3D 属性的关键技术，每一个知识点基本上都有对应的演示 Demo ，Demo 不依赖框架，使用原生 JavaScript 实现，Demo 辅以理论的主要目的是为了让大家能够理解 WebGL api 的作用，以及坐标系变换背后的图形学算法，巩固读者的 3D 编程基础。

点击进入学习

21、Vue3 企业级项目实战

Vue3 + Element Plus + Spring Boot 企业级项目开发，升职加薪，快人一步。一个可以实操练手的完整项目，再配备上详细的技术讲解手册，相信无论身处哪个技术领域，都是你提高自身技术水平最高效的工具，此小册将围绕 Spring Boot 和 Vue3 两个目前比较流行的 技术栈向大家呈现一个企业级管理系统项目完整的开发流程。

点击进入学习

22、基于 Vite 的组件库工程化实战

前端工程化一直是前端圈大热的话题，诚然在一个项目框架和各种脚手架都趋于成熟的年代。一个前端小白几乎可以在不具备任何工程化知识的情况下，利用成熟的脚手架搭建一个前端应用。里面的工程化细节也无需过多去关心。

当然这只是限于初级的程序员，一旦项目趋于复杂，会提出各种定制化的要求，或者引入新的技术，也或许需要更过兼容性和性能提升的要求，这就需要不断地修改自己的工程化方案进行适应。

点击进入学习

23、从前端到全栈

核心技术点+应用场景详解，全方位体验 Node.js 开发。本课程将从前端的角度出发，循序渐进地讲解 Node.js 的实际应用场景，内容涵盖工具脚本、HTTP 服务、工程化、跨平台开发等各个领域，并且以开发一个多人协作涂鸦板为例，带你用从 0 开发一个完整的 Web 应用，体验前端工程师使用 Node.js 开发的方方面面。学完本课程后，你将具备运用 Node.js 进行大型项目设计和开发的能力，成为全栈工程师。

点击进入学习

24、NestJS 项目实战

NestJS 是一个用于构建高效、可扩展的 NodeJS 服务端应用程序的框架，提供了对接多种 HTTP 框架的能力，为服务端项目开发提供了认证、缓存、数据库、安全和文件处理等一系列开箱即用的方案。相比于 Koa 跟 Express，NestJS 的工程化程度更高，更利于项目开发，因此越来越多的团队在大型 Node.js 服务端项目中使用了 NestJS。

点击进入学习

25、Vue 商城项目开发实战

一个可以实操练手的完整项目，再配备上详细的技术讲解手册，相信无论身处哪个技术领域，都是你提高自身技术水平最高效的工具，此小册将围绕 Spring Boot 和 Vue 两个目前比较流行的 技术栈向大家呈现一个大型项目完整的开发流程。

点击进入学习

26、基于Node的DevOps实战

通过基于Node的项目实战，可以对 DevOps 有更深一步了解，包括不限于开发环节、测试环节、构建和部署环节等等。

整个学习路线将以 Node 为作为切入点，可以对 DevOps 有更深一步了解，包括不限于开发环节、测试环节、构建和部署环节等等。

点击进入学习

27、区块链开发入门：从0到1构建基于以太坊智能合约的ICO DApp

写给前端开发者的第一本区块链开发入门指南，通过 DApp 开发实战（基于以太坊创始人 V 神的 DAICO 设计思想），深入掌握区块链及以太坊技术。

作为前端工程师，我们在区块链领域的机会到底在哪里？炒币？貌似不是长久之计。如果说做成任何事情都需要依赖技能和和运气两个要素，不同的事情只是两种要素的比重不同，那么理智的人会想尽办法让事情更依赖技能，而不是运气。

点击进入学习

28、Uniapp从入门到进阶

从基础到实战，详细讲解跨平台应用开发的方方面面，包含 Uniapp 开发常用知识点，基础 api，前端交互、组件封装，后端 Nodejs 开发、前后端联调和调优部署，是一套非常全面的综合课程。

作者：阿面，资深前端，现任职于广州某电商公司，上线过多款小程序和 app。对移动开发、Hybrid 和 Node.js 等方向有较深研究，拥有十年以上的前端开发和架构经验。热爱开源，热爱分享。

点击进入学习

29、现代 Web 布局

想象一下，你是一名 Web 开发人员，设计师递给你一份全新的 Web 设计方案。该设计由各种有趣的布局组成，比如需要考虑视窗的宽度和高度，以及需要考虑布局的适配性和灵活性。你如何决定使用哪种布局技术，来构建这个新的设计方案呢？

作者：大漠，W3CPlus 创始人，曾就职于淘宝。对 HTML、CSS 和 A11Y 等领域有一定的认识和丰富的实践经验。CSS 中国布道者，2014 年出版《图解 CSS3：核心技术与案例实战》。

点击进入学习

30、深入剖析 Node.js 底层原理

从源码角度解读 Node.js 底层设计，并实现一个简单的 JS 运行时。作为一名 Node.js 工程师，如果我们只是面向文档 黑盒 编程，显然已经不能满足这些要求了。文档只是 Node.js 的一部分，想要提升自己的核心竞争力，我们一定要深入理解 Node.js 底层原理。理解底层原理不仅可以帮助我们解决日常工作中碰到的各种问题，更好地完成工作中各种需求，还可以帮助我们更快地学习其他技术，因为技术都是相通的。

作者：theanarkh，字节跳动 Node.js 工程师，目前主要负责 Node.js APM 方向的工作，曾在腾讯云 / IMWeb / WebInfra 等团队工作。Node.js Collaborator 和 Libuv Contributor，业余写过玩具 JS 运行时 No.js 和 Deer，个人公众号《编程杂技》。

点击进入学习

链接: https://www.fly63.com/article/detial/12255