web前端开发学习_掘金前端课程(小册)推荐

一、web前端开发学习_掘金前端课程(小册)推荐

大家好，以下是推荐的前端掘金课程（小册）列表，适合前端初学者及工作几年的开发者，内容详细且由一线大厂员工编写。

本课程深入讲解 React基础与高级用法，结合实践示例，帮助您克服技术瓶颈，实现进阶。内容将随 React版本更新而持续更新，包括 React 18系列。

作者：在一线互联网大厂工作七年，有六年 React开发经验，通读 React源码，撰写多篇《React进阶》系列文章。

构建全面的前端知识体系，深入探究技术原理，掌握大厂面试中常考知识点。一年磨一剑，精心打造。

作者：yck，四年前端工程师，经历了从小厂到大厂的面试过程，专注于前端基础设施及架构领域，目前在新加坡某公司任职 Senior Software Engineer。

以简单易懂的方式带领读者探索 Vue.js的世界，通过小 Demo抽象原理，形成简易版 Vue.js实现，帮助理解核心概念。

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

深入理解前端性能优化的原理，将晦涩的知识转化为实践技能，建立个人优化技能库。

作者：一线电商集团前端工程师，拥有丰富的研发、面试和性能优化经验。

5. JavaScript设计模式核心原理与应用实践

以易于理解的方式介绍编程“套路”，引导读者深入理解设计模式原理，并在实际场景中应用。

作者：修言，曾为《前端性能优化原理与实践》小册作者，现为一线电商集团前端工程师。

零基础学习小程序开发和腾讯云云开发知识，实践完成完整小程序项目，适合初学者。

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

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

详细解析 Taro多端开发框架，通过电商核心项目的实战，帮助开发者快速上手多端项目。

由凹凸实验室的多名开发工程师联合编写，他们来自 Taro核心开发者、多款小程序的开发者。

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

面向实战的前端算法面试教学，通过接地气的解释和大量图解，构建算法能力体系。

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

适合应届毕业生和计划跳槽的前端开发者，提供面试技巧和高频考题解析。

10. React Hooks与 Immutable数据流实战

以实战为导向，深入探索 React开发中的设计模式与性能优化策略，打造完整前端工作流。

深入学习 babel编译原理，掌握编写任何 babel插件的技能，包括基础、进阶、实战和简易 babel实现。

作者：某一线大厂前端工程师，公众号[神光的编程秘籍]维护者，对编译原理有深入研究。

由京东凹凸实验室的资深前端工程师编写，提供 H5开发和 UI开发的实战技巧，适合应聘大厂 H5开发或 UI开发职位的开发者。

深入探讨 TypeScript的应用，提高代码的健壮性、可读性，提升开发效率和体验。

作者：阿里巴巴前端开发工程师，热衷于分享和推广 TypeScript相关知识。

深入 CSS技巧，提供大量骚操作示例，提升审美标准和艺术创作能力。

作者：资深前端工程师，网易互动娱乐事业群成员，负责前端工程化和架构设计。

系统学习 Vite构建工具，提升前端工程化能力，全面掌握构建生态和底层原理。

作者：前端工程化领域专家，曾将 Vite应用于抖音直播等大型业务，同时也是 Vite Contributor。

16. TypeScript类型体操通关秘籍

掌握 TypeScript类型体操的六大技巧，成为类型编程高手，涵盖类型系统和实战案例。

作者：前阿里架构组前端工程师，对前端编译原理有深入研究。

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

深入了解 React应用设计模式和最佳实践，包括 Suspense和 Hooks的应用。

掌握 VSCode Debugger、Chrome DevTools和 Charles等调试工具，提升调试能力。

19. Webpack5核心原理与应用实践

从工程搭建、构建性能优化到 Loader和 Plugin开发，深入剖析 Webpack执行原理。

作者：字节跳动前端工程师，重度帝王蟹爱好者，对前端工程化有深入研究。

介绍 WebGL和 CSS 3D开发技巧，演示 3D数学库在 Web开发中的作用。

围绕 Vue3、Element Plus和 Spring Boot开展的完整企业级项目开发实战。

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

探索 Vite在组件库工程化中的应用，提升项目开发效率。

通过 Node.js从前端角度体验全栈开发，涵盖工具脚本、HTTP服务、工程化和跨平台开发。

学习使用 NestJS构建高效、可扩展的 NodeJS服务端应用。

完成一个完整 Vue商城项目的开发，包含技术讲解和实战。

通过实践项目深入 DevOps工程，包括开发、测试、构建和部署。

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

为前端开发者提供区块链开发基础，通过 DApp实战掌握区块链技术。

