圖靈書單:前端學習路線?

楊帆發表於2020-05-27

其他: ☕️Java篇 / ?Python篇

本文大致梳理了圖靈在“成為前端工程師”之路上出版的重點好書,僅供大家參考。

  1. HTML與CSS
  2. JavaScript
  3. 網路協議&安全
  4. 邁向全端:Node.js
  5. 其他基礎知識

HTML與CSS

  • 入門

    • HTML5與CSS3基礎教程(第8版)
      全球最暢銷的入門書,熱銷100萬+。
      獨特的分步講解形式,貫穿全書的統一示例,以及通過提示和補充材料給出的豐富的擴充套件學習資源,對初學者而言,歷來是學習效率的保證。

    • 精通CSS:高階Web標準解決方案(第3版)

      有CSS的基礎後,再來看這本書。
      兩位作者技術與寫作俱佳,不僅對CSS設計的底層技術和方法有深刻的理解,更善於將這些知識娓娓道來。他們結合大量複雜實現情景,清晰展示瞭如何利用新技術寫出高度靈活、易維護和可擴充套件的程式碼,並讓這些程式碼在不同瀏覽器和不同平臺上跑起來。

  • 進階

    • 響應式Web設計:HTML5和CSS3實戰(第2版)

      你是否需要寫兩個網站,一個針對手機,一個針對大顯示器?或者你已經完成了一版響應式作品,但不知道怎麼把它跟之前的網站整合起來?這本書可以告訴你想知道的一切。

      有HTML和CSS基礎,就可以輕鬆看懂這本書。思路清晰,文風幽默。

    • 深入解析CSS

      作者對前端和後端的工作都十分了解,並擁有十餘年CSS實戰經驗。在就職過的每一家公司,他都是非常重要的CSS導師。

      對於想要精通CSS的人而言,這本書是一張寶貴的“地圖”,覆蓋了CSS世界的大部分“疆土”,從CSS基礎知識開始(如層疊、優先順序、繼承、相對單位、盒模型等),到多種佈局(如浮動佈局、Flexbox、網格佈局、響應式設計等),再到大型應用程式中的CSS(如模組化CSS和模式庫),最後是關於CSS的高階話題(如背景、陰影和混合模式,對比、顏色和間距,以及排版、過渡、變換、動畫等)。

  • 高階

    • CSS揭祕

      CSS領域裡最具專業性的書,會讓人腦洞大開、豁然開朗。

      作者是網頁設計和開發領域的大師Lea Verou,她在書中揭示了47個鮮為人知的CSS技巧及背後的思考,指導中高階CSS開發者循序漸進,探尋更優雅的解決方案。

JavaScript

  • 入門

    • Head First JavaScript程式設計

      對初學者非常友好,延續了此係列豐富而有趣的寫作風格。這本書證明了即便是專家級的內容,也能高效、快速地學習。

    • JavaScript DOM程式設計藝術(第2版)

      超級暢銷書,行文生動,講解人性化,是入門Javascript必備書籍。

      介紹了DOM程式設計技術背後的思路和原則:平穩退化、漸進增強和以使用者為中心等,這些概念對於任何前端工作都非常重要。如果讀者能通過書中的案例真正領悟這些原則、習慣和思路,一定能讓自己的程式設計技術再上一個臺階。

      缺點:出版太早,不少篇幅著墨於現在已是古老瀏覽器的相容性問題。但多年暢銷不衰,也證明了這本書的非凡魅力。

  • 進階

    • JavaScript高階程式設計(第3版)

      喜歡的人太多,都有了小名:“JS紅寶書”,是點亮前端科技樹重要的一環?。(第4版)進展可看這裡。

      全面深入、貼近實戰,教會你在面對各種常見的Web開發問題時,如何拿出自己的JavaScript解決方案。

      “從介紹表示式和變數宣告開始,平滑地過渡到了閉包、物件導向開發等高階主題。與那些把大量篇幅花在講解背景知識上的書,以及那些讓人感覺好像是要使用JavaScript開發導彈制導系統的書相比,這本書讓人感覺細緻周到、親切自然。這是一本寫給“普通人”的書,它能讓你編寫出引以為榮的程式碼,構建出令人叫絕的網站。”

    • 深入理解JavaScript特性

      從實際開發角度介紹ES6及後續更新版本特性。

      JavaScript之父Brendan Eich作序推薦:“先從淺顯易懂的程式碼示例講起,逐步擴充套件到設計模式,再到完整的基於模組的應用構建。這套書匠心獨運,還專門探討了有關測試的最佳實踐和部署 JavaScript 應用的高超技術。”

    • JavaScript設計模式與開發實踐

      騰訊前端Alloy Team團隊出品,資深前端工程師曾探力作。
      在尊重《設計模式》原意的同時,針對JavaScript語言特性全面介紹了更適合JavaScript程式設計師的了16個常用的設計模式,講解了JavaScript物件導向和函數語言程式設計方面的基礎知識,介紹了物件導向的設計原則及其在設計模式中的體現,還分享了物件導向程式設計技巧和日常開發中的程式碼重構。本書將教會你如何把經典的設計模式應用到JavaScript語言中,編寫出優美高效、結構化和可維護的程式碼。

  • 高階

    “你不知道的 JavaScript”系列叢書旨在介紹 JavaScript 中那些不太為人所知的地方,最終讓你對這門語言有一個全面的瞭解。一旦掌握了這些知識,那些技巧、框架和時髦術語等都將不在話下。

    你不知道的JavaScript(上卷)

    你不知道的JavaScript (中卷)

    你不知道的JavaScript (下卷)

  • jQuery

    jQuery基礎教程(第4版)

    jQuery官方推薦的經典技術教程。“第一版自面世以來,始終高居最暢銷JavaScript圖書榜首,究其原因,概源自其內在的高品質和對細節的關注。”——jQuery之父John Resig

  • React

    深入React技術棧

    全面講述React技術棧的第一本原創圖書,作者是pure render專欄主創陳屹。

    “不僅介紹了面向普通使用者的API、應用架構和周邊工具,還深入介紹了底層實現。此外,本書非常重視實戰,每一節都有實際的例子,細節豐富。我從這本書裡學到了很多東西,強烈推薦” ——阮一峰

  • Vue.js

    深入淺出Vue.js

    360前端工程師劉博文精心打造,如庖丁解牛般地分析了Vue.js的原始碼,深入框架設計原理而又用淺顯易懂的方式講解出來,帶領大家透過現象看到Vue.js的本質。

