很多讀者可能還不明白，Web開發(fā)到底是什么。

其實(shí)，我們所說的Web開發(fā)通常相當(dāng)于前端開發(fā)與后端開發(fā)的組合。

前端開發(fā)主要通過HTML、CSS、JavaScript. AJAX、DOM等技術(shù)實(shí)現(xiàn)網(wǎng)站在客戶端的顯 示和交互功能；后端開發(fā)主要通過Java、PHP、Python和Node.js等技術(shù)對(duì)從前端頁面?zhèn)鬏攣?的數(shù)據(jù)進(jìn)行處理，按照需要將數(shù)據(jù)存入數(shù)據(jù)庫，或者通過模板引擎來處理數(shù)據(jù)，接著以變量的 方式將其展示到頁面模板上，最終輸出頁面到瀏覽器并進(jìn)行渲染。

簡單地說，前端開發(fā)用于構(gòu)建用戶界面，而后端開發(fā)用于構(gòu)建系統(tǒng)架構(gòu)以使網(wǎng)頁正常工作。

2 學(xué)習(xí)Web開發(fā)有前途嗎

學(xué)習(xí)Web開發(fā)有前途嗎？這應(yīng)該是絕大多數(shù)讀者關(guān)心的問題。首先，Web開發(fā)工程師的薪資（見圖1-1） 一般是非常不錯(cuò)的。

除薪資待遇普遍比較高之外，若你學(xué)會(huì)了 Web開發(fā)，在就業(yè)方面通常更具有優(yōu)勢。

不難想象，當(dāng)別人還在投遞Word簡歷的時(shí)候，你投遞過去一份精美的Web簡歷，人力資源部的人員多半會(huì)眼前一亮，對(duì)你留下較好的印象。

Web簡歷如圖1-2所示。

圖1-2 Web簡歷

每到年底，各公司通常需要制作各種數(shù)據(jù)報(bào)表，以匯報(bào)當(dāng)年的工作情況和成績。這時(shí)候, 如果你懂得Web開發(fā)，就可以快速對(duì)相關(guān)數(shù)據(jù)進(jìn)行整理和展示。

數(shù)據(jù)展示如圖1-3所示。

圖1-3數(shù)據(jù)展示

根據(jù)Web開發(fā)知識(shí)，你還可以編寫出漂亮的、充滿愛意的頁面，如圖1-4所示。

學(xué)會(huì)Web開發(fā)也許可以讓你實(shí)現(xiàn)愛情、事業(yè)雙豐收。

對(duì)于一名初學(xué)者來說，如何才能掌握Web開發(fā)技術(shù)呢？答案之一就是找到適合自己的課程。那該如何找到適合自己的課程呢？ 一種方式就是找到很多人看過的視頻教程，畢竟通常越多人看就證明視頻講解越適合絕大多數(shù)人。小甲魚制作的“零基礎(chǔ)入門學(xué)習(xí)Web開發(fā) (HTML5&CSS3)”課程在嘩哩嘩哩網(wǎng)站上累計(jì)播放次數(shù)破百萬，跟著小甲魚學(xué)Web開發(fā)不迷路。市面上許多面向初學(xué)者的編程書用大量篇幅講解基礎(chǔ)知識(shí)，多偏向于理論，讀者讀了以后面對(duì)實(shí)戰(zhàn)項(xiàng)目時(shí)可能還無 從下手。從理論過渡到項(xiàng)目實(shí)戰(zhàn)是初學(xué)者迫切需要解決的難題，而《零基礎(chǔ)入門學(xué)習(xí)Web開發(fā)（HTML5 & CSS3）》就通過一個(gè)又一個(gè)實(shí)戰(zhàn)項(xiàng)目來幫助讀者理解相關(guān)概念。

跟著小甲魚學(xué)Web開發(fā)不迷路

零基礎(chǔ)入門學(xué)習(xí)Web開發(fā)（HTML5 & CSS3）

作者：小甲魚

B站同名視頻播放量破百萬。有趣，有料，實(shí)用，輕松學(xué)。

小甲魚的視頻累計(jì)學(xué)習(xí)人數(shù)超過千萬，下至小學(xué)生，上至80歲長者輕松自學(xué)編程成功。

適用讀者

• 想要零基礎(chǔ)入門Web開發(fā)的專業(yè)和非專業(yè)人士
• 想要利用Web開發(fā)編程開發(fā)的程序員
• 想要過考Web開發(fā)課程的大學(xué)生
• 教授Web開發(fā)的大學(xué)老師。