全面讲解跨平台应用开发，包含 Uniapp常用知识点、基础 API、前端交互、组件封装、后端 Nodejs开发、前后端联调和优化部署。

基于 Web开发需求，探索现代布局技术，适应不同设备和场景。

从源码角度解读 Node.js设计，实现简易 JS运行时，提升 Node.js技能。

二、自学前端,前端开发的学习路线是什么

1、自学前端其实很辛苦，需要有强大的自制力和坚持下去的学习心，并且做好详细的学习规划严格执行；如果你想学前端，下面的学习路线或许对你有帮助。

2、HTML CSS:HTML进阶、CSS进阶、div css布局、HTML css整站开发。

3、JavaScript基础:Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。

4、JS基本特效:常见特效、例如:tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。

5、JS高级特征:正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础。

6、JQuery:基础使用悬着器、DOM操作、特效和动画、方法链、拖拽、变形、JQueryUI组件基本使用。

7、HTML5:HTML5新语义标签、HTML5表单、音频和视频、离线和本地存储、SVG、Web Socket、Canvas。

8、CSS3:CSS3新选择器、伪元素、脸色表示法、边框、阴影、background系列属性改变、Transition、动画、景深和深透、3D效果制作、Velocity.js框架、元素进场、出场策略、炫酷CSS3网页制作。

9、Bootstrap:响应式概念、媒体查询、响应式网站制作、删格系统、删格系统原理、Bootstrap常用模板、LESS和SASS。

10、移动Web开发:跨终端WEB和主流设备简介、视口、流式布局、弹性盒子、rem、移动终端JavaScript事件、手机中常见JS效果制作、Zepto.js、手机聚划算页面、手机滚屏。

11、WEB服务器基础:服务器基础知识、Apache服务器和其他WEB服务器介绍、Apache服务器搭建、HTTP介绍。

12、PHP基础:PHP基础语法、使用PHP处理简单的GET或者POST请求。

13、AJAX上篇:Ajax简介和异步的概念、Ajax框架的封装、XMLHttpRequest对象详细介绍方法、兼容性处理方法、Ajax框架的封装、Ajax中缓存问题、XML介绍和使用。

14、AJAX下篇:JSON和JSON解析、数据绑定和模板技术、JSONP、跨域技术、图片预读取和lazy-load技术、JQuery框架中的AjaxAPI、使用Ajax实现爆布流案例额。

15、面向对象终极篇:从内存角度到理解JS面向对象、基本类型、复杂类型、原型链、ES6中的面向对象、属性读写权限、设置器、访问器。

16、面向对象三大特征:继承性、多态性、封装性、接口。

17、设计模式:面向对象编程思维、单例模式、工厂模式、策略模式、观察者模式、模板方法模式、代理模式、装饰者模式、适配器模式、面向切面编程。

18、第五阶段:封装一个属于自己的框架

19、框架封装基础:事件流、冒泡、捕获、事件对象、事件框架、选择框架。

20、框架封装中级:运动原理、单物体运动框架、多物体运动框架、运动框架面向对象封装。

21、框架封装高级和补充:JQuery框架雏形、可扩展性、模块化、封装属于传智自己的框架。

22、面向组件编程:面向组件编程的方式、面向组件编程的实现原理、面向组件编程实战、基于组件化思想开发网站应用程序。

23、面向模块编程:AMD设计规范、CMD设计规范、RequireJS，LoadJS、淘宝的SeaJS。

24、Web开发工作流:GIT/SVN、Yeoman脚手架、NPMer依赖管理工具、Grunt/Gulp/Webpack。

25、MVC/MVVM/MVW框架:Angular.js、Backbone.js、Knockout/Ember。

26、常用库:React.js、Vue.js、Zepto.js。

27、第八阶段:HTML5原生移动应用开发

28、Cordova:WebApp/NativeApp/HybirdApp简介、Cordova简介、与PhoneGap之间的关系、开发环境搭建、Cordova实战(创建项目，配置，编译，调试，部署发布)。

29、Ionic:Ionic简介和同类对比、模板项目解析、常见组件及使用、结合Angular构建APP、常见效果(下拉刷新，上拉加载，侧滑导航，选项卡)。

30、React Native:React Native简介、React Native环境配置、创建项目，配置，编译，调试，部署发布、原生模块和UI组件、原生常用API。

31、HTML5:HTML5中国产业联盟、HTML5 Plus Runtime环境、HBuilder开发工具、MUI框架、H5开发和部署。

32、快速入门:Node.js发展、生态圈、Io.js、Linux/Windows/OS X环境配置、REPL环境和控制台程序、异步编程，非阻塞I/O、模块概念，模块管理工具、开发流程，调试，测试。

