學(xué)習(xí)編程的常見問題之一是：“有哪些值得學(xué)習(xí)的Web開發(fā)書籍？” 以下列出的書籍不僅適合前端開發(fā)入門，而且全部免費獲取。

目錄

1. CSS相關(guān)書籍
2. HTML & CSS相關(guān)書籍
3. 流程相關(guān)書籍
4. JavaScript相關(guān)書籍
5. 總結(jié)

CSS相關(guān)書籍

本節(jié)內(nèi)容較多，因為本網(wǎng)站主要關(guān)注CSS！

Adam Schwartz著《CSS魔法》

• 適合人群:希望進一步提升CSS技能的讀者
• 學(xué)習(xí)水平:中級
• 前提條件:具備CSS基礎(chǔ)知識

Adam Schwartz在這本書中涵蓋了六個CSS概念，包括盒子模型、布局、表格、顏色、排版和過渡。即使一些經(jīng)驗豐富的CSS開發(fā)者也可能對其中一些概念感到困惑，Adam 已經(jīng)盡力對每個概念進行了解釋。

除了作為復(fù)雜CSS概念的入門指南外，我還喜歡書中提到的每個CSS屬性都是可點擊的，因此您可以隨時點擊它們查看每個屬性的應(yīng)用方式。書中有很多說明性示例和進一步閱讀的建議，如果您希望了解更多關(guān)于每一章的內(nèi)容。

我發(fā)現(xiàn)關(guān)于顏色的章節(jié)非常有趣，不僅因為它深入探討了可訪問地使用顏色的最佳實踐，而且因為它具有超強的實用性，例如當(dāng)Adam深入探討使用CSS支持組織的品牌時。

直接鏈接#### Jeremy Keith著《韌性Web設(shè)計》

• 適合人群:希望學(xué)習(xí)編寫代碼策略的讀者
• 學(xué)習(xí)水平:中級
• 前提條件:具備CSS基礎(chǔ)知識

摘錄自引言：

你在這里找不到任何代碼來幫助你構(gòu)建更好的網(wǎng)站。但你會找到想法和方法。想法比代碼更持久。我試圖將Web設(shè)計歷史上最持久的想法結(jié)合起來，形成一種構(gòu)建未來網(wǎng)站的方法。

Jeremy做得非常好的一點是描述軟技能，例如規(guī)劃、概述和編寫代碼的方法。因此，與其在書中加入代碼片段，不如說你會發(fā)現(xiàn)關(guān)于代碼策略的細節(jié)，例如漸進增強、決定使用哪些工具以及編寫面向未來的代碼的挑戰(zhàn)。

對于那些沒有聽過Jeremy講述內(nèi)容（例如他在Web History系列中所做的那樣）的人來說，可以下載一個音頻文件。

直接鏈接#### Simon Collison著《CSS Web開發(fā)入門：從新手到專業(yè)人士》

• 適合人群: CSS入門者
• 學(xué)習(xí)水平:絕對初學(xué)者
• 前提條件:只需要時間和動力

這本書可能寫于2006年，但Simon對Web標(biāo)準(zhǔn)和可訪問性的闡述是永恒且與時俱進的。他提供了對互操作性的理解以及構(gòu)建Web應(yīng)用程序的方法，包括經(jīng)常被忽視的早期規(guī)劃階段。

本書分為兩大部分，進一步分為16章。第一部分涵蓋了CSS主題，例如處理文本、鏈接、列表、背景、圖像、表格和表單。它也沒有回避細節(jié)。

第二部分全部關(guān)于布局，闡明了可用性和布局操作，以及一個方便的案例研究。章節(jié)的安排方式使得一章自然地流入下一章。每一章還包含一個總結(jié)部分，重點介紹本章中涵蓋的所有重要概念。

事實上，本書為新手開發(fā)者提供了扎實的CSS背景知識，并幫助他們逐步學(xué)習(xí)更高級的概念。它將使您的CSS學(xué)習(xí)之旅更加輕松。

直接鏈接### HTML & CSS相關(guān)書籍

CSS和HTML通常一起教授，當(dāng)您編寫第一行代碼并想知道這兩種語言如何相互作用時，這尤其有用。

