前端开发核心知识进阶

前端开发核心知识进阶

LucasHC(侯策) · 资深前端工程师

2963人已买
详情
目录(51)

专栏亮点

  • 展示解决碎片化问题的最佳实践:前端是最贴近用户的战线,背后是无尽的碎片化场景;除了剖析理论,我们更加注重经验指导和最佳实践,让你不再感到迷茫

  • 穿插大量经典面试例题:涵盖 BAT 面试官的「私房题」和「经典题」,以及业界热点讨论的「开放题」

  • 构建更真实的开发场景:通过大量代码设计模式、函数式、源码分析、组件设计和封装、开源库解读、项目代码组织等内容,手把手带领大家查阅 issue、changelog,直击实践中的高频痛点

  • 带你征服前端大航海时代:重视语言基础和底层原理,同时介绍更先进的开发技术,从服务端渲染、HTTP 3.0、到构建 monorepo 项目,再到框架演进和虚拟 DOM

如何突破前端工程师的瓶颈?

前端技术发展备受瞩目,前端工程师变得越发重要的背后是相关技术的不断扩张和更新换代。

  • 我该如何避免相似的工作做三年,而不是具备了三年的工作经验?
  • 我该如何从繁杂而千篇一律的业务需求中提炼技术点并总结提高?
  • 我该如何为团队带来更大的价值,体现经验能力?

我们前端工程师比以往任何时候都更需要主动学习。但目前网络上的学习资料往往存在以下两个问题:

  • 过于碎片化,这类知识某种程度上只能成为缓解焦虑的精神鸦片
  • 追求短平快,大牛经验、快速搞定“面经题目”,渐渐演变成为跳槽加薪的兴奋剂

本专栏作者侯策通过将自己在海外和 BAT 服务多年积累的经验提炼整理,同时把长时间以来收藏的 「干货」系统性输出,来打造一个不仅详述「知识」,更能让学习者掌握编程「智慧」的专栏。

打铁还需自身硬

优化人员结构(裁员)的新闻层出不穷。但高级前端工程师的招聘需求却逆流而上,具备高水平和经验的开发者无论在任何时候都备受追捧。

为了真正帮助大家突破瓶颈,让读者感到「物有所值」。作者在专栏中穿插了大量经典面试例题,其中既包括作者作为 BAT 面试官的「私房题」,又涵盖作者作为面试者遇见的「经典题」,以及业界前辈讨论过的「开放题」。

从开发菜鸟到资深工程师,除了主观能动性以外,成长过程中的一大瓶颈在于「不是每个人都能有机会接触到好项目」。这里的「好项目」是指类似项目重构、类库迁移、复杂应用设计、疑难 bug 定位等对开发者基础和设计能力有高要求的项目。

在本专栏中,作者插入了大量代码设计模式、函数式、源码分析、组件设计和封装、开源库解读、项目代码组织等内容,还会手把手带领大家查阅 issue、changelog,从社区中汲取精华。构建更为真实的开发场景,直击实践中的高频痛点。

专栏简介 —— 8 部分 36 个主题 50 篇

  • 第一部分:JavaScript 基础强化(第 2~7 篇)

    第二部分:JavaScript 语言进阶(第 8~13 篇)

    第三部分:不可忽视的 HTML 和 CSS(第 14~16 篇)

    其中前三部分介绍 JavaScript、 HTML、CSS ,对于一些热点、重点话题,比如“this 指向”、“闭包、作用域、执行上下文”,以及一些高频考察点进行了深入分析;对面向对象、原型与原型链、异步这些内容进行强化,从实现的角度,结合具体实例分析 Promise;结合 ES Next,从 ES 的发展来看语言的演进。

  • 第四部分:前端框架(第 17~23 篇)

    接下来进入了前端框架部分,我们以 React 为主,分析框架对前端到底意味着什么,以及我们应该如何学习 React。事实上,对 React 的学习,不能只停留在“会用”的层面,其设计原理和思想演进,对于培养编程思维非常有益,也有利于学习者能从更高的角度看待问题。

  • 第五部分:前端工程化(第 24~31 篇)

    资深程序员永远逃不开的工作之一就是“基础构建”、“项目架构”。前端工程化部分我们从代码组织谈起,从规范实施谈起,结合 webpack、Lerna 等工具,为大家还原一个真实的“基建”场景,共同探索学习。

  • 第六部分:性能优化(第 32~37 篇)

    性能优化是理论和实践相结合的重要话题。

    我们需要大量理论知识:明白缓存策略,了解浏览器渲染特点,清楚 JavaScript 异步单线程对性能意味着什么,还要了解网络传输知识,等等。我们也需要大量实践经验:用得了 Chrome Devtool 分析火焰图,跑得出准确的 benchmark,知道防抖和节流的区别,懂得资源合并、拆分的利弊,了解业界最新性能优化方案,等等。

    这一部分,我们除了介绍重要大量知识点外,也会结合代码/项目实例来展开。

  • 第七部分:编程思维和算法(第 38~45 篇)

    前端开发离不开编程基础,培养良好的编程思维,了解基本的算法知识,是每一个工程师所必须具备的。在这一部分,我们用 JavaScript 来描述多种设计模式,设计模式并不是纸上谈兵,实实在在地存在于我们的业务代码当中;手把手带大家用 JavaScript 处理各种数据,说到底前端还是处理数据,展示 UI;当然更少不了对一些常见算法的强化。

  • 第八部分:网络知识(第 46~50 篇)

    作为一名前端开发者,不了解互联网传输的奥秘,不清楚网络细节是难以进阶的。网络知识关联着性能优化、前后端协作等核心环节,因此这一部分我们将重点强化网络基础。

  • 结束语:软技巧

    学习进步离不开社区的力量,“授人予鱼不如授人予渔”。在专栏的最后,我会讲述我的学习方法:如何投身到社区当中,与广大开发者一起讨论;如何阅读前人的经典思想,站在巨人的肩上看得更远;如何解读开源库,从中汲取养分;如何在面试和述职当中,正确地表达汇报……

avatar

适宜人群

  • 初中级前端开发者

  • 渴望了解前端知识整体脉络的开发者

  • 渴望掌握大厂面试题的前端面试者

订阅须知

  • 本专栏为图文内容,共计 51 篇。
  • 本专栏为虚拟产品,一经付费概不退款,敬请谅解。
  • 本专栏可在 GitChat 服务号、App 及网页端 gitbook.cn 上购买,一端购买,多端阅读。

订阅福利

  • 订购本专栏可获得专属海报(在 GitChat 服务号领取),分享专属海报每成功邀请一位好友购买,即可获得 25% 的返现奖励,多邀多得,上不封顶,立即提现。
  • 提现流程:在 GitChat 服务号中点击「我-我的邀请-提现」。
  • 订阅本专栏后,服务号会自动弹出入群二维码和暗号。如果你没有收到那就先关注微信服务号「GitChat」,或者加我们的小助手「Linmicc」咨询。(入群方式可查看第 4 篇文末说明)。

购买须知

  • 本课程内容版权归北京码字科技发展有限公司独家所有,未经授权,不得转载。
  • 本课程为虚拟产品,一经付费概不退款,敬请谅解。
  • 添加 GitChat 助教俏俏(微信 ID: gitchat2025),加入免费技术交流群。
× 订阅 Java 精选频道
¥ 元/月
订阅即可免费阅读所有精选内容