https://www.freecodecamp.org/chinese/learn/

如果要保存學(xué)習(xí)記錄，則需要簡(jiǎn)單搞個(gè)賬號(hào)就可以了。

??????無(wú)論是學(xué)習(xí)前端的小白還是在前端工作的大佬，freeCodeCamp前端學(xué)習(xí)平臺(tái)都值得前往探究。零基礎(chǔ)學(xué)習(xí)前端的伙伴可以在freeCodeCamp獲得更加系統(tǒng)性的前端開發(fā)知識(shí)，有前端基礎(chǔ)的伙伴可以在freeCodeCamp學(xué)到一些為所未聞的開發(fā)技巧，已經(jīng)工作的前端伙伴可以在freeCodeCamp進(jìn)行查漏補(bǔ)缺，鞏固前端基礎(chǔ)知識(shí)，如果是后端伙伴在這個(gè)平臺(tái)也有很多相關(guān)知識(shí)供你學(xué)習(xí)和掌握。

????????freeCodeCamp擁有豐富的前端知識(shí)平臺(tái)，系列教程如下：

這里主要講講在freeCodeCamp能學(xué)到關(guān)于前端的那些東西。

響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)

在響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)的認(rèn)證課程中，你將學(xué)習(xí)用于構(gòu)建網(wǎng)頁(yè)的語(yǔ)言：HTML（超文本標(biāo)記語(yǔ)言）用于創(chuàng)建內(nèi)容，CSS（級(jí)聯(lián)樣式表）用于樣式設(shè)計(jì)。首先，你將通過編寫一個(gè)展示貓咪圖片的應(yīng)用來學(xué)習(xí) HTML 和 CSS 的基本知識(shí)。然后，通過構(gòu)建一只企鵝來學(xué)習(xí)像 CSS 變量這樣的現(xiàn)代技術(shù)，并通過搭建網(wǎng)頁(yè)表單來學(xué)習(xí)無(wú)障礙的最佳實(shí)踐。

JavaScript 算法和數(shù)據(jù)結(jié)構(gòu)

HTML 和 CSS 控制頁(yè)面的內(nèi)容和樣式，JavaScript 則用于頁(yè)面交互。在 JavaScript 算法和數(shù)據(jù)結(jié)構(gòu)認(rèn)證中，你將學(xué)習(xí) JavaScript 的基礎(chǔ)知識(shí)，包括變量、 數(shù)組、 對(duì)象、 循環(huán)和函數(shù)。打好基礎(chǔ)之后，你將會(huì)通過創(chuàng)建算法來操作字符串、進(jìn)行階乘運(yùn)算甚至計(jì)算國(guó)際空間站的軌道來應(yīng)用這些知識(shí)。在這個(gè)過程中，你將會(huì)學(xué)習(xí)兩種重要的編程方式或模式：面向?qū)ο蟮木幊蹋∣OP）和函數(shù)式編程（FP）。

模塊使用

進(jìn)入首頁(yè)，選中自己想要學(xué)習(xí)的模塊，就能看到很多知識(shí)列表，點(diǎn)擊進(jìn)入詳情就可以看到挑戰(zhàn)的要求和編碼區(qū)域了
例如：

根據(jù)要求進(jìn)行編碼，完成后點(diǎn)擊運(yùn)行測(cè)試，挑戰(zhàn)通過后就進(jìn)入下一個(gè)小節(jié)。