重学前端

简介

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

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

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

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

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

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

专栏分为4大模块。

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

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

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

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

部分预览

课程目录

开篇词+学习路线+架构图 (3讲)

开篇词 | 从今天起，重新理解前端

明确你的前端学习路线与方法

列一份前端知识架构图

模块一：JavaScript (15讲)

JavaScript类型：关于类型，有哪些你不知道的细节？

JavaScript对象：面向对象还是基于对象？

JavaScript对象：我们真的需要模拟类吗？

JavaScript对象：你知道全部的对象分类吗？

JavaScript执行（一）：Promise里的代码为什么比setTimeout先执行？

JavaScript执行（二）：闭包和执行上下文到底是怎么回事？

JavaScript执行（三）：你知道现在有多少种函数吗？

JavaScript执行（四）：try里面放return，finally还会执行吗？

JavaScript词法：为什么12.toString会报错？

（小实验）理解编译原理：一个四则运算的解释器

JavaScript语法（预备篇）：到底要不要写分号呢？

JavaScript语法（一）：在script标签写export为什么会抛错？

JavaScript语法（二）：你知道哪些JavaScript语句？

JavaScript语法（三）：什么是表达式语句？

JavaScript语法（四）：新加入的**运算符，哪里有些不一样呢？

模块二：HTML和CSS (16讲)

HTML语义：div和span不是够用了吗？

HTML语义：如何运用语义类标签来呈现Wiki网页？

CSS语法：除了属性和选择器，你还需要知道这些带@的规则

HTML元信息类标签：你知道head里一共能写哪几种标签吗？

CSS 选择器：如何选中svg里的a元素？

CSS选择器：伪元素是怎么回事儿？

HTML链接：除了a标签，还有哪些标签叫链接？

CSS排版：从毕升开始，我们就开始用正常流了

HTML替换型元素：为什么link一个CSS要用href，而引入js要用src呢？

HTML小实验：用代码分析HTML标准

CSS Flex排版：为什么垂直居中这么难？

CSS动画与交互：为什么动画要用贝塞尔曲线这么奇怪的东西？

HTML语言：DTD到底是什么？

CSS渲染：CSS是如何绘制颜色的？

CSS小实验：动手做，用代码挖掘CSS属性

HTML·ARIA：可访问性是只给盲人用的特性么？

模块三：浏览器实现原理与API (9讲)

浏览器：一个浏览器是如何工作的？（阶段一）

浏览器：一个浏览器是如何工作的？（阶段二）

浏览器：一个浏览器是如何工作的（阶段三）

浏览器：一个浏览器是如何工作的？（阶段四）

浏览器：一个浏览器是如何工作的？（阶段五）

浏览器DOM：你知道HTML的节点有哪几种吗？

浏览器CSSOM：如何获取一个元素的准确位置

浏览器事件：为什么会有捕获过程和冒泡过程？

浏览器API（小实验）：动手整理全部API

模块四：前端综合应用 (5讲)

性能：前端的性能到底对业务数据有多大的影响？

工具链：什么样的工具链才能提升团队效率？

持续集成：几十个前端一起工作，如何保证工作质量？

搭建系统：大量的低价值需求应该如何应对？

前端架构：前端架构有哪些核心问题？

特别加餐 (10讲)

新年彩蛋 | 2019，有哪些前端技术值得关注？

用户故事 | 那些你与“重学前端”的不解之缘

期中答疑 | name(){}与name: function() {}，两种写法有什么区别吗？

答疑加餐 | 学了这么多前端的“小众”知识，到底对我有什么帮助？

加餐 | 前端与图形学

加餐 | 前端交互基础设施的建设

期末答疑（一）：前端代码单元测试怎么做？

期末答疑（二）：前端架构中，每个逻辑页面如何可以做到独立发布呢？

加餐 | 一个前端工程师到底需要掌握哪些技能？

免费学习 | 手把手带你实现一个极简的 React 框架

尾声 (1讲)

尾声 | 长风破浪会有时，直挂云帆济沧海

温馨提示

1.如遇百度网盘下载链接失效，请联系站长微信xxdog1为您补发。

2.本站可免登陆购买，此购买方式请务必将资源转存至自己网盘中。

3.建议登录网站后购买，随时可查看百度网盘分享链接及密码。