都快 2022 年了,這些 Github 使用技巧你都會了嗎?

大家好,我是若川。最近組織了源碼共讀活動,感興趣的可以點此加我微信 ruochuan12?參與,每周大家一起學習200行左右的源碼,共同進步。同時極力推薦訂閱我寫的《學習源碼整體架構系列》?包含20余篇源碼文章。

最近經常有小伙伴問我如何根據最新的技術進展,讓自己學的東西不過時,了解到這些需求我也特別的感慨,其實在計算機這個領域,尤其是皮湯所在的前端,更是日新月異,所以這個問題還需要細細道來。

養成良好習慣

感覺跟不上技術的進展,本質上還是離前沿太遠,可能是因為業務繁忙,有可能是因為找不到路子,但歸根到底可能是因為沒有養成良好的習慣。

給自己每天 15-30 分鐘的 “擴展視野時間”,這個時間最好在早上。這個時間段你可以去訪問 Github Trending 榜單,查看自己所在領域的技術進展:https://github.com/explore

035bdbe36a352c9e40c2796bda033931.png

可以說 Github Trending 是一個類似今日頭條的 Feed 流,你平時逛 Github 越多,關注的感興趣的人越多,Star 的項目越多,你會發現這條 Feed 流會越智能,一旦你所在的領域有新鮮的技術項目出來,那么你只要刷一下這個 Feed 流,立馬能夠掌握到最新的前沿技術進展。

為什么讓你刷 Trending 流,其實還有個原因就是,它不像抖音、今日頭條,是一個無限的黑洞,而是有限的,在一個時間段內,它只會有幾十條存在,而且可能絕大部分還一樣,這樣一個你可以快速的了解最新的事情,再一個不會因為 “日新月異” 而感到焦慮。

注意,Trending 流是有限的。

8461ef5411ed93a6a1cabf78044f1339.png

經營自己的 “技術關系”

你喜歡 CSS 嗎?CSS 領域最前沿的技術進展當屬 TailwindCSS 這類 “實用類優先” 的 CSS 框架了,那我可以做些什么來跟進它的技術進展呢?

第一步:Star 這個項目。

5e0ddfd553c34c6092bb4c9964410609.png

第二步:找到這個倉庫的貢獻者的前幾名,關注他們!

2b1b05c5602035e244484c0777734e86.png604d89ad6afc59d321f4718ce628bb30.png

可以看看大佬們是如何努力工作的,Github 幾乎全綠!🌚

當你關注他們之后,之后你已進入 Github 就可以在你自己的關注 Feed 流里面了解到這些人最近的動態,比如 Star 了哪些項目?Follow 了那些人?發布了那些包更新?久而久之,當你關注的人越來越多,你的個人關注 Feed 流就成為了你每天獲取新技術信息的來源,站在這些 “巨人” 的肩膀上,獲取高效的信息!

fe7d9861c3074269b590d0702e612100.png

再近一步,找到樂趣

這些大牛可能還會參與一些其他的項目,或者加入或創建了一些其他的 Github 組織,嘗試順著這些項目、組織,進行二次探索,繼續 Star 更多的項目、Follow 更多的人,然后慢慢找到自己的興趣點,并以此興趣點為基礎,在某 1 個開源項目駐足下來,嘗試為其進行貢獻,如改個文檔的拼寫問題,幫助翻譯,或者開始嘗試看源碼,修復一些 BUG 或者提交一些代碼貢獻。

比如 Node.js 大牛蘇千:

0a3138c78e1e22081f864ace3a0c86bf.png

當你花了足夠長的時間在這個上面之后,你會發現突然某一天,你的提交被某個大牛合并進了倉庫,你成為了某知名開源項目的 Contributor !🎉 這個幸福感是不言而喻的。

比如給 Vite 提交一些極小的改進:https://github.com/vitejs/vite/pull/6083/files

8f9874b7cd2800651663d7dbb1f9727c.png

開始耕耘自己的領地