33、核心模块和对象:全局对象global，process，console，util、事件驱动，事件发射器、加密解密，路径操做。

三、求推荐一些关于web前端的一些教程书籍,适合新手的

前端部分书很多，建议跟着慕课网这种在线培训的课程，边学边练。

1 JavaScript权威指南（第6版）：号称javascript圣经，前端必备；前端程序员学习核心JavaScript语言和由Web浏览器定义的JavaScript API的指南和综合参考手册；

2 JavaScript高级程序设计(第3版)：前端必备书，如果你想真正进入前端世界，这是一本不可多得的进阶书，没什么好说的，必须细细品读；

3 JavaScript语言精粹：这是一本值得任何正在或准备从事JavaScript开发的人阅读，并且需要反复阅读的js书籍；

4基于MVC的JavaScript Web富应用开发：这不是一本适合初学者看的书籍，更适合具有一定前端开发经验的从业人员看的框架书，如果你想构建一个复杂的前端应用，你会如获至宝；

5 JavaScript DOM编程艺术(第2版)：好书主要是dom操作和兼容方面的知识，值得一看；

6 JavaScript经典实例：可以看看，主要是有关javascript一些典型小工具，有些剖析的并不深入，总体来说可以看看；

7 JavaScript设计模式：写js不难。如何编写优美、结构化和可维护的代码呢？反复的揣摩这本书吧；

8 JavaScript编程精解：了解一下可以；

9 JavaScript模式：又一本设计模式的好书，如果你想让自身的Javascript技巧提高到一个新层次，成为专业的开发人员和程序员，反复阅读吧；

10 JavaScript高效图形编程：是一本具有很强实操性的JavaScript图书，主要涉及JavaScript性能优化、高级UI设计、Web游戏开发、面向移动设备的开发、图形编程知识等

11 JavaScript RIA开发实战——最佳实践、性能、表现：主要介绍如何采用最合理的方式为RIA编写可靠的、易于维护的HTML、CSS和JavaScript代码，以及如何使用Ajax技术在后台实现浏览器与Web服务器的动态通信。可以细细读一下；

12高性能JavaScript：又一本好书，涵盖了当今JavaScript开发者需要了解的所有性能问题，毫无疑问，它已加入我的性能最佳实践列表；值得细细品读并实践；

13悟透JavaScript（美绘本）：这是一本可以让你轻松加愉快的阅读的一本好书，读完你可能会领悟：哦原还可以这样；

14 Ajax权威指南:详细的展示了ajax技术的发展以及应用，对于了解ajax技术很不错的一本详尽书籍；

15 Node.js开发指南: Node.js是一种新兴的开源技术，它将JavaScript从Web浏览器移植到常规的服务器端，使用Chrome的V8虚拟机来解释和执行JavaScript代码，能用于构建高性能、高可扩展的服务器和客户端应用，以实现真正“实时的Web应用”；

16 Node Web开发:雅虎架构师精准解读最炙手可热的Web开发技术；

17 jQuery Mobile权威指南：是系统学习jQuery Mobile的权威参考书；

18数据可视化实战：使用D3设计交互式图表：web矢量图类库d3.js的工具书；

19 jQuery权威指南:学习jquery的入门书籍；

20精彩绝伦的jQuery：名字起的不错，能忽悠不少人，入门级书籍；

21锋利的jQuery：不错的一本jquery应用书籍；

1 HTML 5与CSS 3权威指南：html5和css3入级好书；详尽讲解了HTML5与CSS 3的所有功能和特性；

2 HTML5移动Web开发指南：介绍了一下移动端的web开发技术，以及一些移动端框架：QueryMobile、Sencha Touch，以及PhoneGap；

3响应式Web设计：HTML5和CSS3实战：有关响应式设计的知识并不是很多，大量篇幅写了html5和css3，这本书比较一般；

4 HTML5程序设计(第2版)：很全面的介绍了一下html5技术，前端人员都应该看一看；

5编写高质量代码:Web前端开发修炼之道：不可多得的一本前端开发规范书，前端开发人员的必读书；

6精通CSS：高级Web标准解决方案：css兼容性解决方案汇总，好书；

7 CSS禅意花园：主要的Web设计原则以及它们运用的CSS布局技巧；

8 CSS权威指南： css经典工具书；

9高性能网站建设进阶指南：Web开发者性能优化最佳实践：好书啊！网站性能优化，浏览器加载渲染详细解析；

10网站重构——应用Web标准进行设计:前端开发人员必读书，一本可以帮助网页设计师快速了解和掌握web标准设计的书；

11变幻之美 DIV+CSS网页布局揭秘：详细的介绍了从效果图到web布局实现的整个过程；

12 HTML5 Canvas基础教程: canvas入门书籍；