前端工程实战课程-每天10分钟,重构你的前端知识体系

前端工程实战课程-每天10分钟,重构你的前端知识体系

 

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

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

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

资源目录

开篇词+学习路线+架构图 (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讲)

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

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。

最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可在对应资源底部留言,或联络我们。

对于会员专享、整站源码、程序插件、网站模板、网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。

如果您已经成功付款但是网站没有弹出成功提示,请联系站长提供付款信息为您处理

源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源