重学前端----前端知识系统学习推荐专栏

灰太狼 2022-03-14 08:26 277阅读 0赞

>  *  推荐一个前端知识学习专栏。此专栏为极客时间收费专栏。

> 学习交流加
> 
>  *  个人qq：  
>     1126137994
>  *  个人微信：  
>     liu1126137994
>  *  学习交流资源分享qq群：  
>     962535112

> ### 文章目录 ###
> 
>  *   *  1 概述
>      *  2 专栏内容
>      *   *  2.1 模块一，JavaScript
>          *  2.2 模块二，HTML 和 CSS
>          *  2.3 模块三，浏览器实现原理与 API
>          *  2.4 模块四，前端综合应用
>      *  3 专栏目录

## 1 概述 ##

随着前端技术不断地发展，岗位需求与薪资一路攀升。整个前端业界正值“黄金时代”，而前端开发者们却似乎“学不动了”。

这缘于前端的学习是一条先快后慢的曲线。在快速入门之后，大多数人都会感觉：自己仅仅停留在会用的阶段，后面的学习之路似乎越来越陡峭，每前进一步都十分艰难。

其实是你没有意识到，你在自学的过程中走了太多弯路。

大部分前端工程师的知识，其实都来自于工作中零散的学习和实践。在这种情况下，学习方向一旦偏离，就可能导致基础不牢固，知识认知不清晰，难以建立完整的知识体系。

并且，如果所在公司业务简单，工程师更难以在实践中形成技术积累，这导致了自身技术长期处于非常初级的阶段。

winter 在手机淘宝一直负责前端工程师的面试与培养工作，他深知其中的痛点与难点。在这个专栏中，winter 将带你告别零散和盲目的自学，重新学习前端，一起搭建前端知识框架，共同明确学习重点，精进前端技术。

作者程劭非，网名“winter”，前端社区知名专家，前手机淘宝前端负责人，先后就职于微软、盛大、阿里巴巴等公司。winter 早年做过嵌入式系统浏览器、电子书和 WebOS 的相关工作，近年致力于移动前端领域研究，提出过 Flexible 布局等先进概念，也产出过 Weex 这样的移动前端开发框架。

## 2 专栏内容 ##

专栏共 42 讲，分为 4 大模块。

### 2.1 模块一，JavaScript ###

这部分会按照文法、语义和运行时去讨论 JavaScript 语言。这样的划分符合编程语言的一般规律，即“用一定的词法和语法，表达一定语义，去操作运行时”。而且，这样的划分也整合了零散的知识点，具有完备性。

### 2.2 模块二，HTML 和 CSS ###

这部分会侧重从语言和功能的角度来讲解，带你领略两者的全貌。HTML 的功能主要由标签来承担，所以我们首先会把标签分类，并分别进行讲解。语言部分，我们会简要介绍 HTML 的语法和几个重要的语言机制。在 CSS 的语言部分，我们会从大到小介绍 @rule、选择器、单位等等。功能部分，我们大致可以分为布局、绘制和交互类。

### 2.3 模块三，浏览器实现原理与 API ###

这部分会着重讲解浏览器的工作原理。我们会一起来了解：一个浏览器到底是如何工作的。并且，我们还会学习一些重要的浏览器 API，包括 BOM、DOM、CSSOM 等内容。只有了解了这些知识，你才能把 JavaScript 和 HTML、CSS 联系起来实现具体功能。

### 2.4 模块四，前端综合应用 ###

作者会结合自己的前端工作经验，选择自己在手淘和淘宝工作中的一些案例来辅助讲解前端的性能、工具链、持续集成、架构等实际应用内容。

## 3 专栏目录 ##

整个专栏学习内容的目录为：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9seXktMDIxNy5ibG9nLmNzZG4ubmV0_size_16_color_FFFFFF_t_70_pic_center]

学习该专栏可以去极客时间订阅购买。或者可以用微信扫描下方的二维码购买（扫描下方的二维码可以优惠且可以获得现金红包）

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9seXktMDIxNy5ibG9nLmNzZG4ubmV0_size_16_color_FFFFFF_t_70_pic_center 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9seXktMDIxNy5ibG9nLmNzZG4ubmV0_size_16_color_FFFFFF_t_70_pic_center]: /images/20220313/d618c315d5dc42c7bc7b29cb11655905.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9seXktMDIxNy5ibG9nLmNzZG4ubmV0_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20220313/503b3a29a7c8480ba31e8ac39bbb67e1.png