-
1 # 小程式大師
-
2 # 大海里的小田螺
首先我們先了解一下整個產品的一個框架。
前端：就是你瀏覽網頁能夠看到的圖形化的東西透過瀏覽器展現出來。
這一部分的組成，主要結構是html+css這是幹什麼呢？就是畫出整個頁面的圖片或者是文字，還有佈局。
那展現出來的資料是透過什麼樣的程式來實現的呢？就是透過JavaScript.
前端開發主要是靜態使用者介面加上一些動態效果，不涉及資料邏輯！
比如如：一個登陸頁面： 前端開發只要做好靜態頁面部分 ，加上滑鼠移入輸入框、移出輸入框的顏色變化
Javascript主要就是來呼叫後臺資料庫裡面的資料，這個中間有一個橋樑我們通常稱之為一個API，用文字描述的話，通常稱為介面。
前端三大語言： HTML， CSS和 JavaScript
現在web前端三大框架Angular、React、Vue
下圖就是我目前在做的一個公司產品：
那麼這些API我們也是需要有人在後端透過各種程式語言來進行開發，開發的人員就稱之為後端開發。
後端開發人員也可能會參與系統架構，決定如何組織系統的邏輯，以便能夠正常維護和執行。
他可能會參與構建框架或系統架構，以便於更容易編寫程式。後端開發人員比前端開發人員花費更多的時間在實現演算法和解決問題上。
後端開發人員通常的工作是從資料庫或其他資料來源寫入、讀取和處理資料，因此擁有SQL等技能會非常重要。這裡包含各種主流資料庫的熟悉運用掌握一門是不夠的。
比如:mysql,SQL Server，Oracle Database,mongodb等
以最簡單的Java為基礎你要知道集合（Map、List、Set、Queue）、併發包（執行緒池、執行緒、併發工具類（Tools、Sepehone））、JVM（GC、JMM、執行時資料區域）、NIO，定時器等基礎知識集合（Map、List、Set、Queue）、併發包（執行緒池、執行緒、併發工具類（Tools、Sepehone））、JVM（GC、JMM、執行時資料區域）、NIO，定時器等基礎知識
這還只是冰山一角，最基礎的部分你還要熟悉網路這一塊。後端要說的實在是太多了，因為後端是一個涉及性比較全面的一個職業，哪怕是16進位制二進位制這種都是平時經常用的。
像下面這些網路協議都是基礎知識要熟練掌握。
TCP 報頭格式
UDP 報頭格式
TCP/UDP 區別（不僅是宏觀上的，還要了解各自的機制）
HTTP 狀態碼（熟悉使用場景，比如在快取命中時使用哪個）
HTTP 協議（一些報頭欄位的作用，如cace-control、keep-alive ）
OSI 協議、TCP/IP 協議以及每層對應的協議
SESSION 機制、cookie 機制
TCP 三次握手、四次揮手（面試官最喜歡問的，建議每天手擼一遍，而且不只是每次請求的過程，各種 FIN_WAIT、TIME_WAIT 狀態也要掌握）
http 和 https 區別 （https 在請求時額外的過程，https 是如何保證資料安全的）
IP 地址子網劃分
POST 和 GET 區別
DNS 解析過程
後端開發人員——至少對於Web開發——也需要擅長他們正在使用的技術棧的伺服器端語言。
例如，雖然前端Web開發人員更多地專注於HTML，CSS和JavaScript，而後端開發人員需要更多地瞭解PHP Web框架，Ruby on Rails，ASP.NET MVC或任何正用於構建應用程式的伺服器端Web開發框架.
如果你將成為一個資深的程式設計師，或者是正在轉型成為程式設計師的話，我建議你從前端慢慢開始做，慢慢去熟悉，從一些個人網站或者是個人的部落格部署這方面去先學習瞭解一下，現在各種元件教程也都有。
加油吧！
-
3 # 困難群眾代表
網頁製作的前端需要學習
1、html語言
首先要學這個，任何網頁的顯示都要靠html語言來表達，瀏覽器解釋html語言顯示在我們面前。
2、伺服器架設
要製作網頁就需要架設伺服器來除錯你做出來的網頁，有iis等很多種，可以在網上搜索得到。
3、css語言
用網頁製作三劍客做出來的東西，css大部分是自動生成的，很難理解，需要學習基本的css知識，是步入高手的必經之路。css控制著網頁圖片、表格、文字等等內容在我們面前的顯示樣式，比如顏色，邊框，大小等。
4、divcss佈局
這個東西是走向專業製作的必經之路，網頁元素靠它來搭建基本框架，像百度空間，QQ空間的面板等就是利用這個來做的。
5、資料庫
走向動態網頁的基礎，比如百度知道的提問回答這些，都涉及資料庫的讀、寫、改、刪。常見的資料庫有mysql、mssql、access等。資料庫是所有軟體的基礎，80%以上的應用程式都涉及資料庫，而作為網頁製作來說沒有必要學得很深，夠用就行。
6、動態語言，asp，php，jsp，.net(c#等）
要操作資料庫，互動就需要動態語言，現在好多動態語言像php都有“框架”，用框架建站好比用活動板房的零件建房子，全部自己寫好比一塊一塊磚砌房子。
7，java
網頁裡面的驗證碼，彈窗，特效等就靠它了，一個沒有java的頁面基本沒有，這個也有好多的框架可用，這個語言是難的，也是強大的，網頁木馬，病毒大多用這個語言。
8、平面涉及軟體
flash，photoshop等，頁面美化還要靠圖片等東西。
這些個東西你會一個，或者一個都不會，都能做出一定水平的網頁（用三劍客，或者直接用word做好後另存為htm檔案就行），要深入的學，這些知識基本的。
網頁製作的後端需要學習1. 學習一門語言
語言的選擇有很多種，為了方便您的選擇，我將它們進行了分類。對於剛接觸後端開發的新手，我強烈建議你們選擇一門指令碼語言，因為它們的需求很多且上手較快。最好的選擇當然是Python，它的需求正在急速增長，有大量的職位可供選擇。
2. 學以致用
最後的學習方法就是動手實踐。一旦你選擇了語言，然後對其有了基本的瞭解，開始使用它。運用它進行儘可能多的練習，寫一些小程式練手，熟悉它。下面是一些小例子，可以幫助你開始。
* 實現一些bash中你常用的命令， 比如ls的功能
* 寫一個從reddit的/r/programming頻道抓取資料並將之儲存為JSON格式的小程式
* 寫一個程式將目錄結構儲存為JSON檔案。
* 根據上面生成的JSON檔案，生成目錄結構。
* 想想日常工作中的任務，嘗試將之自動化。
3. 學習包管理器
一旦你瞭解了語言的基礎，同時用它寫過些示例程式，接著學習該語言的包管理器。包管理器可以幫助你使用第三方庫，同時你也可以透過它釋出自己的庫以供他人使用。
假設你選擇的是Python，你應該已經學習了Pip。Node.js有NPM或Yarn、PHP有Composer，Ruby有RubyGems。無論你選擇了什麼，進一步去學習它的包管理。
4. 規範以及最佳實踐
每一種語言有其規範以及最佳實踐。你需要掌握這個東西。比如Python有PEP8跟Google Python程式碼規範。Node.js各社群有不同的規範。其他語言的狀況也大同小異。
5. 安全
務必要掌握安全最佳實踐。讀讀OWASP指南，瞭解不同的安全問題，同時要知道如果避免這類問題。（你選擇的語言）
6. 實踐
現在你已經掌握了語言基礎，最佳實踐，安全相關以及包管理，你可以去開發自己的庫供他人使用了。如果你用Python，你需要釋出在Pypi，如果是Node.js，你需要釋出在Npm。
到此，你可以在Github上找一些專案，參與進去。
* 重構，實現你學到的最佳實踐
* 修復已知的問題
* 新增新的功能
7. 測試
測試分很多種，要了解每一種測試的型別以及其目的。但是現在，首先學習單元測試以及綜合測試，應用在你的程式中。此外，還要了解不同的測試術語，比如mocks，stubs等等。
8. 實踐-測試
為你所寫的所有程式編寫單元測試，特別是在Github上參與的專案。
同時，學習覆蓋率的概念，計算測試程式碼的覆蓋率。
9. 關係型資料庫
學習利用關係型資料庫儲存你的資料。在學習之前，首先掌握資料庫相關的術語。比如：keys，indexes，normalization，tuples等。
可供選擇的資料庫很多，你只需要掌握一個，其他的也會變得很簡單。流行的有MySQL，MariaDB（MySQL分支，與之非常相似），PostgreSQL。推薦選擇MySQL開始。
10. 動手時間 - 實踐
到了將所學融合的時候了。
建立一個簡單的應用，運用你所學的一切。實現一個想法，可能是建立一個簡單的部落格站點，實現一下的特性：
* 賬戶系統——註冊&登陸
* 註冊使用者可以建立blog
* 使用者可以檢視自己建立的所有的blog
* 保證使用者只能看到自己釋出的blog，不能看其他人的
* 為應用編寫單元/綜合測試
* 為查詢建立索引。分析查詢，確保索引生效
11. 學習一個框架
根據你的專案型別以及你的語言的不同，你可能會需要一個框架輔助開發。（也可能不需要）。每種語言都有不同的選擇，選擇一個合適的即可。
如果你選擇了Python，建議你選擇Django，對於微框架，建議Flask。
對於Node.js，最知名的框架是Express.js。
12. 實踐-框架
利用選擇的框架重構你的部落格應用。不要忘記了整合測試程式碼進來。
13. 學習NoSQL（not only SQL）資料庫
首先了解什麼是NoSQL，以及它們與關係型資料庫的差別，同時為什麼需要它們。NoSQL資料庫也有多種選擇，瞭解並比較它們之間的特性以及不同之處。常用的有MongoDB，Cassandra，RethinkDB，Couchbase。建議選擇MongoDB開始。
14. 快取
學習如何在你的程式中實現應用級的快取。瞭解如何利用Redis或Memcached實現快取，同時在你的部落格應用中實現快取功能。
15. 建立RESTful APIs
瞭解REST，學習如何編寫RESTful APIs，閱讀關於REST的白皮書。（By Roy Fielding）。理解REST不僅僅是HTTP APIs。
16. 學習不同的認證方法
學習不同的認證以及認證方式。你需要明白它們是什麼，它們的不同點，以及它們適用的場景。
* OAuth--Open Authentication
* Basic Authentication
* Token Authentication
* JWT--JSON Web Tokens
* OpenID
17. 訊息代理
學習訊息程式碼，瞭解什麼時候以及為什麼使用它們。有很多可供選擇，最知名的是RabbitMQ & Kafka。建議從RabbitMQ開始學習。
18. 搜尋引擎
隨著應用程式規模的增長，簡單的查詢已經無法滿足要求。這個時候，你需要用到搜尋引擎。同樣有多種選擇，每一種有自己的特點。
19. 學習使用Docker（容器）
Docker可以為你的開發提供巨大的便利。它可以讓你的開發環境與生產環境保持一致，可以讓你的系統保持乾淨，可以加速你的編碼，可以測試部署。Docker的好處，請自行google。從現在開始，學習Docker。
20. Web伺服器的知識
到了這個時候，你可能已經處理過伺服器相關的問題。這一步驟主要是瞭解不同的伺服器之間的差異，侷限，以及不同的調優方法。
21. 學習Web Sockets
雖然不是必須，但是具備Web Sockets的技能是有好處的。學習編寫實時的web應用。可以在部落格應用中，實現即時更新blog列表。
22. 學習GraphQL
學習GraphQl的APIs。瞭解它與REST的不同，然後為什麼它被稱之為REST 2.0。
23. 研究Graph資料庫
Graph模型具備非常好的靈活性——在處理資料間的關係的時候。Graph資料庫提供高速&高效的存取以及查詢。學習瞭解Neo4j或者OrientDB。
24. 不停探索
在你的學習以及實踐過程中，肯定會碰到路線圖裡沒有提及的東西。你只需要保持開放以及飢渴去學習新的東西。
時刻謹記，學習的關鍵是實踐。多動手！剛開始的時候，你可能會感覺不大好，隨著你的堅持以及時間的推移，你會變得越來越好。
-
4 # 宇波波夫
網頁設計是伴隨著網際網路的發展，衍生出來的一個行業。網際網路發展得越迅速，網頁設計也會隨之發展得迅速，那麼網頁設計就業前景也就可想而知了。網頁設計是要分前端和後臺的，網頁設計師是前臺後臺都要學習的，學習的內容主要包括：
一、網頁設計前端包括：網站Logo圖示的製作、網頁頂部圖片的製作、網頁背景圖片的製作、網頁中SWF動畫製作、WEB網頁頁面製作、網站導航欄設計等等；HTML網頁構架與窗口布局製作、常用工具欄設計、建立頁面以及頁面製作，超級連結、表格設計、框架技術；CSS 層疊樣式表；DIV+CSS網頁佈局；個人和工作室網頁；企業型別網頁；門戶類網頁。
二、網頁設計前端JS互動開發，Jquery使用Jquery框架的擴充套件、結合各種事件和物件的選擇。
三、伺服器的組建：使用apache搭建PHP網頁伺服器，MySQL伺服器。
網頁設計師只有前端和後臺都系統學習了才能更好的結合運用，才能做出好的作品！
-
5 # 重新拼湊
沒有絕對的，要列的話可以列出一大推，但還是要結合實際公司的需求，工作的需要，有些工作會一兩門程式語言就可以了
回覆列表
一、首先要掌握一些HTML的應用
html是一種語言，最初網站的編寫全是利用html程式碼編寫出來的， 當年的那些老鳥們一般是用“記事本”或“寫字板”直接利用HTML寫網頁的！ 後來出現了一些所見即所得的工具才使網頁設計的工作大大簡單化，使我們這些菜鳥即使不懂html也能設計出很美觀的網站。現在“傻瓜式”製作網頁的軟體越 來越多，特別是模板技術的出現更加使網站設計容易操作了，套用現成“模版”就可以製作出很不錯的頁面來。
HTML對於大部分網迷朋友們來說， 沒有必要精通，但是，對於一個網站設計者來說，如果對HTML一點都不瞭解的話，在網站設計時有某些細節方面問題就非常難以處理了。舉個最簡單的例子來 說，如果你見到別人的網站上面有一個網頁效果很好看，你想把這個效果放到自己的網站上，可你對html一點兒也不懂，這樣一來就無法將這個效果移到你的網 站上 ！
其實html的學習是很簡單的，儘管說有些html的書厚的嚇人，但那也只是手冊式的工具書。我們學習html應該象學習dos命令一樣，只把最基本的、最常用的那二十多個標籤的語法和引數搞懂並且背下來就行了。其它少用的那些標籤我感覺就不必去特意學。
順便說一句，瞭解HTML最為有效的方法就是閱讀和分析自己崇拜喜歡的網頁的原始碼，有什麼不懂的問題請E-MAIL網站的主人虛心請教——這些老前輩都是非常熱心的。“聽君一席話，勝讀十年書”，對於自己的技術提高非常顯著哦：-）
二、熟練掌握Dreamweaver 4軟體
當你掌握了最基本的html使用方法後，就你應該選一個優秀的網站設計工具了，因為我們平時設計網站還是要用這種工具軟體進行設計，如果全靠html編 寫那可就老麻煩了。目前這種所見即所得的工具很多，比較出名的有微軟的front page(網友簡單它為FP,以後大家在看到論壇有人說FP，指的就是這個軟體)、Macromedia公司的Dreamweaver 4(網友簡單它為dw)、還有IBM公司出的一套設計軟體也不錯。
這麼些種軟體我們沒有必要全都掌握，我們只要掌握其中的一種即可。在這幾種 軟體中我吐血推薦Macromedia公司開發的Dreamweaver 4網站製作軟體！目前老鳥新鳥都用這個軟體，它使用簡單、功能強大。但如果目前你以經使用fp,並感覺fq用的很好，那就沒必要換用dw。我們使用工具的 目的就是設計網站，只要能利用工具把自己的目的達到即可，至於說用什麼樣的軟體是無所謂的。就好像一個人天天下班騎車回
家，那他就沒必要一定得學會怎麼樣開車回家、怎麼樣騎馬回家，怎麼樣開飛機回家。
三、具有對網站的整體佈局、風格和頁面創意設計能力
網路世界的精髓就是個性化，一個網站的佈局和設計至少要佔全部工作量的百分之六十左右！我們已經看夠了許多沒有特性的網頁，建議大家在考慮建站的當初盡 量選擇自己最喜歡最拿手的東東——做自己最開心的東西工作也是一種快樂！那麼這種能力怎麼樣培養呢？我覺得最好的方法就是要多看優秀的網站，並且常問自己 為什麼會感覺這個網站好看？它研究好在哪裡？久而久之，什麼樣的網站是一個設計優秀
的網你心裡就有數了。
四、對圖片、聲音、動畫處理技術要掌握
目前來看現在網上純文字的網頁非常少了，如果一個成功的網站一張圖片也沒有那是不可能的。但圖片的使用也要適當，過多的圖片即影響速度又使頁面失去了主題。適當的使用圖片有“畫龍點睛”的作用。
圖片怎麼學呢？要學到什麼程度呢？我在這裡還是推薦Macromedia的產品，這個公司針對網站設計一共推出了三個產品，前面我介紹了一個 Dreamweaver 4是用來設製作網站的。它們公司還有Fireworks 4和Flash 5這兩個軟體。Fireworks 4這個軟體就是用來進行網站圖片處理的，我個人覺得學他要比學photoshop好。
Flash 5這個軟體是用來做動畫的，網上所說的閃客指的就是做flsh動畫的高手。這兩種軟體的最基本的使用方法大家應該掌握，至少，網站設計所應該學會的最主要 的軟體就是這些了。至於說那些製作logo、banner、javascrpt小效果等一類的專門軟體就很好學了，基本裝上後看看就能使用了。
五、網站的管理及後臺程式的除錯要有一定的瞭解
所謂的網站管理包括資料的收集整理、寫作和製作、及時更新網頁和提供高質量的服務等方面。現在的網頁一個星期進行一次更新已經無法滿足大部分網迷朋友的 要求。所以，還是首先考慮自己的經濟基礎、精力和時間能不能跟得上。使用網頁原始碼“更新”的朋友們請注意：這是一種非常不明智的做法，對得起拜訪你的主 頁的朋友們嗎？！
但是對於個人網站來說站長光桿司令精力有限，那該怎麼樣來解決這個問題呢？解決的辦法是有的，那就是讓自己的網站具有互動 性，可以讓眾多和你有相同愛好的網友幫助你共同管理網站。你可以建立文章釋出系統來讓網友幫助你更新、新增文章。類似這樣功能的其它免費系統有很多的，我 們下載後可以進行修改，讓其具有自己的特色，然後上傳到自己的空間，我感覺這樣的系統和專業的相差並不是很多。我個人覺得並沒有必要天天去摳asp、 php程式設計。我們並不都想當程式設計師，網上免費的東東已經做的很不錯了，拿過來會修改會安裝就可以了。但這是我個人看法說的不一定對。