前幾天，小藝看到一位外國(guó)網(wǎng)友使用Game 3創(chuàng)建了自己的個(gè)人網(wǎng)站。

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

這個(gè)功能強(qiáng)大的個(gè)人網(wǎng)站的其余部分是簡(jiǎn)單地使用 CSS 和 JS 制作的?？梢杂檬髽?biāo)控制小人參觀代表作者不同經(jīng)歷和信息的建筑，游戲體驗(yàn)滿滿！

原帖下方，不少隱藏的Web開(kāi)發(fā)高手也被“炸”了。

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

有技術(shù)顧問(wèn)將他們的個(gè)人網(wǎng)站設(shè)計(jì)為沉浸式網(wǎng)絡(luò)拉面店。

有些網(wǎng)絡(luò)開(kāi)發(fā)人員將他們的個(gè)人教學(xué)網(wǎng)站設(shè)計(jì)成 3D 汽車游戲。

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

所以小藝特意請(qǐng)教了一位有多年web開(kāi)發(fā)經(jīng)驗(yàn)的程序員朋友。他總結(jié)了幾個(gè)關(guān)鍵點(diǎn)，讓我可以快速開(kāi)始 Web 開(kāi)發(fā)。你學(xué)習(xí)網(wǎng)絡(luò)編程”！

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

— 01 —

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

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

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

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

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

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

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

這個(gè)你也可以簡(jiǎn)單理解，前端開(kāi)發(fā)是用來(lái)搭建用戶界面的php運(yùn)行原理，后端開(kāi)發(fā)是用來(lái)搭建系統(tǒng)架構(gòu)的，讓網(wǎng)頁(yè)正常工作。

— 02 —

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

一般來(lái)說(shuō)，Web服務(wù)器也稱為萬(wàn)維網(wǎng)（WIDE WEB）服務(wù)器，是指主要功能是提供在線信息瀏覽服務(wù)的網(wǎng)站服務(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）客戶端斷開(kāi)與 Web 服務(wù)器的連接，關(guān)閉文件和網(wǎng)絡(luò)連接，并結(jié)束會(huì)話。

— 03 —

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

編寫 Web 應(yīng)用程序無(wú)法逃脫 HTML，無(wú)論是在線還是離線，因此 Web 開(kāi)發(fā)人員應(yīng)該了解它。

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

, , 元元素……這些常用的標(biāo)簽，常用的特殊字符，常用的形式都寫好了。

— 04 —

CSS 語(yǔ)法

都說(shuō)顏值要到位，你開(kāi)發(fā)的web項(xiàng)目也要顏值高。Web 開(kāi)發(fā)中的 face 項(xiàng)目依賴于 CSS。

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

— 05 —

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

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

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

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

●

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

毫無(wú)疑問(wèn)，其中一種更容易上手的語(yǔ)言不僅需求量很大，而且還是 Web 開(kāi)發(fā)人員最流行的語(yǔ)言之一。如果您正在努力選擇要選擇的編程語(yǔ)言，那就去吧！

●

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

● PHP

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

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

● 爪哇

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

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

● 紅寶石

與 PHP 一樣，Ruby 也特別容易學(xué)習(xí)，非常適合初學(xué)者。

而且，由于 Ruby on 框架可用于開(kāi)發(fā)網(wǎng)站，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)題

web開(kāi)發(fā)中經(jīng)常會(huì)遇到路徑問(wèn)題，如果對(duì)web中的路徑概念了解不多，總會(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)

目前有四種簡(jiǎn)單通用的數(shù)據(jù)庫(kù)訪問(wèn)技術(shù)，分別是JDBC、ODBC、ADO.NET和PDO。更復(fù)雜的技術(shù)可以在Web開(kāi)發(fā)級(jí)別之后學(xué)習(xí)。

如果您想輕松開(kāi)始 Web 開(kāi)發(fā)，掌握 JDBC 就足夠了。JDBC 是 Java 程序鏈接到數(shù)據(jù)庫(kù)的標(biāo)準(zhǔn)方式。它由用java編寫的類和接口實(shí)現(xiàn)，是一個(gè)可以執(zhí)行SQL的java API。

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

如果你能處理好這些基本的事情，你應(yīng)該能夠找到一份支持自己的 Web 開(kāi)發(fā)工作。

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

在這里，小藝為你推薦一個(gè)新手自學(xué)Web開(kāi)發(fā)秘籍《零基礎(chǔ)入門學(xué)習(xí)Web開(kāi)發(fā)（&CSS3）》）。

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

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

因?yàn)檫@是B站的同名視頻教程，所以《零基礎(chǔ)學(xué)習(xí)Web開(kāi)發(fā)（&CSS3）》百萬(wàn)瀏覽量的主要特點(diǎn)就是實(shí)用性）。

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

還帶你手把手的實(shí)現(xiàn)了上百個(gè)web開(kāi)發(fā)案例，幾十種布局方式php運(yùn)行原理，源代碼即裝即用。自帶源碼，可運(yùn)行于、、、等操作系統(tǒng)平臺(tái)；