㈠ Web 前端怎樣入門
給你一套web前端中級程序員學習路線圖，含配套視頻，前端工具，源碼等。
黑馬程序員學習路線圖及能掌握的能力（總，以下會分階段，加上配套學習視頻，小夥伴可繼續往下看！）
前端學習教程及公開課教程：黑馬程序員web前端學習視頻 全部
㈡ 如何用自己的電腦搭建web伺服器
如何用自己的電腦搭建web伺服器
這個可以直接網路搜索就有的。第一條經驗裡面就有裡面內容很詳細。搭建的時候。要看清楚自己的電腦是什麼系統。XP和WIN7的系統是有不同步驟的。
參考資料：:jingyan../article/9f63fb91d583b7c8400f0eef.
如何利用自己的電腦搭建WEB伺服器
如何利用自己的電腦搭建WEB伺服器？有各種方法，現在總結如下：
一、apache
1，下載wamp（windows+apache+mysql+php）環境安裝包，解壓到本地，就可以本地搭建web網站了，不過這種方法要求對代碼和apache比較精通。
2，下載phpstudy環境安裝包，解壓到本地，這個環境適合學習及本地測試，操作非常小白，界面式操作。
3，下載upupw適配安裝包，這個也是界面式的，可以選擇IIS、APACHE、KANGLE等各種環境。
二、IIS
目前windows7以上版本的系統，都支持IIS7.0。操作步驟比較繁瑣。
如何用自己的電腦搭建web伺服器，讓外網的用戶訪問
1、建議使用虛擬機，選擇好你需要的平台，在機子上裝好系統，以及對應的web服務端，然後在你的路由器上做好埠映射。
2、你要有個公網IP,如果沒有固定IP的話，可以用動態域名還做。
1.咱們先假定是固定IP的，如何域名解析？（我在區域網中用靜態IP，是固定的）
2.動態IP又如何域名解析？
3.自己的家的電腦想試試，還有就是學校的一台電腦伺服器也想試試
如何搭建自己的Web伺服器
安裝護衛神.主機大師，一鍵安裝web環境，支持IIS+ASP+ASP.+PHP+FTP+MYSQL+主機系統
如何用自己的電腦做一個WEB伺服器
伺服器具備的條件是24小時開機，因為要向外開放網路。web的話就必須搭建相應的環境，比如你製作的網站是asp環境就必須搭建asp環境的，還有php，jps等等，根據自己的需求安裝環境，還有其他的web應用。搭建網站的條件是1.域名（等等）2.伺服器（自己電腦，或者購買伺服器）3.腳本（aspaspxphpjsp等等）為了防止別人入侵你的網站你可以安裝相應的軟體來防止別人入侵你的網站比如：安全寶，安全狗。
xp用戶請下載iis for xp 的壓縮包。網路一下即可
一、IIS的添加
請進入「控制面板」，依次選「添加/刪除程序→添加/刪除Windows組件」，將「Inter信息服務（IIS）」前的小鉤去掉（如有），重新勾選中後按提示操作即可完成IIS組件的添加。用這種方法添加的IIS組件中將包括Web、FTP、NNTP和SMTP等全部四項服務。
二、IIS的運行
當IIS添加成功之後，再進入「開始→程序→管理工具→Inter服務管理器」以打開IIS管理器，對於有「已停止」字樣的服務，均在其上單擊右鍵，選「啟動」來開啟。
三、建立第一個Web站點
比如本機的IP地址為192.168.0.1，自己的網頁放在D:Wy目錄下，網頁的首頁文件名為Index.htm，現在想根據這些建立好自己的Web伺服器。
對於此Web站點，我們可以用現有的「默認Web站點」來做相應的修改後，就可以輕松實現。請先在「默認Web站點」上單擊右鍵，選「屬性」，以進入名為「默認Web站點屬性」設置界面。
1．修改綁定的IP地址：轉到「Web站點」窗口，再在「IP地址」後的下拉菜單中選擇所需用到的本機IP地址「192.168.0.1」。
2．修改主目錄：轉到「主目錄」窗口，再在「本地路徑」輸入（或用「瀏覽」按鈕選擇）好自己網頁所在的「D:Wy」目錄。
3．添加首頁文件名：轉到「文檔」窗口，再按「添加」按鈕，根據提示在「默認文檔名」後輸入自己網頁的首頁文件名「Index.htm」。
4．添加虛擬目錄：比如你的主目錄在「D:Wy」下，而你想輸入「192.168.0.1/test」的格式就可調出「E:All」中的網頁文件，這裡面的「test」就是虛擬目錄。請在「默認Web站點」上單擊右鍵，選「新建→虛擬目錄」，依次在「別名」處輸入「test」，在「目錄」處輸入「E:All」後再按提示操作即可添加成功。
5．效果的測試：打開IE瀏覽器，在地址欄輸入「192.168.0.1」之後再按回車鍵，此時就能夠調出你自己網頁的首頁，則說明設置成功！
四、添加更多的Web站點
1．多個IP對應多個Web站點
如果本機已綁定了多個IP地址，想利用不同的IP地址得出不同的Web頁面，則只需在「默認Web站點」處單擊右鍵，選「新建→站點」，然後根據提示在「說明」處輸入任意用於說明它的內容（比如為「我的第二個Web站點」）、在「輸入Web站點使用的IP地址」的下拉菜單處選中需給它綁定的IP地址即可（如圖1）；當建立好此Web站點之後，再按上步的方法進行相應設置。
如何在自己的電腦上搭建web伺服器
常見的Web伺服器有IIS，d和tomcat。Httpd和tomcat只需要下載只需要下載二進制包，解壓，從解壓目錄的bin目錄下運行d.exe或者startup.bat啟動即可。tomcat運行在java環境下，啟動之前還需要安裝java的jdk運行環境。另外，IIS自帶在微軟的Visual studio工具包里，安裝好以後可以通過控制面板裡面的安裝或關閉windows功能添加啟動服務。網路上都有相關安裝教程，可以參閱。
如何用nodejs搭建web伺服器
用nodejs搭建web伺服器方法：
引入需要用到的幾個模塊：
協議模塊
var = require('');
url解析模塊
var url = require('url');
文件系統模塊
var fs = require("fs");
路徑解析模塊
var path = require("path");
創建服務並在指定的埠監聽：
創建一個服務
var Server = .createServer(this.processRequest.bind(this));
在指定的埠監聽服務
Server.listen(port,function(){
console.log("[HttpServer][Start]","runing at :"+ip+":"+port+"/");
console.timeEnd("[HttpServer][Start]");
});
在創建服務的時候需要傳遞一個匿名函數processRequest 對請求進行處理，processRequest接收2個參數，分別是request和response, request對象中包含了請求的所有內容，response是用來設置響應頭以及對客戶端做出響應操作。
processRequest:function(request,response){
var hasExt = true;
var requestUrl = request.url;
var pathName = url.parse(requestUrl).pathname;
對請求的路徑進行解碼，防止中文亂碼
pathName = decodeURI(pathName);
如果路徑中沒有擴展名
if(path.extname(pathName) === ''){
如果不是以/結尾的，加/並作301重定向
if (pathName.charAt(pathName.length-1) != "/"){
pathName += "/";
var redirect = ":"+request.headers.host + pathName;
response.writeHead(301, {
location:redirect
});
response.end();
}
添加默認的訪問頁面,但這個頁面不一定存在,後面會處理
pathName += "index.";
hasExt = false; 標記默認頁面是程序自動添加的
}
獲取資源文件的相對路徑
var filePath = path.join("/webroot",pathName);
獲取對應文件的文檔類型
var contentType = this.getContentType(filePath);
如果文件名存在
fs.exists(filePath,function(exists){
if(exists){
response.writeHead(200, {"content-type":contentType});
var stream = fs.createReadStream(filePath,{flags:"r",encoding:null});
stream.on("error", function() {
response.writeHead(500,{"content-type": "text/"});
response.end("<h1>500 Server Error</h1>");
});
返迴文件內容
stream.pipe(response);
}else { 文件名不存在的情況
if(hasExt){
如果這個文件不是程序自動添加的，直接返回404
response.writeHead(404, {"content-type": "text/"});
response.end("<h1>404 Not Found</h1>");
}else {
如果文件是程序自動添加的且不存在，則表示用戶希望訪問的是該目錄下的文件列表
var = "<head><meta charset='utf-8'></head>";
try{
用戶訪問目錄
var filedir = filePath.substring(0,filePath.lastIndexOf('\'));
獲取用戶訪問路徑下的文件列表
var files = fs.readdirSync(filedir);
將訪問路徑下的所以文件一一列舉出來，並添加超鏈接，以便用戶進一步訪問
for(var i in files){
var filename = files[i];
+= "<div><a href='"+filename+"'>"+filename+"</a></div>";
}
}catch (e){
+= "<h1>您訪問的目錄不存在</h1>"
}
response.writeHead(200, {"content-type": "text/"});
response.end();
}
}
});
},
㈢ web前端開發
1、HTMLCSS這部分建議在線教程上學習，邊學邊練。
之後可以模仿一些網站做些頁面。在實踐中積累了一些經驗後，可以系統的讀一兩本書，推薦《HeadFirstHTML與CSS中文版》，這本書講的太細了，我沒能拿出耐心細讀。你可以根據情況斟酌。
2、Javascript要學的內容實在很多，如果沒有其他編程語言的基礎的話，學起來可能要費些力，可以先在W3school學習一下，之後再建議看看《Javascript語言精粹》，JS是一門很混亂的語言，這本書能夠幫助你區分哪些是語言的精華，哪些是糟粕，對於語言精華，應該深入學習。糟粕部分能看懂別人寫的代碼就行，自己就不用嘗試了。
有了以上基礎，就可以進行一般的靜態網頁設計，不過對於復雜的頁面還需要進一步學習。
1、CSS。必看《精通CSS》，看完這本書你應該對：盒子模型，流動，Block，inline，層疊，樣式優先順序，等概念非常了解了。作為練習可以看下《CSS藝門之匠》這本書，它對標題，背景，圓角，導航條，table，表單等主題都有詳細的介紹。
2、Javascript。上面提到內容還不足以讓你勝任JS編程。在有了基礎之後，進一步學習內容包括：
a）框架。
推薦jQuery，簡單易用，上手jQuery即可完成一些簡單的項目。學習方法也很簡單，照著產品文檔做
幾個頁面就行了，不用面面俱到，以後遇到問題查文檔就行了。框架可以幫你屏蔽瀏覽器的差異性，讓你能更專注與Web開發學習的精髓搏擾謹部分。補充：可以使用
Codecademy學習Javascript，jQuery，用戶體驗真的很好。
b）Javascript語言範式
這個名字可能並不恰當，只是我找不到可以描述「面向對象」，「函數式」這個兩個概念的概念。Javascript不完全是一個面向對象的語言，它的很多
設計理念都有函數編程語言的影子，甚至說如果你不用面向對象，完全可以把它理解成一門函數式編程語言。
Javascript的很多李蔽語言特性，都是因為他具有函數式語言的特點才存在的。這部分推薦先學習面向對象的基本理論，對封裝，繼承，多態等概念要
理解，維基網路，網路會是你的幫手，另外推薦《ObjectOriented
Javascript》，應該有中文版。對與函數式編程我了解的也不系統，不好多說，可以自己網路一下。
c）Javascript語言內部機制。必須弄清如下概念：JS
中變數的作用域，變數傳遞方式，函數的定義環境與執行環境，閉包，函數的四種調用方式（一般函數，對象的方法，apply，call），以及四種調用方式
下，『this』指向的是誰。這部分內容你會在《Javascript語言精粹》中詳細了解。另外，你必須理解json。
d）dom編程，這個Web前端工程師的核心技能之一。必讀《Dom編程藝術》，另外《高性能Javascript》這本書中關於dom編程的部分講的也很好。
e）Ajax編程，這是另一核心技術。Ajax建議在網上查些資料，了解這個概念的來龍去脈，網路，維基網路上的內容就足夠了。真正編程是很容易的，如今幾乎所有框架都對Ajax有良好的封裝，編程並不復雜。
f）了解瀏覽器差異性。這部分包括CSS和js兩部分，瀏覽器差異內容很多，建議在實踐中多多積累。另外對於瀏覽器的渲染模式，DOCTYPE等內容應該系統學習。
3、HTML5和CSS3。HTML5規范已經於2014年10月28日發布了，移動端HTML5和CSS3已經得到基基了非常廣泛的使用，必知必會呀。
㈣ 如何高效學習web前端
以下是一些高效學習Web前端的方法：
學習基礎知識：首先，需要學習Web前端基礎知識，例如HTML、CSS和JavaScript等。可以參考一些在線課程或教程，例如w3schools、Codecademy等，這些網站提供免費的Web前端教程。
實踐項目：學習Web前端不僅需要掌握理論知識，還需要實踐項目。可以通過參與開源項目或者自己完者鉛成一些小型項目來提升實踐經驗和技能。
掌握工具：Web前端開發需要掌握一些開發工具和框架，例如代碼編輯器、前端框架、版本控制工具等。可以使用一些流行的開發工具，例如VSCode、Sublime Text、Git等。
學習最新技術：Web前端技術發展迅速，需要時刻了解信者最新的技術趨勢和前沿技術。可以通過訂閱博客、技術論壇或社交媒體來獲取最新的技術動態。
參與社區：參與Web前端社區可以獲得更多的經驗和技能。可以加入一些在線論壇或社區，例如Stack Overflow、GitHub等，與其他開發者交流經驗和技術。.
持續學習：Web前端技術不斷更新，需要不斷學習和掌握新技術。可以定期參加一些在線課程或者實體課程，例如Coursera、Udemy等。
想要系統學習，你可以考察對比一下開設有相關專業的熱門學校免費獲取資料好的學校擁有根據當下企業需求自主研發課程的滑嫌薯能力，能夠在校期間取得大專或本科學歷，中博軟體學院、南京課工場、南京北大青鳥等開設相關專業的學校都是不錯的，建議實地考察對比一下。
祝你學有所成，望採納。
北大青鳥中博學生課堂實錄
㈤ 有哪些好的網站學習Web開發
現在學習這樣的網站有很多很多，我就簡單的舉例幾個：網易雲課堂，騰訊課堂，慕課網，開課吧，潭州學院，51cto，還有自學網。如果你是零基礎，我建議你先學習html，css，jquery，中期學習js，後期可以學期目前流行的三大前端主流框架。
㈥ 求推薦一些關於web前端的一些教程書籍，適合新手的
這里主要介紹一下我在web學習前端開發過程中的一些書和經驗。都是一些個人經驗，因為每個人的學習方法不同，大家權當參考吧。
我學習一般以看書為主，然後輔以一些優秀的視頻教程，還有網上的文章。也有同學以看視頻為主的，我舍友就是這樣。
如果你是真心想學習web前端、以後想朝著這個方向發展，那麼你一定要來這個企鵝裙，前面前面是二9六，中間是5九一，最後面就是二九零，來這里可以這里學習經驗，得到專人解答，這樣你可以成長的更快！！！
我把現在的書籍一般分為兩類，一類是偏理論型的，如「權威指南」這些書；一類是偏實踐型的，理論相對較少，比較多例子和接近解決方案。在初學階段，我一般會各挑選一本比較好的，同時也會借很多同類型的書籍，不過主要是用來做參考，但並不會通讀。
例如我在學習javascript的時候，我基本把圖書館基本能借的javascript書都借了，主要是圖靈和博文視點出版的書。例如《JavaScript核心技術》，《精通JavaScript
》，《JAVASCRIPT語言精髓與編程實踐》，《JavaScript設計模式》，《JavaScript語言精粹》，《JavaScript
DOM編程藝術》，《ppk談JavaScript》，《高性能網站建設指南
》等，還有其他很多js的書，如果借不到，就直接在圖書館七樓看，例如權威指南；也有一些一般的書，這里沒有提到，這些書，我並不是全部都會認真看過，因為初學階段這樣學習效率不高。權威指南我現在還沒看完，但是如果要全面深入學習的話，看兩本還是不夠的。但我喜歡以集中在兩本書以內學習作為切入點，這樣能使我將精力集中在，並且發現問題。
我在上面提到的書，都是比較好的書，適合不同的階段，例如《JavaScript語言精粹》這本書是屬於很精華的讀物，入門的時候看可能會比較吃力，當你對JS有一定的駕馭能力的時候，可能就會發現其中的奧妙。我當時花精力看的主要是《精通JavaScript
》，《JAVASCRIPT語言精髓與編程實踐》，《JavaScript核心技術》也花了不少時間，感覺收獲不是很大，可能當時理解不夠深刻，權威指南也是後來才看。《JavaScript核心技術》給我的幫助沒想像中大，但裡面說的知識我是很認真在看，可能不適合入門吧，但很多事情冥冥之中的聯系誰又能說得清楚呢，早期花時間在《JavaScript核心技術》上未必就是壞事。
《精通JavaScript
》是偏實踐型一類的書，作者是JQuery之父，書中有很多非常好的例子，還有jS的相關技巧，兼容瀏覽器的方法等。有很多例子都是作者處理問題的總結，我當時幾乎把裡面的每個例子都測試了一遍，受益匪淺，當然，書中也有不少瑕疵，不知道是我借的那本書印刷問題還是怎麼的，有些代碼運行並不兼容，也有些函數方法並不能成功運行。到後半部分的示例也比較繁瑣，我只是粗略看了一番。實際到後來我看網上的評論，這本書適合進階的人看，現在回頭看，感覺確實有jQuery源碼分析的感覺，而且部分內容並不適合初學者閱讀。但是書中的第三部分確實是很有用的。
上面說了很多關於個人在學習JS上的一些心得，無非也就是想說明一點，有時候並不能找到一本真正適合初學者的書，或者教程。有些書確實不錯，未必就適合你，有時候我們也會走錯路，但學習不應就此止步。
我接下來會寫一些自己讀過的書，並且覺得好的書推段大薦給大家，希望對大家有用：
HTML相關：
《Web標准實戰》比較簡單，適合入門
《Web標准設計》
《深入淺出HTML》
CSS相關
《CSS設計徹底研究》視頻教程很好，書本我並沒有詳細研究，不好說建議。
《CSS網站布局實錄》CSS的書我看得比較少，這本算是看得比較全了，聽說第二版不錯。
CSS的書有很多非常好的，這里就不一一細說了。/special/webstandards/這個網址有一些相關的介紹。
javascript相關：
《精通JavaScript》第三部分非常好
《JAVASCRIPT語言精髓與編程實踐》這本書對原型和繼承做了非常精闢的解釋，網上大部分關於原型的文章都是參考此書的。
《悟透javascript》這本書第一章是介紹原型和繼承的，第三章也介紹了跨域的一個解決方法，還有就是作者對程序和人生的理解哲學很有深度。
《JavaScript權威指南》這本書就不用說了
《高性能網站建設指南》這類書有兩本不同版本，都是關於web性能優羨燃御化的兄岩
《JavaScript語言精粹》進階的好書
《JavaScript設計模式》進階的好書
SEO;
《SEO教程：搜索引擎優化入門與進階》這本書有些地方我認為說得不大確切，但是總體還不錯。
這些書，大部分都是我讀過的，覺得很好，所以推薦給大家。當然好書還不僅僅上述這些而已。如果其他同學覺得還有其他的書不錯，也歡迎補充。因為要深入地學習，這些書是遠遠不夠的。
㈦ 求比較好的javaweb教程
JavaWeb開廳空發詳解:XML+XSLT+Servlet+JSP深入剖析與實例應用(附光碟)(孫鑫作品系列巧跡)JavaWeb2.0架構開發與項目實戰(配光碟1張)作者:張峰李慧麗Tomcat與JavaWeb開發技術詳解(第2版)(附CD-ROM光碟1張)(專業人士權威經典)作者:孫衛琴深入體驗JavaWeb開發內幕:高級特性作者:張孝祥《JavaWeb開發詳解》或者《Servlet/JSP深入扮寬瞎詳解》，孫鑫寫的書。內容很全。