之所以写这个教程，是因为之前自己自学webpack的时候，遇到了很多阻碍，首先是官网全英，api对我来说写得也模模糊糊的，当然官方文档很详细，但对于初学者来说学习成本就比较高了。在google搜索出来的一大堆所谓的webpack教程要么就是直接丢给你一份作者已经配置好的配置文件，要么就是单独跟你讲某个配置参数的作用（感觉就是把官网的英文纯粹翻译成中文而已），这样子还不如去仔细啃官网，毕竟翻译成中文的时候会有很多意思传达不准确。

翻译这本手册的想法是我在学习CGDB的时候产生的，CGDB是一款非常优秀的gdb调试器的前端，但是网上的资料匮乏，以至于只有一本英文手册比较详细。为了能够让更多人能够更方便、快速的学习这个工具，于是我产生了翻译的想法。

这是任何人都可以用来学习前端的实践手册, 它概述并讨论了前端工程的实践: 该如何学习以及实践时该使用什么工具. 撰写该手册的目的有两个: 一是为潜在以及正在实践的前端开发人员提供一个包括学习资料和开发工具的专业资源; 二是该手册可以被管理者, CTO, 讲师和猎头用来作为洞察前端开发的实践. 该手册的内容支持Web技术(HTML, CSS, DOM, 和 JavaScript), 并且手册提供的解决方案都直接建立在这些开放的技术之上. 手册中所引用的素材和讨论都是最好的或者当前前端开发者们需要面对的问题.

本系列文章为我在深入研究CSS的布局方式的过程中的一些总结。主要是对于CSS3标准里的flex布局方式CSS4草案中的grid布局方式进行一些总结。

『微信小程序』优秀教程、轮子、开源项目 资源汇总

这是一本关于 React 的小书，主要内容为 React 方面的编程实践。为什么写作本书？通过示例方便初学者了解 React 的世界，减少学习过程中的坑坑洼洼。总结自己的一些学习心得、体会和经验。

可能会有人问webpack到底有什么用, 你不能上来就糊我一脸代码让我马上搞, 我照着搞了一遍结果根本没什么naizi用, 都是骗人的. 所以, 在说webpack之前, 我想先谈一下前端打包方案这几年的演进历程, 在什么场景下, 我们遇到了什么问题, 催生出了应对这些问题的工具. 了解了需求和目的之后, 你就知道什么时候webpack可以帮到你. 我希望我用完之后很爽, 你们用完之后也是.

CSS 是一种领域语言（DSL），层叠与继承赋予了 CSS 优雅多姿的无限创造力。正是由于它如此「简单」， 我们需要一些规范来使其变得更加可依赖。在使用 CSS 的时候不要把它当做一种编程语言，应该把它当做 绘画或者创作。所以本文档不仅仅是一份 CSS 书写规范，更像是 CSS 创作的调色盘。

作者根据 Robert C. Martin 《代码整洁之道》总结了适用于 JavaScript 的软件工程原则《Clean Code JavaScript》。

JavaScirpt30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西，不借助框架和库，也不使用编译器和引用。