Shay Howe著《學(xué)習(xí)代碼HTML & CSS》

• 適合人群:開始前端學(xué)習(xí)之旅的讀者
• 學(xué)習(xí)水平:初學(xué)者
• 前提條件:沒有任何經(jīng)驗

Shay將這本書稱為“一本簡單而全面的指南，致力于幫助初學(xué)者學(xué)習(xí)HTML和CSS”。他通過關(guān)注前端設(shè)計和開發(fā)的常見元素來做到這一點。涵蓋的一些課程包括盒子模型、定位、排版、背景和漸變、列表、媒體、表單和表格。在第一章“構(gòu)建您的第一個網(wǎng)頁”中，Shay分析了典型網(wǎng)站的內(nèi)容，包括元素、屬性和設(shè)置HTML文檔結(jié)構(gòu)、代碼驗證、選擇器和CSS重置。我發(fā)現(xiàn)這本書很有指導(dǎo)意義，因為它超越了表面，用代碼示例解決了許多關(guān)鍵概念，您可以跟隨學(xué)習(xí)。

這本書的一個顯著特點是，Shay在12個課程中從頭開始構(gòu)建了一個完整的項目，并且在每個課程結(jié)束時，他都提供了一個總結(jié)和指向該網(wǎng)站當(dāng)前狀態(tài)的鏈接（因此，如果您跟隨學(xué)習(xí)，您可以與您的網(wǎng)站進行比較）以及每個階段的源代碼。

如果您是一位通過實踐學(xué)習(xí)的學(xué)習(xí)者，您會發(fā)現(xiàn)這些材料非常有用，到您完成學(xué)習(xí)時，您將已經(jīng)開發(fā)了一個多頁面的功能性網(wǎng)站。

該課程的高級續(xù)集也可以通過相同的鏈接免費獲得。

直接鏈接#### Michael Knapp著《HTML & CSS：7天掌握基礎(chǔ)知識》

• 適合人群:開始前端學(xué)習(xí)之旅的讀者
• 學(xué)習(xí)水平:初學(xué)者
• 前提條件:沒有任何經(jīng)驗

您可能無法在七天內(nèi)學(xué)習(xí)HTML和CSS的所有知識，但這正是Michael Knapp在2017年撰寫的這本書專注于基礎(chǔ)知識的原因。 Michael在開始學(xué)習(xí)HTML和CSS的結(jié)構(gòu)、邏輯和演示之前，深入探討了簡短的歷史課程。您將快速掌握所有知識，以至于您應(yīng)該對構(gòu)建基本的網(wǎng)頁充滿信心，并在此過程中學(xué)習(xí)一些額外知識，因為本書涉及SEO和分析。

本書包含您可以根據(jù)需要在計算機上運行的簡單程序。

電子書版本可在Apple Books上免費獲得，但如果您已經(jīng)訂閱了Kindle，也可以使用Kindle版本。

Apple Books Kindle #### Chris Coyier著《最棒的CSS技巧第1卷》

• 適合人群:希望了解CSS能做什么的讀者
• 學(xué)習(xí)水平:中級
• 前提條件:具有一定的CSS經(jīng)驗

您知道CSS-Tricks也有一本關(guān)于CSS的書嗎？將它從這份清單中排除掉是很愚蠢的，因為您將獲得由Chris Coyier本人解釋的經(jīng)典CSS技巧的集合。事實上，Chris從他多年運營這個網(wǎng)站以來，從他收到的眾多技巧中精心挑選了本書中涵蓋的所有示例。

每個技巧都解決了一個特定的痛點。例如，第一個“固定滾動到底部”技巧演示了如何使用overflow-anchor CSS屬性來創(chuàng)建與Slack之類的工具相同的聊天式界面，其中屏幕固定在底部，感覺好像頁面正在為您滾動，因為添加了新項目。

直接鏈接### 流程相關(guān)書籍

代碼與我們?nèi)绾尉帉懘a以及與他人合作完成項目一樣重要。以下書籍是關(guān)于規(guī)劃和項目管理、溝通和與他人合作的絕佳起點。

Ellen De Vries著《協(xié)作：圍繞數(shù)字項目團結(jié)人們》