網路協議&安全

  • 圖解HTTP

    如果想要在前端工程師道路上走得更堅實,絕對不能繞開學習 HTTP 協議這一環節。這本書對初學者非常友好,平實易懂,內容講解透徹到位;圖文並茂,大量圖片穿插文中,生動形象。

  • HTTP權威指南

    雖然HTTP是中心內容,但這本書的本質是理解Web的工作原理,以及如何將這些知識應用到Web程式設計和管理之中去,主要涵蓋HTTP的技術運作方式、產生動機、效能和目標,以及一些相關技術問題。

    插播一則豆瓣的評論: 插圖

  • HTTPS權威指南:在伺服器和Web應用上部署SSL/TLS和PKI

    英文版用了bulletproof一詞,大意是SSL/TLS刀槍不入,是一本集理論 、協議細節 、漏洞分析 、部署建議於一體的 Web 應用安全指南。

  • Web安全開發指南

    一旦牽涉到安全問題,下意識的反應都是逃避,但逃避不是長遠之計。這本書介紹瞭解決安全問題的原則、方法和工具,給出了系統性的安全方案。除了前端人員,其他崗位的同學也可以看一看。

  • 黑客攻防技術寶典 Web實戰篇

    作者根據多年工作經驗,列出大量例項,詳細闡述了各種安全漏洞與攻擊技巧,也介紹了為抵禦攻擊而採取的應對措施。 目標讀者是滲透測試員,但開發人員也值得一看,畢竟瞭解你的敵人有助於構建防禦。

邁向全端:Node.js

自2009年Node.js問世以來,JavaScript漸漸變成了能開發所有軟體的語言。

  • 入門

    Node.js實戰(第2版)

    作者們就是編寫Node.js程式碼的人,這本書由淺入深,非常適合入門。

  • 進階

    深入淺出Node.js 

    從原始碼級別探尋Node的實現原理,來自阿里巴巴一線Node開發者最真實的經驗,是目前質量最高的一本Node圖書。

    因為中國沒有幾個人像樸靈一樣,有機會在很多高併發的應用場景中反覆實踐。這絕對是一本實踐性極強的技術書,不管是否學習過Node,只要你愛好技術,都推薦你閱讀它。

其他基礎知識

在實際應用中,不可避免地要學習比如git、shell、資料庫以及演算法等基礎知識,我們有一系列被群眾認可、對初學者友好的入門教程,可以幫助你更快掌握:

  • git

    GitHub入門與實踐
    秉承了日系技術書刊一貫的“手把手教學”風格,從Git的基本知識和操作方法入手,詳細介紹了GitHub的各種功能,在實踐中學習 GitHub。

  • shell

    Linux Shell指令碼攻略(第3版)
    結合豐富的實際案例,介紹瞭如何利用shell命令實現與作業系統的高效溝通。

  • sql

    SQL基礎教程(第2版)
    日本知名資料庫工程師寫給初學者的實用指南,面向完全沒有程式設計經驗的初學者,介紹了關聯式資料庫以及用來操作關聯式資料庫的 SQL 語言的使用方法。

  • 網路

    網路是怎樣連線的
    “計算機網路概論”圖解趣味版,讀懂了這本書,就理解了網路世界的全貌。

  • 演算法

    我的第一本演算法書(日漫)
    沒有程式設計基礎也能看懂,比另一本《演算法圖解》有更多插圖?‍♀️。
    是自學演算法的好搭檔,也是學渣的希望。如果學校裡的資料結構和演算法課讓你生畏,這本書保證不一樣。

    演算法圖解:像小說一樣有趣的演算法入門書(美漫)
    最好有程式設計基礎,在圖解以外,還用Python編寫了示例以做說明。
    這本書的特點都藏在標題裡了,是一本廣受好評的演算法入門書。

倉促成文,如有疏漏,敬請諒解。 祝學習之火越燃越熊。

相關文章