前幾天，小義看到一位國(guó)外網(wǎng)友使用Game 3制作個(gè)人網(wǎng)站。

好家伙，我吃飽了，這不是一個(gè)普通的個(gè)人網(wǎng)站，這是一個(gè)神奇寶貝風(fēng)格的游戲網(wǎng)站！

這個(gè)非常獨(dú)特的個(gè)人網(wǎng)站的其余部分是使用 CSS 和 JS 創(chuàng)建的。 可以用鼠標(biāo)控制小人物參觀代表作者不同經(jīng)歷的建筑和信息介紹網(wǎng)站開(kāi)發(fā)，游戲體驗(yàn)滿分！

原帖下方還“爆出”了很多隱藏的Web開(kāi)發(fā)高手。

有些軟件工程師將他們的個(gè)人網(wǎng)站設(shè)計(jì)成超級(jí)馬里奧游戲。

有技術(shù)顧問(wèn)將他們的個(gè)人網(wǎng)站設(shè)計(jì)成身臨其境的網(wǎng)絡(luò)拉面店。

有些 Web 開(kāi)發(fā)人員將他們的個(gè)人講座網(wǎng)站設(shè)計(jì)為 3D 汽車(chē)游戲。

看到這些有趣的個(gè)人網(wǎng)站后，小義很是羨慕，也想好好學(xué)習(xí)web開(kāi)發(fā)。

于是，小義去請(qǐng)教了一位有多年web開(kāi)發(fā)經(jīng)驗(yàn)的程序員朋友。 他總結(jié)了幾個(gè)要點(diǎn)讓我在web開(kāi)發(fā)中快速理解。 用他的原話來(lái)說(shuō)，“抓住幾個(gè)關(guān)鍵問(wèn)題，你就學(xué)會(huì)了網(wǎng)絡(luò)編程！”

今天，小義也不隱瞞，分享給大家。

— 01 —

了解什么是 Web 開(kāi)發(fā)？

首先，概念上的東西要清楚。

比如我們常說(shuō)的Web開(kāi)發(fā)，通常指的是前端開(kāi)發(fā)和后端開(kāi)發(fā)的結(jié)合。

前端開(kāi)發(fā)是指開(kāi)發(fā)用戶直接看到的網(wǎng)站部分網(wǎng)站開(kāi)發(fā)，例如布局、設(shè)計(jì)和交互性。

網(wǎng)站每一個(gè)面向客戶的東西都屬于前端開(kāi)發(fā)，主要通過(guò)HTML、CSS、AJAX、DOM等技術(shù)在客戶端實(shí)現(xiàn)網(wǎng)站的展示和交互功能。

后端開(kāi)發(fā)處理后端邏輯，與前端開(kāi)發(fā)不同，前端開(kāi)發(fā)處理開(kāi)發(fā)網(wǎng)站的客戶端。

后端開(kāi)發(fā)主要使用Java、PHP、Node.js等技術(shù)對(duì)前端頁(yè)面?zhèn)鱽?lái)的數(shù)據(jù)進(jìn)行處理，根據(jù)需要將數(shù)據(jù)存入數(shù)據(jù)庫(kù)，或者通過(guò)模板引擎對(duì)數(shù)據(jù)進(jìn)行處理，然后以變??量的形式展示給頁(yè)面模板，最后將頁(yè)面輸出到瀏覽器并渲染。

也可以簡(jiǎn)單理解為前端開(kāi)發(fā)用于構(gòu)建用戶界面，而后端開(kāi)發(fā)用于構(gòu)建系統(tǒng)架構(gòu)，使網(wǎng)頁(yè)正常運(yùn)行。

— 02 —

了解 Web 服務(wù)器的工作原理

一般來(lái)說(shuō)，Web服務(wù)器也稱(chēng)為WWW（WIDE WEB）服務(wù)器，指的是網(wǎng)站服務(wù)器，其主要功能是提供在線信息瀏覽服務(wù)。

當(dāng) 上另一臺(tái)計(jì)算機(jī)上運(yùn)行的瀏覽器發(fā)出請(qǐng)求時(shí)，服務(wù)器會(huì)做出響應(yīng)。 目前最主流的服務(wù)器有、、IIS。

Web服務(wù)器的工作原理可以概括為：

(1)客戶端通過(guò)TCP/IP協(xié)議與Web服務(wù)器建立TCP連接。

(2)連接建立后，向Web服務(wù)器發(fā)送HTTP協(xié)議請(qǐng)求包。

(3) Web服務(wù)器根據(jù)HTTP協(xié)議對(duì)請(qǐng)求進(jìn)行解碼。

(4)如果沒(méi)有錯(cuò)誤發(fā)生，Web服務(wù)器將執(zhí)行請(qǐng)求所要求的動(dòng)作，并向客戶端發(fā)送一個(gè)HTTP協(xié)議響應(yīng)包。

(5)客戶端與Web服務(wù)器斷開(kāi)連接，關(guān)閉文件和網(wǎng)絡(luò)連接網(wǎng)站模板，結(jié)束會(huì)話。