如果你能堅持經歷上面幾個階段,那么你現在可能 Follow 了很多 “技術明星”,Star 了很多感興趣的項目,你的個人關注 Feed 流已經有了很多內容,同時也養成了良好的關注 Github Trending 榜單的習慣。更近一步,你可能通過一些很 “Hack” 的技巧成為了一些知名開源項目的 Contributor,當然我承認這需要一些耐心,并且你可能還需要一些機遇,但是當你長期 Focus 在 1 個或幾個項目上時,這些機遇無疑會被放大,你已經在技術社區里面有了一點原始的積累了。

83c89d76cc432a455111cc5392b905eb.png

接下來你可以嘗試去開拓自己的內容,嘗試提交自己平時的項目代碼在 Github 上,讓自己的榜單開始 “綠” 起來。

至少先達到如下的地步:

7e884378a59cce69121bc46f26fa3607.png

然后開始像這樣進軍:

d76f82776265462fb62c77379bbbdc5a.png

你可能會好奇這個 “恐怖” 的人是誰?

好了,不裝了🙅🏻♀?,那就是大神阮一峰:https://github.com/ruanyf

c72643966a45964c03e13f5a4ca7e3c2.png

當然如果短時間內你并沒有找到你合適的想法去提交自己的 Github,那么你可以去嘗試模仿大多數的 “一個文件” 的貢獻,即整理一個 README.md,將自己平時看 Github Trending 時覺得好的內容記錄下來,系統的分類并整理成一個榜單,隨著你的堅持,你可能能達到如下效果:https://github.com/vuejs/awesome-vue

d145bc39134ce4d662bb33cb735e94cc.png

讓事情再更有趣一點

當你持續在輸出內容之后,一開始你會經歷一個比較艱難的適應期,比如堅持了幾周因為事情太忙就擱置了,所以這個時候你需要找點樂子,讓自己保持新鮮感。

你會發現 Github 已經可以寫好看的自我介紹了:https://github.com/anuraghazra/github-readme-stats

比如這個:

c7f80de9f071fa6f51bdc469d3a56089.png

比如記錄的語言使用情況的:

a8b8fcc338606898c0956eb36b54abb5.png

比如記錄你的 Star、Commits、PR、Issue 情況的:

25971139697fbadba22097a414fb9919.png

把介紹寫成詩句:https://github.com/anuraghazra

7212fa091c1a1c4f63a4a66f72e2c7ee.png

簡化流程,讓點擊更近一步

如果你希望自己能夠時刻被提醒,離打開 Github 更近一點,更頻繁一點,同時又能同時兼顧項目與文章,那么掘金開發者插件會是一個很好的選擇:https://juejin.cn/extension

安裝之后,每次打開一個新的瀏覽器窗口,都會展示插件的網頁:

2130914fe2d4db3a696111f54fd8c1e8.png

你可以看到掘金文章、Github Trending 的內容,還有掘金沸點,極其適合上班摸魚。

c69ca136cec79b34c7e0bf0bf60ec78d.png

推銷你的成果

當你有了酷炫的 Github 個人主頁,有了持續積累的 “README” 式的 Github 倉庫,或者是自己的項目,那么你可以嘗試寫文章介紹自己的倉庫、自己的主頁,推銷自己的 Github 項目或個人名片,以獲取更多的 Star 和 Follower:

b6a385074b4df79aa86367d85cd73dde.pngeadf96a4eb6084ff59d3548cbd65774e.png

比如我之前一值關注的一個老哥,寫了個 React 的狀態管理庫,然后在各平臺推銷:

ef76831420dcb04da1b40b8eeb351901.png

現在已經 1K Star 了:https://github.com/concentjs/concent

3fa930618d9ca765fe950d306548b00b.png

一個堅持且厲害的老哥:

9cca0e73ae4de6caef1f187645a04aea.png

一些額外的渠道

當然 Github 其實不是一個社交網絡,只能基于項目,沒法發布消息,即時性還是不夠的,如果你追求即時性,那么你可以嘗試去關注大佬的 Twitter,訂閱一些技術項目的博客。

比如說尤大的 Twitter:https://twitter.com/youyuxi

fedb061deba1f4f25a0996ccce13a518.pnga8c8177a181f53e09bab2efd1c7d6590.png

或者 Next.js 的博客:https://nextjs.org/blog

