可能是全网首个前端源码共读活动,诚邀加入学习

大家好,我是若川。从8月份到现在11月结束了。每周一期,一起读200行左右的源码,撰写辅助文章,截止到现在整整4个月了。

由写有《学习源码整体架构系列》20余篇的若川【若川视野公众号号主】倾力组织,召集了各大厂对于源码感兴趣的同学共同参与,每周一起学200行左右的源码。目前近3000人参与。

为了能帮助到更多对源码感兴趣、想学会看源码、提升自己前端技术能力的同学。

这事也不赚钱,但也算是尽全力了,花费了很多时间在上面。当然现在还有很多问题:比如参与度不高,需要持续迭代优化。虽然很难,但目前没有放弃的想法,坚持做难且正确的事情

加我微信 ruochuan12 ,发送源码即可参与学习。

2486de2fa335a74619d0e160e4aace5c.png

1从易到难推荐学习顺序

为了降低难度,促进大家学习。由10组组长倾力从易到难重新整理学习顺序。

基本和技术栈不是强相关,主要是原生JS和Nodejs。

推荐大家按顺序循序渐进学习,查漏补缺,夯实基础。提高阅读源码的能力,提升前端技术能力。对于不熟悉调试的同学可以看我的这篇文章:新手向:前端程序员必学基本技能——调试JS代码

  1. 第2期【@vuejs/shared】: https://www.yuque.com/ruochuan12/notice/p2

  2. 第14期【promisify】: https://www.yuque.com/ruochuan12/notice/p14

  3. 第16期【only-allow】: https://www.yuque.com/ruochuan12/notice/p16

  4. 第7期【validate-npm-package-name】: https://www.yuque.com/ruochuan12/notice/p7

  5. 第6期【update-notifier】: https://www.yuque.com/ruochuan12/notice/p6

  6. 第8期【mitt、tiny-emitter】: https://www.yuque.com/ruochuan12/notice/p8

  7. 第10期【configstore】: https://www.yuque.com/ruochuan12/notice/p10

  8. 第11期【vue-dev-server】: https://www.yuque.com/ruochuan12/notice/p11

  9. 第9期【create-vue】: https://www.yuque.com/ruochuan12/notice/p9

  10. 第12期【@antfu/ni】: https://www.yuque.com/ruochuan12/notice/p12

  11. 第1期【vue-devtools】: https://www.yuque.com/ruochuan12/notice/p1

2流程图一览

简单说就是四步:

  1. 选择其中一期开始,看任务。

  2. 看辅助文章、看源码。

  1. 微信群交流讨论,写笔记,写总结、收获。

  2. 语雀讨论区提交笔记。

9a3466abb313420ebb8edf875c4e0fcc.png

3读者评价

简单选择了三个笔记中的感想。

评价一

川哥组织的这个活动,给我最大的影响就是我对待源码的态度发生了转变。以前源码给我的感觉是“可远观而不可亵玩焉”,但是其实只要你认真读过一期,源码就会变成良师益友。你可以坐下来倾听他的思想,并从中受益良多,甚至可以和他交流,提出自己的想法,直至参与共建让源码更好。

评价二

川哥举办的源码调试给我带来了什么?

  1. 开始尝试写笔记
    a. 源码我都懂,让我说出来或者写出来,蒙了

  2. 更注重细节
    a. 以前看源码就囫囵吞枣的过一遍

  3. 更注重应用场景
    a. 以前:原来这个方法是这样实现的啊
    b. 现在:看下测试用例,都是怎么使用的,某个判断是为了解决什么问题
    总之
    是一个老手,那么现在川哥给了你一个交流的平台,去温故而知新。
    是一个新手,千里之行始于足下,有群里川哥和大佬们的帮助,勇敢迈出第一步。
    写笔记真是一个令人头疼的东西。

评价三

我最近看了几篇,川哥选的库都很精妙啊,老手可以梳理体系,新手可以了解现代工程化,进阶架构师必经之路啊。
特别是这几篇 create-vue、koa-compose、co、vue-dev-server,我都是熬夜看的,太起劲了

4常见问题

Q: 我工作年限比较短,能参与活动吗?会比较吃力吗?
A: 可以。23届(目前大三)的小姐姐都写了5次笔记。一般推荐先读第二期,工具函数,相对不难,有问题可以交流讨论。

Q: 我目前不会vue、不会vue3、不会react、不会Node.js 可以参与吗?
A: 可以。跟技术栈不是强相关,主要是原生JS和Node.js。Node.js 基本是每个前端必学,可以边学边查。

Q: 我现在比较忙,一时没时间参与,交笔记有时间限制吗?
A: 目前没有限制。

Q: 必须交笔记吗?
A: 目前不是必须,但我推荐看完了一期,记笔记。写上当时的收获、总结和感受。

Q: 活动收费吗?有惩罚吗?
A: 目前不收费。目前没有惩罚,后续可能要求每人进群后半个月内至少提交第一次笔记

本文持续更新。

5点击阅读原文查看

公众号文章无法更新,点击阅读原文,本文持续更新

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/275133.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

现代游戏中的UX趋势

ux设计中的各种地图游戏UX (GAMES UX) Even though websites and games have matured side-by-side over the past few decades, games have a long and detailed history of user experience. Sure, it was scrappy and fairly rudimentary initially, but the only way you c…

