重学前端-程劭非-极客时间-返现24元

由极客时间出品的《重学前端》由程劭非（winter）所做，程劭非（winter）前手机淘宝前端负责人，每天10分钟，重构你的前端知识体系。

订阅价格：

单独订阅价： ¥99，3人拼团价：¥79

已有28685 人已学习 · 已完结， 本课程为图文+音频课程。可在极客时间APP/小程序/网站上永久观看。

用我的邀请购买，返现24元。购买的朋友请加我微信号 dismissmewp ，备注：返现。

《重学前端》课程背景

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

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

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

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

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

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

《重学前端》讲师介绍

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

《重学前端》模块介绍

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

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

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

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

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

《重学前端》专栏目录

1. 开篇词
2. 明确你的前端学习路线
3. 一起列一份前端知识架构图

模块一• JavaScript

1. 类型：关于类型，有哪些你忽视的细节？
2. 对象：JavaScript是面向对象还是基于对象的？
3. 对象：JavaScript中，我们真的需要模拟类吗？
4. 函数：this有什么用？应该怎么用？
5. 函数：JavaScript里的闭包到底要怎么用？适合用在哪里？
6. 事件循环与微任务：Promise里的代码为什么比setTimeout先执行？
7. 语句：try里面放return, finally还会执行吗？
8. 词法：为什么l.toString会报错？
9. 运算符与表达式：新加入的**运算符，好像有哪里不一样？
10. 语句、程序与模缺：在script标签里写export为什么会抛错？
11. 分号自动补全：到底要不要写分号呢？

模块二• HTML和CSS

HTML：

1. HTML语义：只用div和span是不是就够了？
2. HTML语义：一篇wiki文章究竟会用到哪些语义元素？
3. 文档元信息：你知道head里一共能写哪几种标签吗？
4. 链接：除了a标签，还有标签叫链接？
5. 嵌入型元素：怎么link—个css要用href,而引入js要用src呢？
6. HTML标签：标签总结
7. HTML语言：dtd到底是什么？
8. ARIA:可访问性不止是给盲人用户的特性

CSS：

1. 媒体、分页、视口 ：除了属性和选择器，你还要知道这些带@的规则
2. 选择器：为什么只有子元素选择器，没有父元素选择器
3. 布局正常流：其实从毕升开始，我们就在用正常流了
4. 布局弹性盒：垂直居中为什么这么难？
5. 文本：baseline到底是啥东西？
6. 颜色与形状：CSS是如何绘制颜色与形状的？
7. 动画与交互：为什么动画要用贝塞尔曲线这么奇怪的东西？
8. CSS属性：CSS总结

模块三•浏览器实现原理与API

1. 浏览器的工作原理：你最熟悉的浏览器，是怎么写出来的？（上〉
2. 浏览器的工作原理：你最熟悉的浏览器，是怎么写出来的？（中)
3. 浏览器的工作原理：你最熟悉的浏览器，是怎么写出来的？（下)
4. DOM:如何用JS操作文档？
5. CSSOM:如何获取一个元素的准确位置？
6. 事件：捕获模型和冒泡模型到底是怎么来的？
7. 其它一些API: API总集合

模块四•前端综合应用

1. 1. 性能：前端性能到底对业务数据有多大的影响？
   2. 工具链：什么样的工具链才能提升团队效率？
   3. 持续集成：几十个前端一起工作，怎么样保证基本质量？
   4. 搭建系统：大量的低价值需求如何应对？
   5. 架构与基础库：如何设计基础库？
   6. 答疑文章

我的公众号：猿人学 Python 上会分享更多心得体会，敬请关注。

***版权申明:若没有特殊说明，文章皆是猿人学 yuanrenxue.con 原创，没有猿人学授权，请勿以任何形式转载。***