— 03 —

語(yǔ)法、標(biāo)記方法、元素

編寫(xiě)Web應(yīng)用程序無(wú)論是在線還是離線都無(wú)法逃避HTML，因此Web開(kāi)發(fā)人員應(yīng)該學(xué)習(xí)相關(guān)知識(shí)。

它是新一代的 HTML 標(biāo)準(zhǔn)，增加了許多新特性。結(jié)構(gòu)、語(yǔ)法、標(biāo)記方法、元素等

,, meta元素..... 這些常用的標(biāo)簽，常用的特殊字符，常用的表格寫(xiě)法，如果你能信手拈來(lái)，那寫(xiě)網(wǎng)頁(yè)肯定沒(méi)問(wèn)題。

— 04 —

CSS語(yǔ)法

都說(shuō)顏值技巧要到位，你開(kāi)發(fā)的Web項(xiàng)目也要有一個(gè)賞心悅目的顏值。 web開(kāi)發(fā)中的face項(xiàng)目依賴(lài)CSS。

你需要熟悉CSS中經(jīng)典屬性的用法，以及CSS3中的選擇器、背景、邊框、盒模型、布局方法、動(dòng)畫(huà)、過(guò)濾器，以及如何在代碼中為各種瀏覽器設(shè)置各種屬性。

— 05 —

熟悉各種Web開(kāi)發(fā)編程語(yǔ)言，并精通其中一種

如果您是 Web 開(kāi)發(fā)的初學(xué)者，在這種情況下，您可能會(huì)在選擇最佳 Web 編程語(yǔ)言時(shí)面臨很多困難。 因?yàn)椴煌木幊陶Z(yǔ)言支持不同的編程技術(shù)，各有各的復(fù)雜性。

一個(gè)好的前端開(kāi)發(fā)人員應(yīng)該對(duì) HTML、CSS 有很強(qiáng)的理解，一個(gè)好的后端開(kāi)發(fā)人員應(yīng)該熟悉服務(wù)器端語(yǔ)言，即 PHP、Java。

為此，小藝列出了一些最適合Web開(kāi)發(fā)的編程語(yǔ)言。 你不需要學(xué)習(xí)所有的編程語(yǔ)言，但請(qǐng)根據(jù)你的實(shí)際需要選擇最合適的一種。

●

它是唯一允許您構(gòu)建 Web 應(yīng)用程序、前端和后端以及移動(dòng)應(yīng)用程序的編程語(yǔ)言 ()。

毫無(wú)疑問(wèn)，一種不僅需求量大而且最受 Web 開(kāi)發(fā)人員歡迎的語(yǔ)言之一更容易學(xué)習(xí)。 如果您正在為選擇哪種編程語(yǔ)言而苦惱，那就選擇它吧！

●

是另一種用于 Web 開(kāi)發(fā)的編程語(yǔ)言。 大約 44% 的軟件工程師使用它，僅次于 . 主要優(yōu)點(diǎn)有：語(yǔ)法簡(jiǎn)單、易學(xué)、支持不同庫(kù)或工具、可讀性好、框架優(yōu)秀、類(lèi)型強(qiáng)大等。

● PHP

PHP是一種腳本語(yǔ)言，主要用于Web應(yīng)用、服務(wù)器端等。PHP Web開(kāi)發(fā)支持.NET、.NET等免費(fèi)開(kāi)源擴(kuò)展。 它提供對(duì)不同數(shù)據(jù)庫(kù)的訪問(wèn)，例如 SQL、.等等。

此外，PHP 從其第一個(gè)版本開(kāi)始就一直在使用類(lèi)似 Perl 的變量，這些變量可以有效地合并到 HTML 中。

● Java

Java 被廣泛用于制作企業(yè)級(jí) Web 應(yīng)用程序，許多大公司都在使用它。

選擇Java作為Web編程語(yǔ)言的主要原因是它擁有豐富的開(kāi)源庫(kù)，支持面向?qū)ο蟮木幊谭妒?，并借助Java虛擬機(jī)功能實(shí)現(xiàn)了最佳的平臺(tái)無(wú)關(guān)性。 它高度安全并支持多線程。 它是分布式計(jì)算的理想選擇。 .

● 紅寶石

和PHP一樣，Ruby也非常容易學(xué)，非常適合初學(xué)者。

而且，由于Ruby on 可以用來(lái)開(kāi)發(fā)網(wǎng)站網(wǎng)站開(kāi)發(fā)，Ruby也是web開(kāi)發(fā)的絕佳選擇。

— 06 —

了解可用的 Web 開(kāi)發(fā)框架，并使用其中的一種

前端開(kāi)發(fā)人員應(yīng)該了解各種Web開(kāi)發(fā)框架和庫(kù)，例如，，，，等。后端開(kāi)發(fā)人員應(yīng)該了解.js，，，Ruby等框架。

— 07 —

路徑問(wèn)題

