國(guó)內(nèi)外有哪些好的前端實(shí)戰(zhàn)網(wǎng)站？

時(shí)間：2023-12-07 00:30:02 | 來源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-12-07 00:30:02 來源：網(wǎng)站運(yùn)營(yíng)

國(guó)內(nèi)外有哪些好的前端實(shí)戰(zhàn)網(wǎng)站？：

分享一個(gè)最近看到的一個(gè)很喜歡的獲獎(jiǎng)網(wǎng)站，每次看到這樣的作品就會(huì)條件反射的在想，如果自己想要設(shè)計(jì)出這樣一個(gè)網(wǎng)頁，我應(yīng)該具備一些什么能力。

結(jié)論是：想做一個(gè)優(yōu)秀的前端開發(fā)（實(shí)現(xiàn)財(cái)富自由），一定要有一雙善于發(fā)現(xiàn)的眼睛。要不斷學(xué)習(xí)一些最新的前端技能以外，優(yōu)秀作品也不能落下。下面是我做前端開發(fā)這6年來收藏的一些網(wǎng)站，都是一些很好的學(xué)習(xí)資源和獲取靈感的地方。

30secondsofcode

包含400多個(gè)代碼片，就可以搜索自己想要的語言，一個(gè)字——快！省下來的工作盡管去摸魚吧~

Codemyui

一個(gè)很簡(jiǎn)潔的網(wǎng)站，提供了一些可以直接在項(xiàng)目中適用的片段。

Web前端工程師P5~P6

這是至今我在國(guó)內(nèi)看到的，擁有最實(shí)用前端項(xiàng)目的一個(gè)視頻教程課。不僅針對(duì)一些想要提升的人，同時(shí)像題主這樣對(duì)HTML CSS有了解的新人也適用。

Shortcuts

這個(gè)網(wǎng)站集很多設(shè)計(jì)類的軟件于一體，想嘗試一個(gè)新的軟件，就到這個(gè)網(wǎng)站上去找。一體化服務(wù)真的太省事了。

LintCode

這個(gè)網(wǎng)站可能很多小伙伴也用過，上面有很多國(guó)內(nèi)外大廠面試真題。畢竟用前端求職的話，算法還是逃不過。在這個(gè)網(wǎng)站刷了一段時(shí)間的題，里面有很多大廠面試真題，最近還在不斷定期更新，實(shí)用性很高。

Codrop

有很多關(guān)于網(wǎng)頁設(shè)計(jì)的文章及教程，而且都是跟著時(shí)代的潮流走，我愛了！

Typedscript

由于JavaScript語言本身的局限性，難以勝任和維護(hù)大型項(xiàng)目開發(fā)。因此微軟開發(fā)了TypeScript ，使得其能夠勝任開發(fā)大型項(xiàng)目。

Smashing magazine

和Codrop很像，不過Smashing magzine主打的一些關(guān)于網(wǎng)頁設(shè)計(jì)的書籍，對(duì)于想要隨時(shí)隨地看書的人還是很方便的。

CSS-TRICKS

想要查一些前端相關(guān)的文章，這個(gè)CSS-TRICKS也很頂。

Pluralsigght

有一些關(guān)于CSS，HTML,JavaScript， JS Frameworks的教程里面都有！

Sitepoint

jQuery插件庫

國(guó)內(nèi)版本的30seconds，都是一些好用的小插件。

CSS ZEN CARDEN

DEV Community

一個(gè)很棒的開發(fā)社區(qū)網(wǎng)站。這個(gè)網(wǎng)站向全球不同開發(fā)人員開放學(xué)習(xí)，包含閱讀，編程和瀏覽的內(nèi)容。

A LIST APART

Theodinproject

這是我個(gè)人最喜歡的學(xué)習(xí)網(wǎng)站。Odin 項(xiàng)目適合初學(xué)者或那些嘗試過其他資源但沒有成功的人。你可以作為一個(gè) Web 開發(fā)人員，建立一個(gè)初創(chuàng)公司或?qū)W習(xí)建立一個(gè)網(wǎng)站。你可以在開發(fā)的過程中學(xué)習(xí)，超級(jí)棒!

獲獎(jiǎng)網(wǎng)頁推薦

Gyro

很喜歡這種簡(jiǎn)單但是色彩沖擊力很強(qiáng)的網(wǎng)頁。每次把Gyro拼好就會(huì)換一種配色，我反正可以玩很久（狗頭）~

Fila Explore

液化的感覺，自己可以去體會(huì)一下，2019年

Google

碼字不易，求個(gè)小小的贊呀