d889ef1cae620d4bd1f8103c569986c1.png

回歸初心

其實歸根結底,這整個流程都是希望你能夠養成一個良好的習慣,同時通過一系列 “刺激” 讓你愛上技術探索,并以某個可達到的目標進行努力,如創建一個項目,并推銷它,然后獲得很多 Star 或 Follower。

在這個過程中,你會為了達到某個目標而努力把一個項目的源碼看懂,然后輸出一些見解到技術社區,然后反哺自己去開發一些項目解決當前的問題,如此往復,遵循興趣而非帶著焦慮去前行,相信你能夠在技術探索的道路上走得更遠!💪


c190535f2b34df17730b09c858d2d1d1.gif

·················?若川簡介?·················

你好,我是若川,畢業于江西高校。現在是一名前端開發“工程師”。寫有《學習源碼整體架構系列》20余篇,在知乎、掘金收獲超百萬閱讀。
從2014年起,每年都會寫一篇年度總結,已經寫了7篇,點擊查看年度總結。
同時,最近組織了源碼共讀活動,幫助3000+前端人學會看源碼。公眾號愿景:幫助5年內前端人走向前列。

2fc1043f4fe8851548b53f5d743447b6.png

識別方二維碼加我微信、拉你進源碼共讀

今日話題

略。分享、收藏、點贊、在看我的文章就是對我最大的支持~

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/275086.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/275086.shtml
英文地址,請注明出處:http://en.pswp.cn/news/275086.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

單線程+異步協程