只要你想要自學(xué)快速入門Web開發(fā)，這本書就是你的不二選擇。

本書首先講解Web開發(fā)的基礎(chǔ)知識(shí)，以及HTML5的語法、標(biāo)記方法、元素；然后講解CSS中經(jīng)典 屬性的用法，CSS3中的選擇器、背景、邊框、盒子模型、布局方式、動(dòng)畫、濾鏡，以及針對(duì)各種瀏覽器 應(yīng)該怎樣在代碼中設(shè)置各種屬性等。

本書適合想要學(xué)習(xí)Web開發(fā)和從事Web開發(fā)工作的讀者閱讀。

本書旨在詳細(xì)講述關(guān)于Web開發(fā)的知識(shí)。既然如此，本書就從HTML5和CSS3開始講起， 這可以幫助初學(xué)者和Web開發(fā)者更好、更快地學(xué)習(xí)最新的HTML5和CSS3技術(shù)，使讀者能 夠早日運(yùn)用這些技術(shù)開發(fā)出具有現(xiàn)代水平、在不同平臺(tái)都能夠正常運(yùn)行的網(wǎng)站或Web應(yīng)用 程序。

本書首先講解Web開發(fā)方面的基礎(chǔ)知識(shí)，討論HTML5中標(biāo)記文字的元素、列表、表格、 表單、input元素等。介紹的同時(shí)引入案例來幫助讀者更好地理解為什么需要使用HTML5、使 用HTML5有什么好處。

然后，本書講解CSS3中的各種新增樣式與屬性，其中主要包括CSS3中的選擇器、背景、 邊框、盒子模型、布局方式、變形、動(dòng)畫、濾鏡、混合模式，以及針對(duì)各種瀏覽器應(yīng)該怎樣在 代碼中設(shè)置各種屬性等。

本書中每個(gè)案例都經(jīng)過上機(jī)實(shí)踐，以確保運(yùn)行結(jié)果正確無誤。因?yàn)槭褂肏TML5編寫網(wǎng)頁， 所以代碼的運(yùn)行結(jié)果(見魚C工作室網(wǎng)站)可直接在各種瀏覽器中打開并査看。少量頁面需要 通過先建立網(wǎng)站，然后訪問網(wǎng)站中該頁面的方式來査看；少量頁面使用服務(wù)器端PHP腳本語言編 寫，可在Apache服務(wù)器中運(yùn)行。

因?yàn)楸緯婕暗膬?nèi)容非常多，不可能通過一本書的篇幅囊括所有的內(nèi)容，所以需要配備學(xué)習(xí) 資源來輔助實(shí)現(xiàn)。本書的學(xué)習(xí)資源中不但有全書的源代碼，還有精心制作的案例講解視頻、知識(shí) 點(diǎn)講解視頻等。

簡要目錄

第1章 概述免費(fèi)

第2章 網(wǎng)頁基礎(chǔ)

第3章 標(biāo)記文字的元素

第4章 列表

第5章 表格

第6章 表單

第7章 “萬能”的input元素

第8章 其他表單元素

第9章 div和語義化布局

第10章 嵌入

第11章 CSS 語法

第12章 基本選擇器與復(fù)合選擇器

第13章 偽元素選擇器

第14章 動(dòng)態(tài)偽類選擇器和UI 偽類選擇器

第15章 結(jié)構(gòu)偽類選擇器和其他偽類選擇器

第16章 屬性選擇器

第17章 顏色和背景

第18章 盒子模型

第19章 經(jīng)典網(wǎng)頁布局（上）

第20章 經(jīng)典網(wǎng)頁布局（下）

第21章 彈性盒布局

第22章 柵格布局

第23章 文本樣式和字體

第24章 過渡、變形和動(dòng)畫

第25章 濾鏡、混合模式、裁剪和遮罩

第26章 其他CSS 特性

在新用戶首購當(dāng)次Session 和 復(fù)購當(dāng)次Session 的行為分析特征構(gòu)建的過程中，可基于4.5 節(jié)中構(gòu)建的特征庫進(jìn)行二次開發(fā)。

按日期分區(qū)記錄每天新訪問用戶的特征，從行為事件、商品類型、商品特征、瀏覽時(shí)長等維度構(gòu)建特征模型。

