我發現前端開發比后端開發困難得多。一般來說，在后端開發中，我知道我在做什么以及所有東西應該如何交互，代碼是否能正常運行。但是，當涉及到前端時，整個故事就不一樣了。
這會是無數個小時的谷歌搜索、嘗試不同的方案和實驗。
我不是一個出色的前端開發人員。所以，我決定提高我的技能，并向外尋找可以練習的資源。
學習 React、Angular 等前端框架固然很好。但是，我更專注于發展我的網頁設計技能和 html、css 和 JS 的基礎知識。
在花費大量時間進行研究并深入了解互聯網的廣闊世界后，我列出了這 5個我認為最適合練習前端技能的網站。這些網站將使您的前端技能提升到一個全新的水平。
一、Frontend Mentor
Frontend Mentor是一個基于社區的挑戰平臺。您將獲得樣板代碼和資源，然后您應該按照要求制作網站。沒有規定網站應該與示例完全一樣。因此，您可以盡情發揮您的創造力。
Frontend Mentor的入門門檻幾乎為零，任何級別的人都可以來挑戰自己。它具有從新手到大師級別的挑戰，因此它適合每一類別的前端工程師。
Frontend Mentor最好的部分是，在您解決挑戰后，您將其上傳到社區并與人們互動以賺取積分。這不是測試，而是一種學習、成長和與他人分享的平臺。
利用Frontend Mentor的方法是盡可能多地參與社區，而不是成為一個完美主義者。
二、100DaysCSS Challenge
100DaysCSS Challenge的重點是深入了解您的 CSS 技能。接受這個挑戰后，您將成為一名 CSS 大師。每天你都會面臨一個新的挑戰，你必須使用相同的概念來創造它或類似的東西。創造力很受贊賞，尤其是在 CSS 社區中。
您在codepen提交您的解決方案。如果您不知道 codepen 是什么，它是一種在線代碼編輯器工具，可讓您在瀏覽器中編寫代碼并在構建時查看實時結果。我建議檢查一次。
#100DaysChallenge是 Twitter 上非常流行的標簽。您可以在那里記錄您的旅程，并與那里的社區一起收獲很多。我也看到很多專家在那里提供幫助。
三、Dribbble
Dribbble擁有互聯網上最偉大的設計系列之一。您可以利用這些已經構建的設計對其克隆進行編碼。
作為前端開發人員，您的大部分工作是編寫設計代碼，而不是自己制作網頁設計。這些設計通常由 UI/UX 設計師提供。
在dribble 中，您可以選擇任何您想要編碼的設計并開始制作。
我建議你有一個伙伴程序員，你們可以互相挑戰，看誰可以更快地克隆設計。從某種意義上說，這將是一場健康的競爭，并會激勵你們倆突破自己的極限。
擁有伙伴程序員的一大特點是你們可以集思廣益，共同解決一些難題。
四、CodePen挑戰
我之前提到過codepen ，它是一個供您編碼的在線編輯器。但是，它遠不止于此。Codepen還提供了一個社區，您可以在其中分享您的工作并查看其他人的工作。它的好處在于您可以看到代碼以及某人如何進行特定設計。我喜歡花時間在codepen 上，以了解一些最好的設計師和開發人員。我們可以從最好的人那里觀看和學習，這是一種奢侈。
Codepen還提供了許多挑戰，可幫助您通過構建事物來提升技能。他們有一個每月的主題，每周都會提示你一個新的挑戰。
有大量參與者，其中大多數與其他人共享他們的codepen 。所以，你永遠不會覺得你是一個人在做。社區可以讓你振作起來。
五、Daily UI
dailyui挑戰也與100DaysCSS相同，您需要每天解決一個挑戰。但是，日常 UI 的工作方式與 100DaysCSS 略有不同。每個挑戰都會發送到您的郵件中，您可以根據需要隨時完成挑戰。
每日 UI 也會照顧周末，不會在周末向您發送挑戰。除此之外，它還為您提供免費模板和資源作為驚喜獎勵。
我覺得 Daily UI 是一個很好的資源，應該接受這一挑戰。
六、總結
前端開發很困難，而且很多時候令人沮喪。掌握它的最好方法是多練習。所以，讓我們制作一些漂亮的網站供人們使用吧。
文丨Soundhearer
圖丨來源于網絡