• 適合人群:希望成為更好的合作者的讀者
• 學(xué)習(xí)水平:不適用
• 前提條件:樂于與他人良好合作！

Ellen在這本書中談到了我們都必須處理的事情：與他人合作。這并非易事——本書分為四個部分，深入探討了我們可以與他人良好合作的事情：

• 了解如何準(zhǔn)備工作并為協(xié)作創(chuàng)造合適的條件。
• 在協(xié)作的早期階段培養(yǎng)團隊文化。
• 維持健康的協(xié)作流程。
• 收獲協(xié)作的成果。

作為內(nèi)容策略師，Ellen擁有幫助任何人參與協(xié)作項目或從協(xié)作中獲得最大收益的正確經(jīng)驗。

直接鏈接#### Webflow著《現(xiàn)代Web設(shè)計流程》

• 適合人群:高級設(shè)計師、項目經(jīng)理
• 學(xué)習(xí)水平:不適用
• 前提條件:具有一定的CSS基礎(chǔ)知識

這本免費電子書介紹了一個七步設(shè)計流程，旨在幫助定義當(dāng)今Web設(shè)計的流程。

這包括：

• 制定目標(biāo)
• 定義范圍
• 網(wǎng)站地圖和線框圖
• 處理內(nèi)容
• 處理視覺元素
• 測試
• 發(fā)布

任何開始新設(shè)計項目或正在進行設(shè)計項目的讀者都將發(fā)現(xiàn)本書中的寶貴見解。最引人注目的是，本書的寫作方式幾乎感覺像是有人在指導(dǎo)您完成從概念到完成的整個項目。

直接鏈接#### Mark Boulton著《Web設(shè)計》

• 適合人群:希望學(xué)習(xí)與客戶合作的讀者
• 學(xué)習(xí)水平:初學(xué)者
• 前提條件:對設(shè)計的真正興趣

許多組織似乎以不同的方式處理設(shè)計。但作者Mark Boulton在《Web設(shè)計》中記錄了一個徹底的設(shè)計流程，該流程消除了許多挑戰(zhàn)，并涵蓋了您需要了解的一切。

本書的獨特之處在于它真正關(guān)注工作。當(dāng)然，本書包含大量關(guān)于設(shè)計最佳實踐的寶貴信息，例如排版、顏色和布局，但您真正從本書中學(xué)到的將是這些內(nèi)容如何融入設(shè)計流程。它教你如何進行研究、我們必須實施想法的技術(shù)，以及最終如何與他人以及客戶合作——這對于包括設(shè)計主管、項目經(jīng)理、自由職業(yè)者或任何參與項目交付流程的人來說都是完美的素材。

直接鏈接#### Tower著《使用Git學(xué)習(xí)版本控制》

• 適合人群:希望掌握Git的讀者
• 學(xué)習(xí)水平:所有級別都歡迎
• 前提條件:沒有任何預(yù)備知識

在這本書中，流行的Git客戶端Tower背后的團隊向?qū)W習(xí)者介紹了使用Git的版本控制系統(tǒng)的核心內(nèi)容。在團隊中工作的開發(fā)者會特別發(fā)現(xiàn)這一點非常有用，因為它有助于有效地與構(gòu)建項目不同功能的團隊成員進行協(xié)作，即使你們相隔數(shù)千英里。也就是說，對于那些可能對命令行感到害羞并希望在那里建立信心的任何人來說，它仍然非常棒。

由于本書是由與Git交互的應(yīng)用程序的制造商編寫的，因此除了直接在命令行上工作之外，您還將獲得大量使用Tower作為GUI的經(jīng)驗。

因此，無論是提交、分支、合并、拉取請求、分叉工作還是處理合并沖突，您都將從本書中獲得很多收獲。

直接鏈接### JavaScript相關(guān)書籍

學(xué)習(xí)JavaScript似乎總是很流行。事實上，Jason Rodriguez在2018年撰寫了關(guān)于JavaScript學(xué)習(xí)環(huán)境的文章，并提供了一份不錯的免費書籍清單。從那時起，并沒有出現(xiàn)太多新的內(nèi)容，但以下是我對以下書籍的看法。