你提交代码前没有校验?巧用gitHooks解决

大家好,我是若川。最近组织了源码共读活动,感兴趣的可以加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。已进行四个月了,很多小伙伴表示收获颇丰。想学源码,极力推荐订阅我写的《学习…

Linux下自动化测试环境的搭建

1.安装Linux虚拟机,详情参考 https://blog.csdn.net/qq_22770715/article/details/78558374 https://www.cnblogs.com/Q277227/p/8176564.html 1.1 需要确定IP ,使用 ifconfig 1.2 linux的用户名跟密码; 1.3 确定可以远程ssh登录&…

code craft_以Craft.io为先—关于我们行业的实践职业道路的系列

code craft重点 (Top highlight)For the past two decades, digital product design / UX has been shifting to become a more strategic discipline within organizations. Partially because business leaders have started to pay attention to how design-driven companie…

Nginx+httpd反代实现动静分离

什么是动静分离为了提高网站的响应速度,减轻程序服务器(apachephp,nginxphp等)的负载,对于静态资源比如图片,js,css,html等静态文件,我们可以在反向代理服务器中设置&…

(建议收藏)前端面试必问的十六条HTTP网络知识体系

大家好,我是若川。最近组织了源码共读活动,感兴趣的可以加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。已进行四个月了,很多小伙伴表示收获颇丰。想学源码,极力推荐订阅我写的《学习…

多边形的时针方向与法线方向

从相反的法线方向观察,顺时针还是逆时针是相反的。 多边形的时针方向与法线方向的关系呈右手法则关系。 GoogleEarth中的面具有时针方向,法线方向为正向,反之为负向 GoogleEarth的垂面在法线方向为亮色,反向为暗色 GoogleEarth的水…

裂墙推荐!再也不用求后端给接口了...

大家好,我是若川。今天咱们来介绍一款强大的云服务平台!MemFire Cloud注册即享5GB存储空间、每月100万读额度和每月10万写额度。平台入口:https://memfiredb.com/今天(12月10号)还有限时的送书活动!感兴趣的…

1.今日标签:视频价值一千字

I love the App Store. It looks and works better than ever. But also, I love tricky design challenges. How do you improve something that already works great?我喜欢App Store。 它的外观和工作比以往更好。 但是我也很棘手 设计挑战。 您如何改善已经很好的工作&a…

蚂蚁金服疯了吗?大动作,非裁员,年底全员涨薪又涨假期!!!

大家好,我是若川。最近组织了源码共读活动,感兴趣的可以点此加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。以下分享一篇水文&#…

书呆子rico_寻找设计和类型书呆子的清道夫

书呆子ricoI studied graphic design at an art school where typography was a core focus. I took 3 levels of typography classes and nearly lost my mind! But even before I studied type, I had a soft spot for signage. It’s one of the themes I enjoy shooting mo…

WebStorm 和 VsCode 的结合体来了!

大家好,我是若川。最近组织了源码共读活动,感兴趣的可以点此加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。周末分享下简单的文章~每…

设计的概念以及含义_什么是设计概念? 以及为什么您应该始终从一个开始

设计的概念以及含义We work on designs almost every day, and we use different design methods to make the design usable, aesthetically appealing, and likable. But, many times, those well-crafted designs fail to reach a level to become market differentiator or…

netflix 工作原理_Netflix如何在屏幕后面工作?

netflix 工作原理Netflix has reported to have over 182 million subscribers worldwide in the first quarter of 2020 (Of course, these numbers don’t include freeloaders like me, who’s family or friends have been generous enough to share their account and pas…

B/S开发中浏览器的工具利器

B/S系统的前端浏览器性能和标准兼容方面是开发中的一个重要问题,把IE中使用的各种工具整理一下,对于开发中标准、规范检查等起到一个作用 主要是三个主流的浏览器和相关的插件 FireFox Firefox-latest.exe firebug-1.7.3-fx.xpi yslow-3.0.3-fx.xpi 安装…

你需要的git命令大全来了

大家好,我是若川。最近组织了源码共读活动,感兴趣的可以点此加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。虽然你可能用图形化工具…

uitest_您在Swift中的第一个UITest

uitest测试中 (TESTING) 什么是自动UITest? (What Is Automated UITest?) When we speak about testing, we usually think about unit testing. However, there is another kind of test that is extremely powerful and useful in the app world: UITests.当谈到…

UltraGrid中实现下拉Grid(UltraDropDown)

昨天提到了如何在Grid的Cell中下拉列表框,今天将演示如何在Grid的Cell中实现下拉Grid,这也是UltraGrid提供的一个很好的特性。 1. 拖放一个Grid到Form中,添加一些Band Column,然后设置Team栏位为DropDown或DropDownLis…

Vue团队核心成员开发的39行小工具 install-pkg 安装包,值得一学!

1. 前言大家好,我是若川。最近组织了源码共读活动,感兴趣的可以点此加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。本文仓库 https:…

人脸识别及对比_没有“色彩对比可及性的神话”

人脸识别及对比重点 (Top highlight)When you need to work on interfaces, color contrast is a real thing you have to take into account to make it accessible. You have the right to be afraid of losing part of the aesthetics of your beautifully well-designed in…