8個教育項目

“大師犯的錯誤比初學者嘗試的還多”

我們提供 8 個項目選項，可以「為了好玩」來完成這些項目，以獲得真正的開發經驗。

項目 1. Trello 克隆

來自 Indrek Lasn 的 Trello 克隆。

你將學到什麼：

• 請求處理路由的組織（Routing）。
• 拖放。
• 如何建立新物件（板、列表、卡片）。
• 處理和檢查輸入資料。
• 從客戶端：如何使用本機儲存、如何將資料儲存到本機儲存、如何從本機儲存讀取資料。
• 從伺服器端：如何使用資料庫、如何在資料庫中保存資料、如何從資料庫讀取資料。

這是存儲庫的範例，用 React+Redux 製作。

專案2.管理面板

Github 儲存庫。

一個簡單的 CRUD 應用程序，非常適合學習基礎知識。 讓我們來學習：

• 建立使用者、管理用戶。
• 與資料庫互動－建立、讀取、編輯、刪除使用者。
• 驗證輸入並使用表單。

項目 3. 加密貨幣追蹤器（原生行動應用程式）

Github 儲存庫。

任何東西：Swift、Objective-C、React Native、Java、Kotlin。

來學習：

• 本機應用程式如何運作。
• 如何從 API 檢索資料。
• 本機頁面佈局如何運作。
• 如何使用移動模擬器。

試試這個API。 如果您發現更好的東西，請寫在評論中。

如果你有興趣，這裡是 這是一個教程.

項目 4. 從頭開始設定您自己的 webpack 配置

從技術上講，這不是一個應用程序，但從內部了解 webpack 的工作原理是一項非常有用的任務。 現在它不再是一個“黑盒子”，而是可以理解的工具。

要求：

• 將 es7 編譯為 es5（基礎）。
• 將 jsx 編譯為 js - 或 - .vue 編譯為 .js （你必須學習載入器）
• 設定 webpack 開發伺服器和熱模組重載。 （vue-cli 和 create-react-app 都使用）
• 使用 Heroku、now.sh 或 Github，學習如何部署 webpack 專案。
• 設定您最喜歡的預處理器來編譯 css - scss、less、stylus。
• 了解如何透過 webpack 使用圖片和 svgs。

對於完全的初學者來說，這是一個很棒的資源。

項目 5. Hackernews 克隆

每個絕地武士都必須製作自己的駭客新聞。

在此過程中您將學到什麼：

• 如何與 hackernews API 互動。
• 如何建立單頁應用程式。
• 如何實現查看評論、個人評論、個人資料等功能。
• 請求處理路由的組織（Routing）。

項目 6. Tudushechka

TodoMVC。

嚴重地？ 圖杜什卡？ 有數千個。 但請相信我，這種受歡迎是有原因的。
Tudu 應用程式是確保您了解基礎知識的好方法。 嘗試用普通 Javascript 編寫一個應用程序，並用您最喜歡的框架編寫一個應用程式。

學習：

• 建立新任務。
• 檢查欄位是否已填寫。
• 過濾任務（已完成、活動、全部）。 使用 filter и reduce.
• 了解 JavaScript 的基礎知識。

項目 7. 可排序的拖放列表

Github 儲存庫。

非常有助於理解 拖放 API.

讓我們來學習：

• 拖放API
• 創建豐富的 UI

項目 8. Messenger 克隆（本機應用程式）

您將了解 Web 應用程式和本機應用程式的工作原理，這將使您從灰色人群中脫穎而出。

我們將研究什麼：

• Web 套接字（即時訊息）
• 本機應用程式如何運作。
• 模板如何在本機應用程式中運作。
• 在本機應用程式中組織請求處理路由。

這足夠你用一兩個月了。

翻譯是在公司的支持下進行的 愛迪生軟體誰是專業人士 使用 PHP 開發應用程式和網站 對於大客戶，以及 使用 Java 開發雲端服務和行動應用程式.

來源： www.habr.com