5 個更大膽的開發人員培訓計畫(Layer、Squoosh、計算器、網站爬蟲、音樂播放器)

5 個更大膽的開發人員培訓計畫(Layer、Squoosh、計算器、網站爬蟲、音樂播放器)

我們繼續進行一系列的培訓計畫。

5 個更大膽的開發人員培訓計畫(Layer、Squoosh、計算器、網站爬蟲、音樂播放器)

www.reddit.com/r/layer

Layer 是一個社區,每個人都可以在共享「板」上繪製像素。 最初的想法誕生於 Reddit。 r/Layer 社群是共享創造力的隱喻,每個人都可以成為創造者並為共同的事業做出貢獻。

創建自己的 Layer 專案時您將學到什麼:

  • JavaScript 畫佈如何運作 了解如何操作畫布是許多應用程式中的關鍵技能。
  • 如何協調使用者權限。 每個使用者每 15 分鐘可以繪製一個像素,無需登入。
  • 建立 cookie 會話。

Squoosh

5 個更大膽的開發人員培訓計畫(Layer、Squoosh、計算器、網站爬蟲、音樂播放器)
斯庫什應用程式

Squoosh 是一款具有許多進階選項的影像壓縮應用程式。

動圖 20 MB5 個更大膽的開發人員培訓計畫(Layer、Squoosh、計算器、網站爬蟲、音樂播放器)

透過創建您自己的 Squoosh 版本,您將學到:

  • 如何使用影像尺寸
  • 了解 Drag'n'Drop API 的基礎知識
  • 了解 API 和事件偵聽器的工作原理
  • 如何上傳和匯出文件

注: 影像壓縮器是本地的。 無需向伺服器發送額外的資料。 您可以在家中使用壓縮機,也可以在伺服器上使用它,這取決於您的選擇。

計算器

快點? 嚴重地? 計算機? 是的,確切地說,是計算器。 了解數學運算的基礎知識以及它們如何協同工作是簡化應用程式的關鍵技能。 遲早你將不得不處理數字,而且越早越好。

5 個更大膽的開發人員培訓計畫(Layer、Squoosh、計算器、網站爬蟲、音樂播放器)
jarodburchill.github.io/CalculatorReactApp

透過創建自己的計算器,您將學習:

  • 處理數字和數學運算
  • 使用事件偵聽器 API 進行練習
  • 如何排列元素,了解風格

爬蟲(搜尋引擎)

每個人都使用過搜尋引擎,那麼為什麼不創建自己的呢? 需要爬蟲來搜尋資訊。 每個人每天都使用它們,對這項技術和專家的需求只會隨著時間的推移而增長。

5 個更大膽的開發人員培訓計畫(Layer、Squoosh、計算器、網站爬蟲、音樂播放器)
谷歌搜尋引擎

透過創建自己的搜尋引擎您將學到什麼:

  • 爬蟲如何運作
  • 如何對網站進行索引以及如何按評級和聲譽對網站進行排名
  • 如何在資料庫中儲存索引網站以及如何使用資料庫

音樂播放器(Spotify、Apple Music)

每個人都聽音樂——它是我們生活中不可或缺的一部分。 讓我們創建一個音樂播放器,以便更好地了解現代音樂串流平台的基本機制是如何運作的。

5 個更大膽的開發人員培訓計畫(Layer、Squoosh、計算器、網站爬蟲、音樂播放器)
Spotify

透過創建自己的音樂串流平台,您將學到什麼:

  • 如何使用 API。 使用 Spotify 或 Apple Music 的 API
  • 如何播放、暫停或快退到下一個/上一個曲目
  • 如何改變音量
  • 如何管理使用者路由和瀏覽器歷史記錄

聚苯乙烯

您建議自己「複製」哪些項目來提升您的技能?

來源: www.habr.com

添加評論