跟上web開發(fā)的新進(jìn)展是有些苦難的，即使僅從前端的角度來看，就有很多很多要學(xué)習(xí)的地方，因此，花些時間學(xué)習(xí)新技術(shù)、API或庫來提高編碼技能是很有必要的。這里給大家推薦幾個學(xué)習(xí)前端的資源，這樣你就可以在更多的前端開發(fā)領(lǐng)域提升你的技能；或者你也可以參加Web前端培訓(xùn)，這樣也能快速學(xué)會新知識、新技能。

1.CSS網(wǎng)格操場

Mozilla團(tuán)隊制作的視覺指南，幫助你了解CSS的新網(wǎng)格布局功能，其中包含大量代碼示例和演示。該指南在某種程度上可以作為Firefox開發(fā)者版瀏覽器的宣傳品，但這仍然是一個優(yōu)秀的指南，對于剛剛開始使用CSS網(wǎng)格的人來說非常有用。

2.現(xiàn)代JAVASCRIPT備忘單

Manuel Beaudru的這組JavaScript技巧和概念很好地概括了許多你需要熟悉的東西，如果你剛剛開始使用React之類的現(xiàn)代框架，或者任何使用新ES6功能的大型代碼庫的話。因此，這對于JavaScript初學(xué)者來說不是一個好的起點，但對于任何熟悉JavaScript但不熟悉現(xiàn)代工具和功能的人來說都很有用。

想要提升自己的前端技能水平，建議考慮參加Web前端培訓(xùn)，理論知識+實操項目指導(dǎo)教學(xué)，深入淺出學(xué)到有用的技能，真正做到學(xué)以致用，鞏固所學(xué)知識。

3.學(xué)Git

Git在大多數(shù)團(tuán)隊環(huán)境中幾乎都是標(biāo)準(zhǔn)的，所以如果你還沒有了解如何使用它，這可能是一個不錯的起點。它由MicrosoftVisualStudio團(tuán)隊制作，本指南涵蓋Git和版本控制基礎(chǔ)知識、安裝和設(shè)置，以及更多內(nèi)容。

4.HTML5移動功能檢查器

這是一個參考網(wǎng)站，可以獲得對移動設(shè)備上各種Web API支持的概述。它列出了“安全的”和不安全的（稱為“不受支持的”）。你可以單擊每個單獨的功能，以獲取有關(guān)哪些設(shè)備和平臺支持它的詳細(xì)信息。像caniuse.com這樣的網(wǎng)站可能是你獲取此類信息的主要來源，但這在特定移動設(shè)備方面提供了一些額外信息。

5.Bootstrap 4備忘單

Bootstrap是一種流行的前端web框架，它有一個方便的分類備忘單，帶有一個單擊選項，可以突出顯示Bootstrap 4中的新內(nèi)容。單擊類別，然后單擊任何項目以查看代碼和所選組件的實時預(yù)覽。

最后說一下，學(xué)習(xí)前端，不僅要學(xué)習(xí)理論知識，最重要的還是平時要多動手練習(xí)，平時多做一些自己感興趣的項目，才能真正提升自己的技術(shù)水平。或者去Web前端培訓(xùn)學(xué)習(xí)，也是個好辦法，有大神老師帶你，相信學(xué)起來更快更輕松一些，少走彎路。