Marijn Haverbeke著《Eloquent JavaScript》

• 適合人群:希望提高JavaScript編程技能的讀者
• 學(xué)習(xí)水平:中級到經(jīng)驗豐富的開發(fā)者
• 前提條件:具備JavaScript經(jīng)驗

《Eloquent JavaScript》確實名副其實。就我個人而言，我認為這是我見過的寫得最好的JavaScript書籍之一。 Marjin的寫作風(fēng)格引人入勝，尤其是他如何介紹編程概念并引導(dǎo)讀者參與其中。用他自己的話說，這本書只是關(guān)于“指導(dǎo)計算機并讓它們做你想讓它們做的事情”。

本書深入探討了JavaScript，分為三個部分和21章。您將閱讀大量關(guān)于基本編程概念的內(nèi)容，例如值、類型、運算符和函數(shù)，以及高級概念，例如正則表達式、模塊、DOM和異步編程。他以一句帶有哲學(xué)意味的引言開始每一章，為讀者準(zhǔn)備即將到來的內(nèi)容，然后直接深入主題。

此外，還有三個項目可以幫助您練習(xí)新獲得的技能。

直接鏈接#### Nicholas C. Zakas著《理解JavaScript Promise》

• 適合人群:希望學(xué)習(xí)使用JavaScript中的Promise進行異步編程的讀者
• 學(xué)習(xí)水平:中級
• 前提條件:具備JavaScript基礎(chǔ)知識

JavaScript Promise作為ES6規(guī)范的一部分于2015年引入，用于處理JavaScript中的異步函數(shù)。根據(jù)MDN：

Promise是一個對象，表示異步操作的最終完成或失敗

在這本51頁的書中，Nicholas在三章中解釋了Promise的概念：基礎(chǔ)知識、Promise鏈和處理多個Promise。盡管我們提供的書籍鏈接是免費的社區(qū)版本，但完整版本（可在亞馬遜上購買）還有兩章關(guān)于異步函數(shù)和未處理的拒絕跟蹤。 Nicholas用幾個插圖和例子簡化了Promise的概念。您將學(xué)習(xí)如何使用then()、catch()和finally()，并了解如何將多個Promise鏈接在一起。 Nicholas還介紹了拒絕和結(jié)算處理程序的分配。您可能需要閱讀本書以鞏固您對該主題的理解。

Nicholas是一位經(jīng)驗豐富的JavaScript書籍作者，他撰寫關(guān)于JavaScript的文章已有15年以上。他將自己豐富的經(jīng)驗運用到本書中（就像他在CSS-Tricks的工作一樣）。

直接鏈接#### Axel Rauschmayer著《Speaking JavaScript》

• 適合人群:希望從JavaScript入門提升的讀者
• 學(xué)習(xí)水平:中級
• 前提條件:面向?qū)ο缶幊讨R

本書分為四章，涵蓋30多個主題。以下是它的細分：

1. 第一章是對語法、變量類型、函數(shù)和異常處理的很好的復(fù)習(xí)。
2. 第二章提供了JavaScript的歷史視角，作為本書其余部分涵蓋的功能的序言。
3. 第三章基本上是一本參考書，包含簡短、清晰的示例。
4. 最后一章概述了編寫更好的JavaScript和遵循最佳實踐的技巧、工具和庫。

直接鏈接#### John Resig和Bear Bibeault著《JavaScript忍者秘籍》

• 適合人群:希望從頭開始創(chuàng)建跨瀏覽器JavaScript庫的讀者
• 學(xué)習(xí)水平:中級
• 前提條件:具有一定的編程經(jīng)驗

這本書實際上有一個較新的版本，但2012年版本是免費的。無論哪種方式，這都是一個學(xué)習(xí)John Resig的好機會；你知道，就是那個創(chuàng)建jQuery的人。

這里涵蓋的技術(shù)包括閉包、函數(shù)、DOM、使用原型的面向?qū)ο蠛涂鐬g覽器策略。一個不錯的額外好處是，每一章之后都有一個簡短的回顧，這在您看完書后作為參考非常完美。

直接鏈接#### Addy Osmani著《學(xué)習(xí)JavaScript設(shè)計模式》