和4.5 節(jié)中，介紹的用戶特征庫不同的是，4.5節(jié)構(gòu)建的特征庫是記錄用戶每一次行為的明細(xì)，而本節(jié)是對(duì)用戶首訪行為進(jìn)行匯總，將其匯總成一條記錄。表結(jié)構(gòu)設(shè)計(jì)參考下面維度表所示。

session 分析特征庫

下面通過案例介紹如何抽取用戶首次訪問的session.

這里有一張記錄用戶點(diǎn)擊行為日志的底層表‘ods.click_event_log’ 表，從該表中對(duì)當(dāng)日訪問的新用戶按當(dāng)日訪問時(shí)間做正排序，取第一次訪問時(shí)間對(duì)應(yīng)的sessionid，即是用戶首次訪問的行為記錄。示例代碼如下：

這里用到了一個(gè)函數(shù)：

row_number() over (partition by cookieid order by eventtime asc) as rank

當(dāng)前日期分區(qū)里面，判斷是新用戶，這個(gè)案例很好：

https://blog.csdn.net/qq_25221835/article/details/82762416

在使用 row_number() over()函數(shù)時(shí)候，over()里頭的分組以及排序的執(zhí)行晚于 where 、group by、 order by 的執(zhí)行。

csdn 上案例，根據(jù)分組排序后取序號(hào)為1的數(shù)據(jù)

通過上面的建模，最后得到用戶首次訪問行為特征的Session表，如下圖所示：

Session 分析特征數(shù)據(jù)結(jié)構(gòu)示例

后續(xù)進(jìn)一步對(duì)用戶訪問特征的Session表進(jìn)行透視分析，可以從多個(gè)維度挖掘用戶首訪特征。

分析方法與結(jié)論

通過對(duì)構(gòu)建的首訪用戶行為特征進(jìn)行透視分析，可以從用戶訪問路徑，訪問商品品類，瀏覽商品價(jià)格區(qū)間、對(duì)促銷敏感程度等維度挖掘首訪用戶特征。

下面通過對(duì)用戶訪問路徑進(jìn)行分析的實(shí)踐案例來介紹。

SparkSession.builder 來創(chuàng)建一個(gè) SparkSession 的實(shí)例,并通過 stop 函數(shù)來停止 SparkSession，創(chuàng)建的SparkSession類型的Spark 對(duì)象。

spark.sparkcontext.textFile().map(_.split(",")).map(row =>Row(row(0),row(1),row(2),row(3),row(4))

sparkContext.textFile() ：從 HDFS、本地文件系統(tǒng)（在所有節(jié)點(diǎn)上可用）或任何 Hadoop 支持的文件系統(tǒng) URI 讀取文本文件，并將其作為字符串的 RDD 返回。文本文件必須編碼為 UTF-8。

如果 use_unicode 為 False，字符串將保存為 str（編碼為 utf-8），比 unicode 更快更小。 （在 Spark 1.2 中添加）

.map 含義：

Spark map() is a transformation operation that is used to apply the transformation on every element of RDD, DataFrame, and Dataset and finally returns a new RDD/Dataset respectively

Spark map() 是一個(gè)轉(zhuǎn)換操作，用于將轉(zhuǎn)換應(yīng)用于 RDD、DataFrame 和 Dataset 的每個(gè)元素，最后分別返回一個(gè)新的 RDD/Dataset。

不解釋了，感覺上面好多不懂。— 下一個(gè)階段得研究下spark，上面的變換方式就是使用spark 對(duì)cookiesession.log(用戶首訪session原始數(shù)據(jù)）做一個(gè)整理，最后產(chǎn)生基于cookie維度的事件，包括是否支付，訪問時(shí)間等等。

查看表結(jié)構(gòu)如下圖所示，

用戶首訪session原始數(shù)據(jù)

• cookie: 用戶id。
• event: 用戶訪問事件，如點(diǎn)擊加購，訪問某個(gè)頁面板塊等。
• ispaid: 用戶本次行為事件是否支付，支付為1，未支付為NULL.
• data_date: 訪問日期。
• time:本次行為事件的時(shí)間。

通過用戶首訪session數(shù)據(jù)，可以挖掘用戶集中在哪個(gè)時(shí)間段訪問、集中訪問事件是哪些、主要在哪些行為事件后跳出了訪問、哪些行為事件促進(jìn)了最后下單、訪問時(shí)長與訪問量的增加是否能促進(jìn)下單等維度的內(nèi)容。

看到223頁，待續(xù)。