前端開發是創建Web頁面或app等前端界面呈現給用戶的過程。前端開發通過HTML,CSS及JavaScript以及衍生出來的各種技術、框架、解決方案,來實現互聯網產品的用戶界面交互。因此主要會涉及到HTML、CSS、JS、jQuery等技術。

以下書籍是一些對入門前端比較好的推薦書籍,希望可以幫到題主:(內容簡介和作者簡介來源於豆瓣)

《Web性能權威指南》

內容簡介:

本書是谷歌公司高性能團隊核心成員的權威之作,堪稱實戰經驗與規範解讀完美結合的產物。本書目標是涵蓋Web 開發者技術體系中應該掌握的所有網路及性能優化知識。全書以性能優化為主線,從TCP、UDP 和TLS 協議講起,解釋瞭如何針對這幾種協議和基礎設施來優化應用。然後深入探討了無線和移動網路的工作機制。最後,揭示了HTTP 協議的底層細節,同時詳細介紹了HTTP 2.0、 XHR、SSE、WebSocket、WebRTC 和DataChannel 等現代瀏覽器新增的具有革命性的新能力。

本書適合所有Web 應用及站點開發人員閱讀,包括但不限於前端、後端、運維、大數據分析、UI/UX、存儲、視頻、實時消息,以及性能工程師。

作者簡介:

Ilya Grigorik

是谷歌「Web加速」(Make The Web Fast)團隊的性能工程師、開發大使。他每天的主要工作就是琢磨怎麼讓Web應用速度更快,總結並推廣能夠提升應用性能的最佳實踐。

在專註於研究Web性能之前,Ilya創辦了PostRank公司並擔任CTO,這是一家社交分析公司。他的這家公司被谷歌收購後,成為了Google Analytics中社交分析報告模塊的核心。除了研究Web性能和分析,Ilya還會為開源項目做做貢獻、看看書,或者寫一些好玩的項目,比如VimGolf、GitHub Archive等。

《Head First HTML與CSS、XHTML(中文版)》

內容簡介:

《深入淺出HTML與CSS、XHTML》能讓你避免認為Web-safe顏色還是緊要問題的尷尬,以及不明智地把標記放入你的頁面。最大的好處是,你將毫無睡意地學習HTML、XHTML 和CSS。如果你曾經讀過深入淺出(Head First)系列圖書中的任一本,就會知道書中展現的是什麼:一個按人腦思維方式設計的豐富的可視化學習模式。本書的編寫採用了許多最新的研究,包括神經生物學、認知科學以及學習理論,這使得本書能讓HTML和CSS深深地烙印在你的腦海里。

作者簡介:

Eric Freeman和Elisabeth Freeman是作家、講師,以及技術顧問。原本在迪士尼公司領導了四年的數字媒體,以及Internet的開發,後來,他們將這些經驗應用在他們自己的媒體中,包括本書。Eric具有耶魯大學的計算機科學博士學位,Elisabeth具有耶魯大學的計算機科學碩土學位。

《CSS權威指南(第三版)》

內容簡介:

你是否既想獲得豐富複雜的網頁樣式,同時又想節省時間和精力?本書為你展示瞭如何遵循CSS最新規範(CSS2和CSS2.1)將層疊樣式表的方方面面應用於實踐。

通過本書提供的諸多示例,你將瞭解如何做到僅在一處建立樣式表就能創建或修改整個網站的外觀,以及如何得到HTML力不能及的更豐富的表現效果。

資深CSS專家Eric A.Meyer。利用他獨有的睿智和豐富的經驗對屬性、標記、標記屬性和實現做了深入的研究,另外在瀏覽器支持和設計原則等實際問題上也有獨到的見解。你所需要的就是HTML 4.0的知識即可以為網站佈局和分頁創建簡明而且易於維護的腳本,同時兼具桌面系統的美觀性和可控性。

《JavaScript設計模式》

內容簡介:

內容本書共有兩部分。第一部分給出了實現具體設計模式所需要的面向對象特性的基礎知識,主要包括介面、封裝和信息隱藏、繼承、單體模式等內容。第二部分則專註於各種具體的設計模式及其在JavaScript語言中的應用,主要介紹了工廠模式、橋接模式、組合模式、門面模式等幾種常見的模式。為了讓每一章中的示例都儘可能地貼近實際應用,書中同時列舉了一些JavaScript 程序員最常見的任務,然後運用設計模式使其解決方案變得更模塊化、更高效並且更易維護,其中較為理論化的例子則用於闡明某些要點。.

本書適合各層次的Web 前端開發人員閱讀和參考,也適合有C++/Java/C# 背景的伺服器端程序員學習。

作者簡介:

Ross Harmes,資深Web程序員,有10多年編程經驗。現任Yahoo前端工程師。他是開源圖片博客軟體Birch的開發者。

《鋒利的jQuery》

內容簡介:

本書循序漸進地對jQuery的各種函數和方法調用進行了介紹,讀者可以系統地掌握jQuery的DOM操作、事件監聽和動畫、表單操作、AJAX以及插件方面等知識點,並結合每個章節後面的案例演示進行練習,達到掌握核心知識點的目的。為使讀者更好地進行開發實踐,《鋒利的jQuery》的最後一章將前7章講解的知識點和效果進行了整合,打造出一個非常有個性的網站,並從案例研究、網站材料、網站結構、網站樣式和網站腳本等方面指導讀者參與到項目建設中來。

