前端開發(fā)主要涉及網(wǎng)站和 App，用戶能夠從 App 屏幕或?yàn)g覽器上看到東西。簡(jiǎn)單地說，能夠從 App 屏幕和瀏覽器上看到的東西都屬于前端。

網(wǎng)站和移動(dòng) App 的前端

我們就以你現(xiàn)在正在瀏覽的網(wǎng)頁(yè)為例。網(wǎng)頁(yè)上的內(nèi)容、圖片、段落之間的空隙、左上角的圖標(biāo)、右下角的通知按鈕，所有這些東西都屬于前端。

移動(dòng) App 的前端和網(wǎng)站是一樣的。例如，你所看到的內(nèi)容、按鈕、圖片，它們都屬于前端。另外，因?yàn)橐苿?dòng)設(shè)備的屏幕是可以觸摸的，所以應(yīng)用程序?qū)Ω鞣N觸控手勢(shì)（比如放大 / 縮小、雙擊、滑動(dòng)等）做出的響應(yīng)也屬于前端，它們是前端的活動(dòng)部分。

這些東西是由前端開發(fā)者開發(fā)出來的，他們使用了 Ionic 、 Swift 、 Kotlin 、 Bootstrap 、 Angular 、Vue 、 jQuery 、 React.js 等開發(fā)技術(shù)。后面我們會(huì)更多地介紹這些開發(fā)技術(shù)。

物聯(lián)網(wǎng)的前端

任何可以連接到互聯(lián)網(wǎng)的設(shè)備都是物聯(lián)網(wǎng)設(shè)備。你可能會(huì)好奇物聯(lián)網(wǎng)設(shè)備的前端會(huì)是什么樣的。任何一種智能設(shè)備，比如智能冰箱、遠(yuǎn)程 POS 機(jī)、智能手表、智能錢包，它們都需要提供某種界面，這樣用戶才能操作這些設(shè)備。所以，這種界面就是一種交互媒介，組成這種界面的元素就是物聯(lián)網(wǎng)的前端。

但嚴(yán)格來說，物聯(lián)網(wǎng)設(shè)備并沒有真正的前端。不過它們都裝有固件，與移動(dòng) App 的前端類似。這些固件可以用各種編程語(yǔ)言來開發(fā)，比如 C 語(yǔ)言、 C++ 、 Lua 、 Python 或 JavaScript。