對(duì)于前端開發(fā)人員的初學(xué)者來說，設(shè)計(jì)項(xiàng)目是比較有難度的，但是別急下面這8個(gè)具有需求和設(shè)計(jì)的項(xiàng)目，作為前端開發(fā)人員的初學(xué)者可以將它們作為產(chǎn)品組合應(yīng)用。這些項(xiàng)目的順序是從簡(jiǎn)單到中級(jí)，即可重復(fù)使用的按鈕、可重復(fù)使用的輸入、Windbnb-Airbnb小型版、Todo Ap、報(bào)價(jià)生成器、國(guó)家測(cè)驗(yàn)、天氣應(yīng)用和求職。

　　1. 可重復(fù)使用的按鈕

開始學(xué)習(xí)React或Vue的一種最佳方法是制作小型組件。通過創(chuàng)建可重復(fù)使用的按鈕，您將了解基本狀態(tài)和最基本的語法。

　　2. 可重復(fù)使用的輸入

使可重用性并不是那么簡(jiǎn)單，尤其是Input組件。您必須警惕不同的狀態(tài)：錯(cuò)誤，焦點(diǎn)，可訪問性，大小等。但是從制作它們中您將學(xué)到很多東西，這對(duì)于學(xué)習(xí)像React這樣的庫(kù)有很大的幫助。

　　3. Windbnb-Airbnb小型版

您將制作Airbnb的小版本。

給定一個(gè)簡(jiǎn)單的JSON文件，您的任務(wù)是創(chuàng)建帶有過濾器功能的列表。您將在React或Vue的前端庫(kù)中學(xué)習(xí)管理狀態(tài)。

　　4. Todo App

每個(gè)人都知道Todo App，但是您嘗試過制作一個(gè)嗎？

您將練習(xí)諸如數(shù)組方法和狀態(tài)管理之類的技能。我認(rèn)為這是開始學(xué)習(xí)圖書館的最佳任務(wù)之一，因?yàn)樗惶щy也不容易。

　　5. 報(bào)價(jià)生成器

前端開發(fā)人員需要知道如何使用API。您將在本項(xiàng)目中練習(xí)使用簡(jiǎn)單API的基本技能。

　　6. 國(guó)家測(cè)驗(yàn)

現(xiàn)在，項(xiàng)目變得更具挑戰(zhàn)性，不僅需要使用API，還需要管理應(yīng)用程序中更復(fù)雜的狀態(tài)。該項(xiàng)目肯定會(huì)提高您作為前端開發(fā)人員的技能。

　　7. 天氣應(yīng)用

另一個(gè)天氣應(yīng)用程序項(xiàng)目。在這一部分中，您必須了解API，顯示不同的數(shù)據(jù)并檢查用戶位置。有很多事情要做和練習(xí)，對(duì)于大三學(xué)生練習(xí)圖書館是一個(gè)完美的挑戰(zhàn)。

　　8. 求職

在這里，您須處理不同的路由，不同的狀態(tài)以及有趣的API。一個(gè)可以放入您的投資組合的好項(xiàng)目。

上述就是關(guān)于前端開發(fā)人員的初學(xué)者設(shè)計(jì)項(xiàng)目有哪些的信息，想了解更多關(guān)于前端開發(fā)的信息，請(qǐng)繼續(xù)關(guān)注中培偉業(yè)。