以上書籍對於入門前端來說是足夠的,但是若題主想要更完整、更深入地學習前端所有的架構,那就還需要補充一些書籍了~

這裡列出了學習前端推薦看的全部書籍:https://www.nowcoder.com/library/book-list/29

這個書單是由牛客網為學習前端的同學精心挑選出來的,牛客網是專業為互聯網人服務的網站,裡面有學習資料、課程、書籍推薦,還有海量題庫、求職面經,更重要的是網站內有一大羣相似的同學可以互相討論、互相打氣。題主在今後的學習過程中,若是遇到了問題都可以在這裡得到答案哦~~

另外,若題主還想了解其他方面的書籍推薦,比如數據結構、Java、安卓、IOS等,可以通過點擊的鏈接查看:https://www.nowcoder.com/library/book-list?order=0page=1

學習一門技術是付出需要長期努力的,在這樣漫長的過程中,找到志同道合的小夥伴共同努力共同進步,無疑是一件幸運的事。然而不管是一個人的奮鬥還是幾個人共勉,唯有充實自己,才能讓自己手握利劍所向披靡,加油沖吧少年!!


先看看w3c或者菜鳥學院的相關內容吧


書籍倒是可以先不考慮,可以先看看mdn文檔介紹跟著一步步先熟悉了之後再考慮要不要看書


學習的最好途徑就是看書。話不多說,上書~

書單推薦

《CSS揭祕》

《CSS世界》

《CSS禪意花園(修訂版)》

javaScript

  • JavaScript高級程序設計》(第3版)
  • 《JavaScript權威指南》
  • 《你不知道的JavaScript》(上卷)
  • 《你不知道的JavaScript》(中卷)
  • 《你不知道的JavaScript》(下卷)
  • 《JavaScript語言精粹》
  • 《JavaScript函數式編程》
  • 《ECMAScript 6入門》
  • 《WebKit技術內幕》
  • 《Node.js:來一打 C++ 擴展》
  • 《編程之美》
  • HTML5 Canvas核心技術圖形動畫與遊戲開發》
  • 《3D數學基礎:圖形與遊戲開發》

HTTP

  • 《圖解HTTP》
  • 《HTTP權威指南》

演算法

演算法

《迷茫的旅行商:一個無處不在的計算機演算法問題》 《代碼之髓:編程語言核心概念》 《設計原本》 《演算法帝國》 《啊哈!演算法》 《集體智慧編程》

《演算法圖解》

《劍指offer》

代碼質量

《編寫可讀代碼的藝術》 《修改代碼的藝術》 《優質代碼:軟體測試的原則、實踐與模式》

其他

《HTTP權威指南》 《Unix內核源碼剖析》 《移動Web手冊》 《Web性能實踐日誌》 《社交電商》

遊戲開發

《圖靈程序設計叢書:代碼本色·用編程模擬自然系統》 《遊戲設計要則探祕》 《遊戲設計的100個原理》 《不可錯過的250款獨立遊戲(珍藏版)》, 《Unity遊戲設計與實現南夢宮一線程序員的開發實例》 《HTML5Canvas核心技術:圖形、動畫與遊戲開發》 《遊戲引擎架構》

《Vue權威指南》

《TypeScript手書》

《React精髓》

《Head First HTML與CSS(第2版)》

《Vue.js權威指南》

《React全棧:Redux+Flux+webpack+Babel整合開發》

《揭祕Angular 2 從入門進階到實戰》

《大話數據結構》

推薦理由:技術決定你能走多快,數據結構和演算法決定你能走多遠。

《演算法圖解》

推薦理由:技術決定你能走多快,數據結構和演算法決定你能走多遠。

《CSS世界》

推薦理由:CSSjavascript一樣,都是很容易上手,卻很難精通的。CSS幾乎可以說是我們全團隊的軟肋,包括前端人員在內,敢說自己精通js的大有人在,但敢說自己精通CSS的寥寥無幾。這本是前端知名博主張鑫旭的書籍,好評很多,講的很細緻。如果你更傾向一些CSS的使用技巧,可以去看《CSS揭祕》這本書,許多實現方法會改變你對CSS的理解。

《Node.js:來一打C++擴展》

推薦理由:上週推薦的書籍之一。我特別佩服那些在簡歷上將使用Express起一個後端服務寫成精通node.js的人。

《告別失控 軟體開發團隊管理必讀》

推薦理由:計算機類圖書銷售榜排名第5的技術管理類書籍,不想當將軍的士兵不是好士兵,其他的不多說。

《視界·×××:寫給UI設計師的設計書》

推薦理由:沒有審美的前端不是好架構師。讀設計類的書不是讓你搶設計師的飯碗(實際上你也搶不了),而是下次再有人說你的界面不好看時,你可以用「不懂審美」噎死他。

《前端工程化體系設計與實踐》

推薦理由:如果你不想永遠只是寫頁面,就需要面對從開發者到工程師的思維轉變。

  • 原文作者:學致編程
  • 原文鏈接:web前端學習最全書籍推薦(附帶電子書籍)
  • 原文出處:公眾號


我六年前入門時基本靠 Google大學圖書館亂翻書,現在更不需要具體某一本了 ——

開發一個web應用程序需要哪些方面的知識??

www.zhihu.com圖標


基礎書籍。


必讀

JavaScript (基礎書)

你不知道的JavaScript系列

圖解http

css文檔

推薦

css祕密花園

JavaScript 忍者祕籍

JavaScript設計模式開發與實踐


推薦閱讀:
相關文章