通過這10個項目想法成為2020年的前端大師

這篇更新的文章擴展了以前的開發帖子，擁抱了Indieweb Spirit。受西蒙·霍爾托夫（Simon Holdorf）對前端技能增強的出色建議的啟發，該列表提供了一種更全面的方法。儘管JavaScript框架很有價值，但真正的精通在於以用戶為中心的開發，優先考慮性能和可訪問性。

西蒙的以框架為中心的想法（React Movie Search，Vue Chat應用，Angular Weather App，Svelte待辦事項應用程序）是一個很好的起點，但讓我們探索更廣泛的視野：

以下是一些替代項目的想法，可以提高您的前端技能：

• 重新創建運輸設計：選擇視覺上吸引人的運輸設計，並僅使用HTML和CSS精心重建它，以強調清潔代碼和可訪問性最佳實踐。
• 組件抽象：確定代碼庫中可重複使用的組件，並重構以有效的重複使用，考慮了使整個網站受益的可訪問性改進。專注於增強您的SVG圖標組件。
• 靜態站點生成器探索：嘗試靜態站點生成器，最好是一個具有最小JavaScript依賴的靜態站點生成器，以擴大您的體驗。探索不同的數據源和計劃構建的可能性。
• 可訪問性審核和改進：利用DevTools中的AX可訪問性插件來審核您管理的重要站點。實施建議的改進以增強其可及性。
• 基於分形的基於組件的開發：設置分形，以了解HTML和CSS級別的基於組件的前端開發。
• 製作功能形式：使用HTML和CSS設計一種美學上令人愉悅的功能形式（例如，自由鉛捕獲形式），逐步合併了JavaScript通過輕量級服務進行驗證和後端集成。
• 無服務器功能集成：了解無服務器功能以及它們如何增強您的前端功能。
• SVG圖標系統實現：為您的項目開發強大的SVG圖標系統。探索有效的實施策略，考慮在工作流程和框架內的內在和抽象。
• 服務工作者實施：潛入服務工作者。從一個小型項目開始，探索相關框架，然後考慮閱讀有關該主題的專用資源。
• 極簡主義網站挑戰賽：設計一個裸露的網站（公司名稱，地址，小時），具有最小的代碼和技術債務，專注於效率和實用性。

這些項目將幫助您發展一個全面的技能，超越了框架的能力到真正的前端精通。

以上是通過這10個項目想法成為2020年的前端大師的詳細內容。更多資訊請關注PHP中文網其他相關文章！