• 適合人群:希望學(xué)習(xí)編寫更高效的JavaScript的讀者
• 學(xué)習(xí)水平:中級
• 前提條件:具有一定的JavaScript經(jīng)驗

設(shè)計模式的概念是指針對應(yīng)用程序開發(fā)中常見的重復(fù)性問題的一種可重用的解決方案。在這本書中，Addy Osmani涵蓋了使用ES6及更高版本以及React特定設(shè)計模式的常見設(shè)計模式的實現(xiàn)，這在處理可維護性是主要目標(biāo)的復(fù)雜React應(yīng)用程序時非常方便。

涵蓋的一些模式包括單例、代理、提供者、原型和觀察者模式。在某些情況下，Addy包括使用其中一些模式的優(yōu)缺點以及它們?nèi)绾斡绊憫?yīng)用程序的性能。

直接鏈接#### Kyle Simpson著《你不知道JS》

• 適合人群:希望掌握JavaScript的讀者
• 學(xué)習(xí)水平:初學(xué)者
• 前提條件:幾乎沒有或沒有任何編程經(jīng)驗

雖然標(biāo)題可能有點挑釁，但Kyle在這里暗示的是，他編寫這本書時假設(shè)您沒有任何JavaScript經(jīng)驗。

Kyle首先從JavaScript的角度介紹編程的基礎(chǔ)知識。然后，在隨后的章節(jié)中，他繼續(xù)介紹更高級的概念，例如作用域和閉包、this關(guān)鍵字、對象原型、異步和性能。

這里有很多優(yōu)秀的細節(jié)和解釋，Kyle通過避免使用超技術(shù)術(shù)語使其非常易于理解。還有許多練習(xí)旨在強化您的學(xué)習(xí)。這本書肯定會讓您快速掌握JavaScript。正在開發(fā)該書的第二版，您可以在GitHub上跟蹤。

直接鏈接#### Flavio Copes著《JavaScript初學(xué)者手冊》

• 適合人群:作為初學(xué)者參考的讀者
• 學(xué)習(xí)水平:剛剛開始
• 前提條件:電子郵件注冊，可能有一些以前的經(jīng)驗

Flavio編寫了一個非常有用的JavaScript參考，適合剛開始學(xué)習(xí)的人。它更像是一個快速參考指南，而不是教科書，因此剛開始學(xué)習(xí)的人可能會考慮將其作為放在辦公桌上而不是長時間閱讀的東西。

直接鏈接#### Gans、Hodges和Wilson著《數(shù)據(jù)科學(xué)的JavaScript》

• 適合人群:希望學(xué)習(xí)數(shù)據(jù)可視化的讀者
• 學(xué)習(xí)水平:中級到高級
• 前提條件:具有一定的JavaScript知識

作者涵蓋了現(xiàn)代JavaScript的核心功能，包括回調(diào)、Promise、繼承、對象和類。他們還介紹了使用Mocha、React和數(shù)據(jù)可視化的測試，所有這些對于希望提升代碼及其編寫方式的任何人來說都是非常棒的。本書不像其他一些書籍那樣深入探討許多概念，但在涉及數(shù)據(jù)科學(xué)時，它確實非常出色。

本書使用Data-Forge；一個用于處理表格數(shù)據(jù)的JavaScript庫。有許多練習(xí)可以幫助讀者跟上討論主題的進度。最后一章還包括一個綜合項目，將所有內(nèi)容整合在一起。

直接鏈接### 總結(jié)

我希望這些書籍能幫助到您，無論您是剛剛開始前端Web開發(fā)，還是已經(jīng)擁有十幾年的經(jīng)驗，或者您處于兩者之間。我知道第一次接觸新事物有多難，以及不知道從哪里開始尋找的感覺。我還知道達到瓶頸并需要一些東西來提升自己的感覺。無論您在學(xué)習(xí)過程中處于哪個階段，這里應(yīng)該總有一些東西適合您。

而且，如果您還有其他可在網(wǎng)上免費獲取的書籍，請在評論中分享！我相信我們可以列出更多。

以上是您可以免費閱讀的很棒的網(wǎng)絡(luò)開發(fā)書籍的詳細內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！