路徑問(wèn)題在web開(kāi)發(fā)中經(jīng)常遇到，如果對(duì)web中的路徑相關(guān)概念稍有了解，總會(huì)遇到頭疼的問(wèn)題。 為了避免出錯(cuò)，提高開(kāi)發(fā)效率，需要對(duì)它有很好的了解。

路徑通常分為絕對(duì)路徑和相對(duì)路徑。

絕對(duì)路徑是指文件的完整URL，例如：

相對(duì)路徑是指根據(jù)當(dāng)前網(wǎng)頁(yè)所在位置建立的目錄路徑，例如：

— 08 —

數(shù)據(jù)庫(kù)訪問(wèn)

目前主要有四種比較容易和常用的數(shù)據(jù)庫(kù)訪問(wèn)技術(shù)，即JDBC、ODBC、ADO.NET和PDO。 Web開(kāi)發(fā)水平提高后，可以學(xué)習(xí)更復(fù)雜的技術(shù)。

如果你想輕松上手Web開(kāi)發(fā)，幾乎可以掌握J(rèn)DBC。 JDBC是java程序鏈接數(shù)據(jù)庫(kù)的標(biāo)準(zhǔn)方法。 它由用java編寫(xiě)的類(lèi)和接口實(shí)現(xiàn)，是一個(gè)可以執(zhí)行SQL的java API。

如果您正在開(kāi)發(fā)一個(gè)簡(jiǎn)單的 Web 應(yīng)用程序，JDBC 就足夠了。 學(xué)習(xí)使用的時(shí)候要特別注意接口、接口、接口的學(xué)習(xí)，可以寫(xiě)一些簡(jiǎn)單的代碼。

如果你能處理這些基本的事情，你應(yīng)該能找到一份支持你的網(wǎng)絡(luò)開(kāi)發(fā)工作。

當(dāng)然，如果你的目標(biāo)不僅是學(xué)習(xí)，而且是精通，小易建議你找一個(gè)更詳細(xì)的教程，按照大牛給的路線走。

在這里，小藝給大家推薦一本初學(xué)者自學(xué)Web開(kāi)發(fā)的秘籍，《零基礎(chǔ)學(xué)Web開(kāi)發(fā)（&CSS3）》。

▲跟著小烏龜，Web開(kāi)發(fā)不迷路！

如果你理解了以上幾點(diǎn)，你就會(huì)學(xué)習(xí)web編程和開(kāi)發(fā)，那么，如果你理解了本書(shū)的內(nèi)容，你就會(huì)成為一個(gè)實(shí)用的web開(kāi)發(fā)高手。

因?yàn)?，這是源自B站的同名視頻教程，而擁有百萬(wàn)點(diǎn)擊量的《零基礎(chǔ)學(xué)習(xí)Web開(kāi)發(fā)（&CSS3）入門(mén)》的主要特點(diǎn)就是實(shí)用性。

本書(shū)講解了HTML 5和CSS3中的233個(gè)語(yǔ)法知識(shí)點(diǎn)和各種網(wǎng)頁(yè)設(shè)計(jì)技巧；

還將指導(dǎo)您實(shí)現(xiàn)數(shù)百個(gè)Web開(kāi)發(fā)案例，數(shù)十種布局方式，源碼即開(kāi)即用。 自帶源代碼，可運(yùn)行于 、 、 、 等操作系統(tǒng)平臺(tái)；

書(shū)中還配有86集在線教學(xué)視頻，讓你學(xué)習(xí)更有效！

干貨滿滿，福利滿滿，是不是心動(dòng)了呢？

總而言之，無(wú)論你是

想要從頭開(kāi)始Web開(kāi)發(fā)的專(zhuān)業(yè)人士和非專(zhuān)業(yè)人士；

或者想使用Web開(kāi)發(fā)編程開(kāi)發(fā)的程序員；

或者想通過(guò)網(wǎng)絡(luò)開(kāi)發(fā)課程的大學(xué)生；

也是一位教授網(wǎng)絡(luò)開(kāi)發(fā)的大學(xué)老師。

只要你想自學(xué)快速入門(mén)Web開(kāi)發(fā)，本書(shū)都是你的不二之選！

并且，你還有機(jī)會(huì)細(xì)讀本書(shū)，開(kāi)始Web開(kāi)發(fā)——

3月17日晚7點(diǎn)30分，小藝特地請(qǐng)來(lái)了《零基礎(chǔ)入門(mén)學(xué)習(xí)Web開(kāi)發(fā)（&CSS3）》作者小龜。 他將解答大家關(guān)于Web開(kāi)發(fā)的難點(diǎn)和困惑，如何成為一名優(yōu)秀的Web開(kāi)發(fā)人員，并分享他的新書(shū)《零基礎(chǔ)學(xué)習(xí)Web開(kāi)發(fā)（&CSS3）》。

歡迎收看今日頭條明晚直播，你將了解到：

什么是網(wǎng)頁(yè)開(kāi)發(fā)？

如何學(xué)習(xí)Web開(kāi)發(fā)？

學(xué)習(xí)Web開(kāi)發(fā)有困難嗎？

Web開(kāi)發(fā)中常見(jiàn)的陷阱？