學(xué)這個(gè)的話我覺(jué)得在網(wǎng)上看教程其實(shí)就行了，比如比較有名的w3school在線教程、w3cschool在線教程(這個(gè)比較商業(yè)化)、菜鳥(niǎo)教程，里面有很多計(jì)算機(jī)編程言語(yǔ)的教程，包括前端部分的HTML5、css3和js等，當(dāng)然js如果要往更高階的地方學(xué)習(xí)的話，還可以推薦去看看大神廖雪峰寫的廖雪峰教學(xué)，還有阮一峰的JavaScript標(biāo)準(zhǔn)參考教程，比較權(quán)威。
創(chuàng)新互聯(lián)建站專業(yè)為企業(yè)提供錦州網(wǎng)站建設(shè)、錦州做網(wǎng)站、錦州網(wǎng)站設(shè)計(jì)、錦州網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)與制作、錦州企業(yè)網(wǎng)站模板建站服務(wù)，十載錦州做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。
如果真的想要買書(shū)的話，也值得推薦：
css學(xué)習(xí)：
JavaScript學(xué)習(xí)：
這些基本在淘寶上都可以買到，希望我的回答能幫到你，祝你學(xué)習(xí)愉快！
阮一峰
百度搜 阮一峰 JavaScript 標(biāo)準(zhǔn)參考教程 和 阮一峰 ECMAScript 6 入門
一、《web前端開(kāi)發(fā)最佳實(shí)踐》
這本書(shū)是前端開(kāi)發(fā)領(lǐng)域的經(jīng)典之作，是一本扎實(shí)前端基本功，規(guī)范我們前端代碼的實(shí)踐性書(shū)籍。本書(shū)主要講解了HTML、CSS、JavaScript以及移動(dòng)端開(kāi)發(fā)的最佳實(shí)踐方案，能對(duì)缺乏良好知道的開(kāi)發(fā)者產(chǎn)生很大的幫助。通過(guò)閱讀本書(shū)我們可以掌握如何編寫高可讀性、高維護(hù)性、高性能的HTML、CSS以及JavaScript。
二、《CSS那些事兒》
《CSS那些事兒是2009年電子工業(yè)出版社出版的圖書(shū)，作者是林小志。該書(shū)通過(guò)對(duì)CSS技巧實(shí)例進(jìn)行講解，深入地分析了CSS相關(guān)知識(shí)。
通過(guò)頁(yè)面中的文字、圖片、表格、表單等常見(jiàn)元素的處理及各種頁(yè)面布局方式的使用，使讀者能深入了解如何在頁(yè)面中更好地運(yùn)用CSS布局。尤其是在頁(yè)面布局的部分中，全面分析了多重布局方式，著重分解了兩列等高和三列等高的幾種方式，并相應(yīng)說(shuō)明了等高布局的優(yōu)缺點(diǎn)。
三、《CSS權(quán)威指南》
內(nèi)容介紹：《CSS權(quán)威指南》通過(guò)諸多示例，詳細(xì)講解了如何做到僅在一處建立樣式表就能創(chuàng)建或修改整個(gè)網(wǎng)站的外觀，以及如何得到html力不能及的更豐富的表現(xiàn)效果。同時(shí)展示了如何遵循css最新規(guī)范（css2和css2.1）將層疊樣式表的方方面面應(yīng)用于實(shí)踐。
四、《JavaScript 標(biāo)準(zhǔn)參考教程》阮一峰
內(nèi)容介紹：阮一峰 本書(shū)全面介紹 JavaScript 核心語(yǔ)法，從最簡(jiǎn)單的開(kāi)始講起，循序漸進(jìn)、由淺入深，力求清晰易懂。所有章節(jié)都帶有大量的代碼實(shí)例，便于理解和模仿，可以用到實(shí)際項(xiàng)目中，即學(xué)即用。 本書(shū)適合初學(xué)者當(dāng)作JavaScript語(yǔ)言的入門教程，也適合當(dāng)作日常使用的參考手冊(cè)。
五、JavaScript高級(jí)程序設(shè)計(jì)第三版
內(nèi)容介紹：《全書(shū)從JavaScript 語(yǔ)言實(shí)現(xiàn)的各個(gè)組成部分——語(yǔ)言核心、DOM、BOM、事件模型講起，深入淺出地探討了面向?qū)ο缶幊獭jax 與Comet 服務(wù)器端通信，HTML5 表單、媒體、Canvas（包括WebGL）及Web Workers、地理定位、跨文檔傳遞消息、客戶端存儲(chǔ)（包括IndexedDB）等新API，還介紹了離線應(yīng)用和與維護(hù)、性能、部署相關(guān)的最佳開(kāi)發(fā)實(shí)踐。
六、鋒利的jquery
內(nèi)容介紹：《鋒利的jQuery(第2版)》循序漸進(jìn)地對(duì)jQuery的各種函數(shù)和方法調(diào)用進(jìn)行了介紹，讀者可以系統(tǒng)地掌握jQuery的選擇器、DOM操作、事件和動(dòng)畫(huà)、AJAX應(yīng)用、插件、jQuery Mobile、jQuery各個(gè)版本變化、jQuery性能優(yōu)化和技巧等知識(shí)點(diǎn)，并結(jié)合每個(gè)章節(jié)后面的案例演示進(jìn)行練習(xí)，達(dá)到掌握核心知識(shí)點(diǎn)的目的。
七、HTTP權(quán)威指南
內(nèi)容介紹：《HTTP權(quán)威指南》由古爾利所著，《HTTP權(quán)威指南》詳細(xì)解釋了如何用HTTP來(lái)開(kāi)發(fā)基于Web的應(yīng)用程序，核心的[因特網(wǎng)協(xié)議，如何與架構(gòu)構(gòu)建塊交互，如何正確實(shí)現(xiàn)因特網(wǎng)客戶和服務(wù)器等。
《HTTP權(quán)威指南》的中心內(nèi)容是HTTP，本質(zhì)是理解Web的工作原理，以及如何將這些知識(shí)應(yīng)用到Web編程和管理之中，主要涵蓋HTTP的技術(shù)運(yùn)作方式、產(chǎn)生動(dòng)機(jī)、性能和目標(biāo)以及一些相關(guān)技術(shù)問(wèn)題。 《HTTP權(quán)威指南》適合所有想了解HTTP和Web底層結(jié)構(gòu)的人閱讀。
八、高性能網(wǎng)站建設(shè)指南
內(nèi)容介紹：《高性能網(wǎng)站建設(shè)指南》結(jié)合Web2.0以來(lái)Web開(kāi)發(fā)領(lǐng)域的最新形勢(shì)和特點(diǎn)，介紹了網(wǎng)站性能問(wèn)題的現(xiàn)狀、產(chǎn)生的原因，以及改善或解決性能問(wèn)題的原則、技術(shù)技巧和最佳實(shí)踐。重點(diǎn)關(guān)注網(wǎng)頁(yè)的行為特征，闡釋優(yōu)化Ajax、CSS、JavaScript、Flash和圖片處理等要素的技術(shù)，全面涵蓋瀏覽器端性能問(wèn)題的方方面面。
前端開(kāi)發(fā)是創(chuàng)建Web頁(yè)面或app等前端界面呈現(xiàn)給用戶的過(guò)程。前端開(kāi)發(fā)通過(guò)HTML，CSS及JavaScript以及衍生出來(lái)的各種技術(shù)、框架、解決方案，來(lái)實(shí)現(xiàn)互聯(lián)網(wǎng)產(chǎn)品的用戶界面交互。因此主要會(huì)涉及到HTML、CSS、JS、jQuery等技術(shù)。
《Web性能權(quán)威指南》??
適合所有Web 應(yīng)用及站點(diǎn)開(kāi)發(fā)人員閱讀，包括但不限于前端、后端、運(yùn)維、大數(shù)據(jù)分析、UI/UX、存儲(chǔ)、視頻、實(shí)時(shí)消息，以及性能工程師。
本書(shū)是谷歌公司高性能團(tuán)隊(duì)核心成員的權(quán)威之作，堪稱實(shí)戰(zhàn)經(jīng)驗(yàn)與規(guī)范解讀完美結(jié)合的產(chǎn)物。本書(shū)目標(biāo)是涵蓋Web 開(kāi)發(fā)者技術(shù)體系中應(yīng)該掌握的所有網(wǎng)絡(luò)及性能優(yōu)化知識(shí)。全書(shū)以性能優(yōu)化為主線，從TCP、UDP 和TLS 協(xié)議講起，解釋了如何針對(duì)這幾種協(xié)議和基礎(chǔ)設(shè)施來(lái)優(yōu)化應(yīng)用。然后深入探討了無(wú)線和移動(dòng)網(wǎng)絡(luò)的工作機(jī)制。最后，揭示了HTTP 協(xié)議的底層細(xì)節(jié)，同時(shí)詳細(xì)介紹了HTTP 2.0、 XHR、SSE、WebSocket、WebRTC 和
DataChannel 等現(xiàn)代瀏覽器新增的具有革命性的新能力。
《深入淺出HTML與CSS、XHTML》
能讓你避免認(rèn)為Web-safe顏色還是緊要問(wèn)題的尷尬，以及不明智地把標(biāo)記放入你的頁(yè)面。最大的好處是，你將毫無(wú)睡意地學(xué)習(xí)HTML、XHTML 和CSS。如果你曾經(jīng)讀過(guò)深入淺出（Head First）系列圖書(shū)中的任一本，就會(huì)知道書(shū)中展現(xiàn)的是什么：一個(gè)按人腦思維方式設(shè)計(jì)的豐富的可視化學(xué)習(xí)模式。本書(shū)的編寫采用了許多最新的研究，包括神經(jīng)生物學(xué)、認(rèn)知科學(xué)以及學(xué)習(xí)理論，這使得本書(shū)能讓HTML和CSS深深地烙印在你的腦海里。
《30天，App開(kāi)發(fā)從0到1》
本書(shū)全面、系統(tǒng)、細(xì)致地講述了App開(kāi)發(fā)的相關(guān)內(nèi)容，涉及平臺(tái)工作原理、內(nèi)部實(shí)現(xiàn)機(jī)制和應(yīng)用開(kāi)發(fā)技巧。本書(shū)涵蓋了app應(yīng)用開(kāi)發(fā)的知識(shí)，包括基礎(chǔ)知識(shí)、關(guān)鍵技術(shù)、開(kāi)發(fā)技巧和行業(yè)方案，并從實(shí)踐角度出發(fā)，通過(guò)大量的實(shí)踐、詳細(xì)的操作步驟和豐富的開(kāi)發(fā)截圖，幫助開(kāi)發(fā)人員迅速掌握應(yīng)用開(kāi)發(fā)，有能力制作出好的App。本書(shū)是開(kāi)發(fā)人員的入門指南，并配有免費(fèi)的講解視頻，適合各種層次的學(xué)習(xí)者和開(kāi)發(fā)人員閱讀。
包管理器(Package Manager)
npm 最初它只是被稱為 Node Package Manager，用來(lái)作為Node.js的包管理器。但是隨著其它構(gòu)建工具(webpack、browserify)的發(fā)展，npm已經(jīng)變成了 "the package manager for JavaScript"，它用來(lái)安裝、管理和分享JavaScript包，同時(shí)會(huì)自動(dòng)處理多個(gè)包之間的依賴。
新版的nodejs已經(jīng)集成了npm
Node.js：nodejs分為了 長(zhǎng)期支持版 和 當(dāng)前版本 。
Linux中安裝nodejs的方法：
對(duì)于國(guó)內(nèi)的情形，在使用npm安裝JS包之前建議先更改npm的鏡像。
配置 npm 的國(guó)內(nèi)鏡像站點(diǎn)為： 。
方法一：在系統(tǒng)的HOME目錄新建 .npmrc 文件并添加 registry =
方法二：你可以使用淘寶定制的 cnpm 命令行工具代替默認(rèn)的 npm:
npm 的包安裝分為本地安裝（local）、全局安裝（global）兩種。
使用下面的命令來(lái)查看全局的包安裝的位置：
如果你希望具備兩者功能（本地安裝和全局安裝的功能），則需要在兩個(gè)地方安裝它或使用 npm link 。
npm link的功能是在本地包和全局包之間創(chuàng)建符號(hào)鏈接。我們說(shuō)過(guò)使用全局模式安裝的包不能直接通過(guò) require 使用,但通過(guò) npm link 命令可以打破這一限制。
比如我們將 express安裝到了全局環(huán)境，使用下面的命令可以將其鏈接到本地環(huán)境：
使用 npm link命令還可以將本地的包鏈接到全局。使用方法是在包目錄( package.json 所在目錄)中運(yùn)行 npm link 命令。
如果你的項(xiàng)目不再需要該模塊，可以在項(xiàng)目目錄內(nèi)使用npm unlink命令，刪除符號(hào)鏈接。
安裝信息和它們的依賴
package.json配置內(nèi)容
當(dāng)你的項(xiàng)目需要依賴多個(gè)包時(shí)，推薦使用 package.json。其優(yōu)點(diǎn)為：
文件中必須包含： name 和 version
兩種依賴包：
如果其他人也需要這個(gè)項(xiàng)目，只需要把這個(gè) package.json 文件給他，然后進(jìn)行簡(jiǎn)單的 npm install 即可。
使用 npm set 命令用來(lái)設(shè)置環(huán)境變量。
也可以用它來(lái)為 npm init 設(shè)置默認(rèn)值，這些值會(huì)保存在 ~/.npmrc 文件中。
使用 npm config 命令可以達(dá)到此目的。
或者手動(dòng)在 ~/.npmrc 文件中進(jìn)行配置：
更改目錄后記得在系統(tǒng)環(huán)境變量 PATH 中添加該路徑：
Node.js 的社區(qū)開(kāi)發(fā)了多版本管理器，用于在一臺(tái)機(jī)器上維護(hù)多個(gè)版本的 Node.js 實(shí)例，方便按需切換。Node 多版本管理器(Node Version Manager，nvm)是一個(gè)通用的叫法，推薦使用nvm安裝node，
在發(fā)布之前,首先需要讓我們的包符合 npm 的規(guī)范,npm 有一套以 CommonJS 為基礎(chǔ)包規(guī)范,但與 CommonJS并不完全一致,其主要差別在于必填字段的不同。通過(guò)使用 npm init 可以根據(jù)交互問(wèn)答產(chǎn)生一個(gè)符合標(biāo)準(zhǔn)的 package.json。
npm init 運(yùn)行示例：
該文件就是一個(gè)符合 npm 規(guī)范的 package.json 文件。這里的 index.js 作為包的接口。
創(chuàng)建帳號(hào)：
測(cè)試是否取得帳號(hào)：
進(jìn)入官網(wǎng)注冊(cè)
發(fā)布
更新包：修改 version字段，再重新發(fā)布
取消發(fā)布：
npm scripts 使用指南 - 阮一峰的網(wǎng)絡(luò)日志
package.json 文件有一個(gè) scripts 字段，可以用于指定腳本命令，供 npm 直接調(diào)用。
npm run lint 可以運(yùn)行腳本中的 lint 命令。 npm run test 可以運(yùn)行腳本中的 test 命令。
npm run 命令會(huì)自動(dòng)在環(huán)境變量 $PATH 添加 node_modules/.bin 目錄，所以 scripts 字段里面調(diào)用命令時(shí)不用加上路徑，這就避免了全局安裝NPM模塊。
start 和 test 屬于特殊命令，可以省略 run ：
如果僅僅使用 npm run 會(huì)列出scripts屬性下所有的命令：
npm 模塊安裝機(jī)制簡(jiǎn)介 - 阮一峰的網(wǎng)絡(luò)日志
NPM 使用介紹 - 菜鳥(niǎo)教程
npm Documentation
如何卸載使用npm鏈接安裝的軟件包？
package.json文件 -- JavaScript 標(biāo)準(zhǔn)參考教程（alpha）
npm模塊管理器 -- JavaScript 標(biāo)準(zhǔn)參考教程（alpha）
重慶分公司
重慶分公司
