想學(xué)網(wǎng)頁開發(fā)，從哪里入手、如何自學(xué)？

時(shí)間：2024-02-18 05:15:02 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2024-02-18 05:15:02 來源：網(wǎng)站運(yùn)營

想學(xué)網(wǎng)頁開發(fā)，從哪里入手、如何自學(xué)？：我也自學(xué)web開發(fā)的，只要你愿意花費(fèi)時(shí)間去學(xué)，總是會(huì)有辦法的。

我做這行最初的目的，僅僅也是想做些有趣的網(wǎng)站，而且我不是什么天賦型選手，作為一個(gè)普通人，肯定也會(huì)碰到很多坑，走很多彎路，所以，我的建議可能更有參考意義，下面進(jìn)入干貨區(qū)。

先回答題主提問，作為剛?cè)腴T的小白，最好先了解網(wǎng)頁網(wǎng)站總體架構(gòu)運(yùn)作流程，這一步很重要，不要急著先學(xué)這個(gè)那個(gè)。這就好比，你剛到一個(gè)大公司，雖然你最終只在一個(gè)部門干活，但是你最好先整體了解一下整個(gè)公司的業(yè)務(wù)流程架構(gòu)，所有業(yè)務(wù)部門有哪些，各個(gè)部門和業(yè)務(wù)的關(guān)系，你所處的位置是哪個(gè)。你以為很多與你無關(guān)的東西，其實(shí)都對你有幫助，要有整體思維。

網(wǎng)站的總體架構(gòu)流程你一定要先了解一下，不求精通，至少能先產(chǎn)生疑問，比如你如果知道下面網(wǎng)頁信息總體運(yùn)作流程后，你學(xué)起來就會(huì)有目的了。

1.） 在瀏覽器里輸入域名之后，域名最終會(huì)解析成ip，最后通過這個(gè)ip找到對應(yīng)的服務(wù)器（簡單的了解下網(wǎng)頁http，tcp/ip服務(wù)等）。

2.） 用戶瀏覽器的請求到達(dá)目標(biāo)服務(wù)器之后，在服務(wù)器環(huán)境里需要一個(gè)接待客戶請求的專有程序，(比如你要在服務(wù)器搭建nginx/appache等web服務(wù))，服務(wù)器收到用戶請求后，會(huì)根據(jù)請求找到對應(yīng)的流程，有的是一個(gè)獨(dú)立靜態(tài)頁面，有的是一個(gè)動(dòng)態(tài)頁面。

2.1）靜態(tài)頁面就是用(html css js)那些前端知識(shí)構(gòu)建的一個(gè)文件，服務(wù)器直接讀取文件后，直接返回給客戶端，用戶在瀏覽器就可以看到效果了。

2.2）動(dòng)態(tài)頁面是要被后端語言(php,java,python等)處理包裝好的頁面，有的后端語言會(huì)去連接數(shù)據(jù)庫服務(wù)(mysql等)，后端語言會(huì)對數(shù)據(jù)業(yè)務(wù)進(jìn)行動(dòng)態(tài)處理，然后把處理好之后信息返回給用戶，所以這個(gè)頁面也叫動(dòng)態(tài)頁面，學(xué)后端其實(shí)就是學(xué)這個(gè)。

你看，你如果宏觀的了解整體運(yùn)作流程，就知道哪個(gè)知識(shí)點(diǎn)在那個(gè)環(huán)節(jié)里，這樣方向就會(huì)清晰起來，看起來也不多是吧？其實(shí)我只提了個(gè)大概，做網(wǎng)站和寫作文一樣，能寫出作文和能寫出好作文是兩碼事，做出交互好，視覺感覺好，體驗(yàn)好，維護(hù)好的網(wǎng)站可不簡單，比如像本站這種大型網(wǎng)站，不過新手可以先不用管，先做好基礎(chǔ)入門就行了。

上面各個(gè)知識(shí)點(diǎn)我用黑體加粗了，知道了他們相互關(guān)系，你就可以百度一下點(diǎn)對點(diǎn)學(xué)習(xí)了。時(shí)間不夠的可以挑前端學(xué)，然后其他的可以通過別人合作或者工具類實(shí)現(xiàn)，自學(xué)手段的話，因人而異，我個(gè)人的話最不建議看視頻，多動(dòng)手從簡單的小例子開始，學(xué)練結(jié)合，不要上來就摳復(fù)雜的問題，帶著疑問去查詢文檔或者找demo，養(yǎng)成會(huì)查詢文檔的好習(xí)慣，然后，你會(huì)碰到很多函數(shù)，請注意，很多函數(shù)你是不需要記住的，有的函數(shù)會(huì)查手冊就行，正經(jīng)學(xué)這些東西，其實(shí)是非常耗時(shí)間的，不如把重點(diǎn)放在原理層上，公式型的知識(shí)不是一定要去記下來，能借助手冊就可以，條條大路通羅馬！