一 . 線程池和進程池 可以適當的使用,在大量的IO情況下有更好的方法 import time from multiprocessing.dummy import Pool def request(url):print(正在下載->,url)time.sleep(2)print(下載完畢->,url) start time.time() urls [www.baidu.com,www.taobao.com,www.sou…

Repeater\DataList\GridView實現分頁,數據編輯與刪除

一、實現效果 1、GridView 2、DataList 3、Repeater 二、代碼 1、可以去Csdn資源下載,包含了Norwind中文示例數據庫噢!(放心下,不要資源分) 下載地址:數據控件示例源碼Norwind中文數據庫 2、我的開發環境&a…

網站快速成型_我的老板對快速成型有什么期望?

網站快速成型Some of the top excuses I have gotten from clients when inviting them into a prototyping session are: “I am not a designer!” “I can’t draw!” “I have no creative background!”在邀請客戶參加原型制作會議時,我從客戶那里得到的一些主…

碎片化學前端,融入到積極上進的環境,我推薦~

眾所周知,關注公眾號可以了解學習掌握技術方向,學習優質好文,落實到自己項目中。還可以結交圈內好友,讓自己融入到積極上進的技術氛圍,促進自己的技術提升。話不多說,推薦這些優質前端公眾號前端之神 80w閱…

重學JavaScript深入理解系列(六)

JavaScript深入理解—-閉包(Closures) 概要 本文將介紹一個在JavaScript經常會拿來討論的話題 —— 閉包(closure)。閉包其實已經是個老生常談的話題了; 有大量文章都介紹過閉包的內容,盡管如此,這里還是要試著從理論角…

EXT.NET復雜布局(四)——系統首頁設計(上)

很久沒有發帖了,很是慚愧,因此給各位使用EXT.NET的朋友獻上一份禮物。 本篇主要講述頁面設計與效果,下篇將講述編碼并提供源碼下載。 系統首頁設計往往是個難點,因為往往要考慮以下因素: 重要通知系統功能菜單快捷操作…

figma設計_在Figma中使用隔片移交設計

figma設計I was quite surprised by how much the design community resonated with the concept of spacers since I published my 自從我發表論文以來,設計界對間隔件的概念產生了多少共鳴,我感到非常驚訝。 last story. It encouraged me to think m…

axios源碼中的10多個工具函數,值得一學~

大家好,我是若川。最近組織了源碼共讀活動,感興趣的可以點此加我微信 ruochuan12 參與,每周大家一起學習200行左右的源碼,共同進步。同時極力推薦訂閱我寫的《學習源碼整體架構系列》 包含20余篇源碼文章。本文來自讀者Ethan01投稿…

安裝jenkins時出現 No such plugin: cloudbees-folder的解決辦法

今天安裝了一下jenkins,在初始化安裝插件時出現“ No such plugin: cloudbees-folder”錯誤,根據網上的教程: 1、打開鏈接“http://ftp.icm.edu.pl/packages/jenkins/plugins/cloudbees-folder/”,在最下面找到并打開“latest”目…

寄充氣娃娃怎么寄_我如何在5小時內寄出新設計作品集

寄充氣娃娃怎么寄Over the Easter break, I challenged myself to set aside an evening rethinking the structure, content and design of my portfolio in Notion with a focus on its 在復活節假期,我挑戰自己,把一個晚上放在一邊,重新思…

基于Hbase的用戶評分協同過濾推薦算法

基于Hbase的用戶評分協同過濾推薦算法 作者: 張保維 2012-1-3 一、 概述 本文為推薦引擎設計的基礎篇,介紹基于hbase 存儲方式用戶評分的方式進行推薦的主體算法及在分布式平臺環境下的實現。由于推薦算法分支眾多,我們先從簡單及實用的算法…

最全 JavaScript Array 方法 詳解

大家好,我是若川。最近組織了源碼共讀活動,感興趣的可以點此加我微信 ruochuan12 參與,每周大家一起學習200行左右的源碼,共同進步。同時極力推薦訂閱我寫的《學習源碼整體架構系列》 包含20余篇源碼文章。我們在日常開發中&#…

[譯] React Hooks: 沒有魔法,只是數組

[譯] React Hooks: 沒有魔法,只是數組 原文鏈接: medium.com/ryardley/r… 我是 React 新特性 Hooks 的粉絲。但是,在你使用 React Hooks的過程中,有一些看上去 很奇怪的限制 。在本文里,對于那些還在為了理解這些限制…

管理溝通中移情的應用_移情在設計中的重要性

管理溝通中移情的應用One of the most important aspects of any great design is the empathetic understanding of and connection to the user. If a design is ‘selfish’, as in when a product designed with the designer in mind and not the user, it will ultimatel…

網易前端進階特訓營,邀你免費入營!一舉解決面試晉升難題!

網易等大廠的前端崗位一直緊缺,特別是資深級。最近一位小哥面進網易,定級P4(資深),總包60W,給大家帶來真實面經要點分享。網易的要求有:1.對性能優化有較好理解,熟悉常用調試工具2.熟…

Feign的構建過程及自定義擴展功能

spring-cloud-openfeign-core-2.1.1.RELEASE.jar 中 HystrixFeign 的詳細構建過程: EnableFeignClients -> FeignClientsRegistrar 掃描 Feign注解的類 -> FeignClientFactoryBean通過Targeter生產FeignClient -> Targeter通過Feign.Builder構建Feign ->…

angelica類似_親愛的當歸(Angelica)是第一個讓我哭泣的VR體驗

angelica類似It was a night just like any other night. I finished work for the day and closed my laptop. I had dinner and after an hour, I put on my Oculus Quest headset in order to begin my VR workout.就像其他任何夜晚一樣, 這 是一個夜晚。 我完成…

面試官:請手寫一個帶取消功能的延遲函數,axios 取消功能的原理是什么

大家好,我是若川。最近組織了源碼共讀活動,感興趣的可以點此加我微信 ruochuan12 參與,每周大家一起學習200行左右的源碼,共同進步。同時極力推薦訂閱我寫的《學習源碼整體架構系列》 包含20余篇源碼文章。本文倉庫 https://githu…

關于base64編碼的原理及實現

我們的圖片大部分都是可以轉換成base64編碼的data:image。 這個在將canvas保存為img的時候尤其有用。雖然除ie外,大部分現代瀏覽器都已經支持原生的基于base64的encode和decode,例如btoa和atob。(將canvas畫布保存成img并強制改變…

Django web開發系列(五)模板

一 前言在上一節了解到視圖函數處理后,會將結果渲染到創建的html頁面,但html如何接收并顯示視圖函數返回的動態數據呢?最常用的做法就是使用模板(Template),本節將簡單介紹一下模板的作用和用法。 可以這樣簡單的理解模板的概念&a…