作為新手，你可能會(huì)碰到各種啥啥框架，那東西看起來炫酷好用，但我建議你先不要學(xué)這些東西，這些就是查手冊就行了，回歸基礎(chǔ)，多學(xué)學(xué)原理層的東西，那種框架只會(huì)帶給你一種虛假繁榮的感覺，現(xiàn)在太多程序員在工具應(yīng)用層耗費(fèi)的時(shí)間太多，最后的結(jié)果就是，上限天花板已經(jīng)被限制死了。

最后，附上一些這個(gè)行業(yè)的一些職業(yè)工種的關(guān)系，有興趣的可以看一下，這樣可以加深你對互聯(lián)網(wǎng)開發(fā)的理解，對于想轉(zhuǎn)行過來的小白朋友可能也有幫助。

項(xiàng)目產(chǎn)品總策劃人/負(fù)責(zé)人，這個(gè)沒有具體叫法，就是你得有想法，有項(xiàng)目，才會(huì)去做產(chǎn)品，這個(gè)角色通常是創(chuàng)業(yè)者或老板，有想法后，然后考慮是怎么分工。

產(chǎn)品經(jīng)理，就是負(fù)責(zé)項(xiàng)目跟進(jìn)，銜接業(yè)務(wù)和技術(shù)對接的人，一般要對項(xiàng)目流程了解透徹，懂技術(shù)會(huì)好一些，不懂也可以做，溝通是關(guān)鍵，要會(huì)畫原型圖。

網(wǎng)站視覺設(shè)計(jì)師，負(fù)責(zé)把網(wǎng)站弄的好看的人，有時(shí)候也叫美工，一般不需要懂計(jì)算機(jī)知識(shí)，會(huì)ps作圖等把原型參考圖做出來，供其他程序員參考使用（很多小公司的產(chǎn)品經(jīng)理和網(wǎng)站設(shè)計(jì)師可能是同一個(gè)人）。

前端程序員，就是負(fù)責(zé)把用戶端可視的部分做出來的程序小哥，排版交互啥的會(huì)參考設(shè)計(jì)師或產(chǎn)品經(jīng)理做好的原型圖，依葫蘆做頁面，就是這樣，然后要預(yù)留好和后端交互的接口。

（這個(gè)是web端的前端，其實(shí)app端也類似，安卓，ios那些也是前端程序員，只不過運(yùn)行環(huán)境不一樣）

后端程序員，就是在服務(wù)器端布置好交互程序，做好數(shù)據(jù)業(yè)務(wù)處理的程序小哥，處理好數(shù)據(jù)后，融合前端頁面，渲染好動(dòng)態(tài)頁面，后端是可以處理不同終端請求的，比如網(wǎng)站，小程序，app等可以在同一個(gè)后端服務(wù)器里部署，主要是做好數(shù)據(jù)處理，通常和前端以及服務(wù)器運(yùn)維配合比較多。

服務(wù)器運(yùn)維，這個(gè)就是維護(hù)項(xiàng)目的服務(wù)器運(yùn)行環(huán)境，保證運(yùn)行平穩(wěn)，通常和后端程序員配合比較多。

測試員，就是找bug的人，通常專業(yè)的bug測試員，會(huì)根據(jù)那個(gè)需求文檔，指定一個(gè)測試目標(biāo)文檔，把很多流程都要走一遍，優(yōu)秀的測試員最好懂些技術(shù)。

技術(shù)總監(jiān)，有的公司可能會(huì)有一個(gè)技術(shù)總負(fù)責(zé)人的角色，專門負(fù)責(zé)技術(shù)方面的調(diào)度很跟進(jìn)，處理一些難點(diǎn)技術(shù)，把技術(shù)業(yè)務(wù)架構(gòu)好。

產(chǎn)品營銷推廣，這個(gè)通常會(huì)成立一個(gè)獨(dú)立部門，前面做的產(chǎn)品，最終上線，你得讓人知道了解啊，要不然白做了，現(xiàn)如今，技術(shù)壁壘兩級(jí)分化，很多產(chǎn)品其實(shí)都是在拼營銷推廣，也就是燒錢大戰(zhàn)。

可能還有一些細(xì)分的職位沒說出來，大概就是這么些了，有需要的可以了解一下。