經(jīng)過近5年的快速發(fā)展，目前前端開發(fā)技術(shù)棧已經(jīng)進入成熟期。在React和Vue等框架出現(xiàn)后，前端在代碼開發(fā)方面的復(fù)雜度已經(jīng)基本得到解決，再加上Node解決前后端分離，前端技術(shù)棧本身其實已經(jīng)非常成熟。因此業(yè)內(nèi)人士普遍認為，未來幾年前端本身的開發(fā)技術(shù)應(yīng)該不會有大的方向變化，但是將會呈現(xiàn)出四大發(fā)展趨勢：

第一個趨勢是入口應(yīng)用會小程序化。類似騰訊、阿里、滴滴、美團這樣作為入口的應(yīng)用，會自己做自己的一套小程序體系，在自己的app內(nèi)通行。這里的意思不是說大家都會去用微信小程序，而是會效仿微信小程序這套體系，搬到自己的app內(nèi)。主要原因是，這些入口應(yīng)用容納自己公司各類業(yè)務(wù)線，已經(jīng)臃腫不堪，使用原生開發(fā)迭代效率跟不上，使用HTML又難以做到高性能，因此使用類似小程序的方案，可以做到暢享HTML多年來積累的開發(fā)模式，同時裁撤大量平時用不到的API，降低渲染頁面的復(fù)雜度。這個趨勢會涉及到移動端開發(fā)。

第二個趨勢是Web前后端融合為全棧開發(fā)。Node.js已經(jīng)給前端開發(fā)很好地開了個頭，這個頭就是讓前端人員了解HTTP協(xié)議的細節(jié)，了解常規(guī)的API開發(fā)。我相信很多人已經(jīng)看明白了，為什么我們要做前后端分離，這里面主要原因除了代碼開發(fā)部署上的分離，還有一部分是讓不懂HTTP協(xié)議的人不要在接口層瞎鼓搗，因為這里面細節(jié)太多了，你都不了解HTTP緩存，你怎么知道哪個API的HTTP header應(yīng)該用什么呢。因此了解HTTP協(xié)議的前端，會慢慢吃掉這部分后端開發(fā)的任務(wù)，而了解HTTP協(xié)議的后端，也會因為三大框架開發(fā)模式的成熟而學會前端開發(fā)。進而，這些兩類人演化為全棧開發(fā)。

第三個趨勢是營銷類頁面小程序化。這個指的就是大家平時在微信里看到的各類營銷網(wǎng)頁，因為主要入口在微信，因此變成微信小程序。這個大家比較好理解吧，就不多說了。小程序現(xiàn)在可能BUG多，功能跟不上，但是要替代這類網(wǎng)頁可能也就是2年不到的時間。

第四個趨勢才是大家看到的PWA、WASM代表的HTML內(nèi)的技術(shù)改進，這個能影響到的范圍看起來很大，但其實場景比較有限，主要是排除掉上面說的1和3之外的空間?？臻g就在于這兩大技術(shù)目前都沒有成熟的最佳實踐，還需要探索。

萬物互聯(lián)的時代，更多的人、場景、知識將需要被更加緊密地聯(lián)系在一起，而有連接的地方就會有界面，有界面的地方就會有前端。每一門學科與技術(shù)都是在不斷摸索和總結(jié)中前行，前端技術(shù)也不例外。未來我們有理由相信在前端技術(shù)日趨成熟的前提下，新的突破和變革將會給我們的工作與生活帶來更多驚喜。

每到年底，人們總喜歡展望下一年，Web 開發(fā)領(lǐng)域也不例外。在 Web 開發(fā)領(lǐng)域，技術(shù)革新的速度堪比光速，未來總是超乎我們的想象，我們只能盡自己所能做一些合理的預(yù)測。

以下是我們需要關(guān)注的一些趨勢：

1

更加移動優(yōu)先

響應(yīng)式設(shè)計顯然是目前 Web 開發(fā)領(lǐng)域的主要趨勢之一，并且這一趨勢還將持續(xù)一段時間。雖然現(xiàn)在的響應(yīng)式設(shè)計大部分還是以 PC 版優(yōu)先，然而，如果有一天我們把 PC 版放到比移動版次要的位置上，也沒什么好奇怪的。

許多 Web 開發(fā)者已經(jīng)開始轉(zhuǎn)向以移動優(yōu)先方案來做他們的響應(yīng)式設(shè)計和開發(fā)。這象征一個重大轉(zhuǎn)變，值得我們跟進。

2

更多使用快速原型開發(fā)工具

我們在 2016 年開始嘗試使用快速原型開發(fā)工具，而 2017 年將是這種技術(shù)真正爆發(fā)的一年。

“UXpin、Webflow、Invision 以及其它許多快速原型開發(fā)工具，讓設(shè)計師不用寫一行代碼，就能為網(wǎng)站和服務(wù)快速創(chuàng)建低保真和高保真原型，便于設(shè)計師衡量它們的可用性和美觀性?！?Web 設(shè)計師 Jamie Leeson says 如是說，“許多工具也允許你在瀏覽器中設(shè)計原型并從工具里真正啟動網(wǎng)站自身。”

快速原型工具的一個優(yōu)點是它們能讓開發(fā)者/設(shè)計師與最終用戶同時獲益。雙方能夠提前對產(chǎn)品頁面和交互達成一致，避免了最終交付的產(chǎn)品和用戶預(yù)期的不符。

3

簡化的 Web 設(shè)計

在 2016 年，我們看到簡化的 Web 設(shè)計得到廣泛認可。事實上極簡設(shè)計成為大部分行業(yè)的主要趨勢。在 2017 年，預(yù)期極簡設(shè)計會繼續(xù)流行，即使有變化也是一些微小的改變。

雖然頁面上留白將繼續(xù)被認為是有價值的，但是也不用奇怪有些網(wǎng)站開始回歸到使用基于文本內(nèi)容的文字填充。你可以找到更多類似于這樣的網(wǎng)頁，它們合理地結(jié)合了留白和文本，創(chuàng)造出一個視覺上簡單，而信息內(nèi)容很豐富的網(wǎng)頁，也帶給用戶很好的體驗。

4

更加重視人工智能

你已經(jīng)聽說了人工智能（AI），但是你對 Web 設(shè)計和開發(fā)中的人工智能熟悉嗎？在 2017 年，我們期待 Web 與 AI 的碰撞，帶來更強大的網(wǎng)頁，為網(wǎng)站主和用戶同時帶來價值。

提供網(wǎng)絡(luò)主機服務(wù)的 Wix，是這一領(lǐng)域的領(lǐng)頭羊。他們現(xiàn)在提供了一個過程來詢問用戶一些問題，然后使用一個基于 AI 的平臺根據(jù)用戶的回答提供給用戶最符合他們需求的 Web 設(shè)計。這非常酷，值得一看。

5

更多單頁站點

現(xiàn)在不流行那種有各種 Tab 頁和許多子頁面的網(wǎng)站了。在 2017 年，你可以期待看到更多的單頁站點。由于用戶更喜歡用滾屏方式瀏覽網(wǎng)頁，各公司將會引起重視并停止浪費時間在設(shè)計和開發(fā)用戶不喜歡的層層相套的子頁面上。這一趨勢將簡化互聯(lián)網(wǎng)并帶來更迷人和身臨其境的網(wǎng)頁瀏覽體驗，每個人都會感覺到愉悅。

6

虛擬現(xiàn)實

如果要討論 2017 年技術(shù)趨勢，怎能不提到虛擬現(xiàn)實（VR）？2017 年將是 VR 成為主流的一年，這意味著 Web 開發(fā)者將通過 VR 來吸引用戶。

我們已經(jīng)看到一些公司比如 Mozilla 和 Google 投資開發(fā) VR 與 Web 之間的 API。越來越多的 VR 應(yīng)用程序?qū)⒃诮酉聛淼膸讉€月里相繼問世，所以如果看到越來越多的虛擬現(xiàn)實元素出現(xiàn)在 Web 上，也別覺得奇怪。

翻譯：瘋狂的技術(shù)宅

作者：Dmitry Budko

英文標題：Web Development Trends 2017

英文原文：https://dashbouquet/blog/...

如今，Web開發(fā)以驚人的速度發(fā)展，2016非常熱門的技術(shù)趨勢，在今天已經(jīng)被視為過時的東西了。用戶擁有更多的支配權(quán)和選擇權(quán)，公司正在根據(jù)用戶的需遷移他們的服務(wù)，這都將是不可預(yù)測的。在這篇文章中，我們將介紹Web開發(fā)的最大的和最有前途的趨勢。

人工智能

人工智能正在震撼現(xiàn)代IT世界，公司爭奪并培養(yǎng)著行業(yè)內(nèi)最優(yōu)秀的專業(yè)人才。從Facebook和Google開始，人工智能被廣泛應(yīng)用到各類應(yīng)用程序中，這使得設(shè)備更像人類一樣思考和行動。人工智能的應(yīng)用案例是人臉識別，它被廣泛用于Facebook的照片標記中。人工智能的重要性被解釋為這樣一個事實：它允許設(shè)備在沒有人工干預(yù)的情況下獨立運行，這將大大的提高效率、準確性，能夠得到更好的用戶體驗。

案例：人臉檢測+情感分類

DashBouquet 有最新的基于計算機視覺的廣告技術(shù)解決方案。可以查看相關(guān)研究案例。

物聯(lián)網(wǎng)

物聯(lián)網(wǎng)是使設(shè)備智能化，使它們能夠相互通信。我們已經(jīng)熟悉了智能房屋，現(xiàn)在有了越來越多的智能設(shè)備，使我們的生活更便捷，并能夠收集任何可以收集的數(shù)據(jù)。

至于Web開發(fā)，未來開發(fā)人員可能希望開發(fā)能夠遠程控制家用設(shè)備的應(yīng)用程序，這將有助于設(shè)備通信和數(shù)據(jù)分析。

JavaScript的興起

JavaScript自2016年以來開始興起，其快速成長允許更多開發(fā)者從事聊天機器人、虛擬現(xiàn)實和許多其他許多開始流行的東西。

這種語言的語法和效率得到提高，總體來說，JavaScript 是全棧開發(fā)人員中最流行的編程語言。

靜態(tài)網(wǎng)站生成器

這些生成器能夠從存儲在文件中而不是數(shù)據(jù)庫中的文本創(chuàng)建網(wǎng)站。這減少了網(wǎng)站加載時間，提供了更好的安全性，使得內(nèi)容和模板的部署變得更加容易。

在這里您可以找到2017年十大靜態(tài)站點生成器。

虛擬現(xiàn)實

通常我們認為VR是與電子游戲相關(guān)的東西。然而，大公司（如 Google ）已經(jīng)開始了API的相關(guān)工作，這些API旨在幫助虛擬現(xiàn)實向Web過渡。正如我們所說，市場需求很高，所以今年可能會出現(xiàn)涉及虛擬現(xiàn)實的應(yīng)用程序（例如，房地產(chǎn)、旅游等）。這種創(chuàng)新可以將用戶體驗提升到新的水平，成為企業(yè)強大的營銷優(yōu)勢。

GIF

我們知道，在短信和聊天工具中使用GIF是一種有趣而簡單的方式，但開發(fā)人員希望更進一步，并在網(wǎng)絡(luò)應(yīng)用中使用GIF與用戶更好地互動。 因為大多數(shù)人認為視覺信息比純文本更好，所以現(xiàn)在視頻非常流行。 但是在講述一個故事的時候，使用GIF是一個吸引注意力的完美方案。

機器人

我們印象中的機器人有著無趣的老掉牙的樣子，但2017年似乎使它們可以退場了。 現(xiàn)在機器人正變得更加個性化，以此提供更好的用戶體驗，這又是巨大的營銷優(yōu)勢。

現(xiàn)在機器人能夠更像“人一樣”，并提能夠供個性化的建議，例如，在購物過程中。開發(fā)人員試圖消除你和機器交談的感覺，相反，對話會變得生動有趣。

可以看出，整個Web開發(fā)正在積極的朝著用戶需求的方向發(fā)展。有很多探索和實現(xiàn)——不過,開發(fā)人員的創(chuàng)造力也扮演了極其重要的角色，使他們的應(yīng)用程序更具有“魅力”。我們所能給的建議是，聆聽你用戶的意見，不要試圖按照一些所謂的標準去定制。每個用戶都有其各自的需求，所以你作為開發(fā)人員的首要任務(wù)是了解他們想要什么，并一起提出實現(xiàn)它的最佳方案。

我還是要推薦下我自己的Python學習交流群：643692991，不管你是小白還是大牛，小編我都挺歡迎，不定期分享干貨，包括我自己整理的一份2017最新的Python資料和零基礎(chǔ)入門教程，歡迎初學和進階中的小伙伴。

自網(wǎng)絡(luò)出現(xiàn)以來，一直處于不斷發(fā)展的狀態(tài)。Mosaic和Netscape Navigator在早期推廣互聯(lián)網(wǎng)方面功不可沒。從那以后，每年都會出現(xiàn)一些新概念、新想法和新趨勢，縱然其中有好有壞。

從這些年來的變化和趨勢中，我們能得到一個重要教訓：成功往往是與把握變革的浪潮有關(guān)，而不會隨之而來。您可以通過探索未來的趨勢，并在他人之前將適用于您的東西結(jié)合在一起來實現(xiàn)這一點。

以下是八項網(wǎng)絡(luò)發(fā)展趨勢，該趨勢將2018年對整個行業(yè)產(chǎn)生巨大影響：

改進在線支持

連接用戶比以往任何時候都顯得更為重要。聊天機器人 — 那些通過文字或聽覺方式與我們進行對話的計算機程序，允許網(wǎng)站有24/7的聯(lián)系點，而不需要維持24小時的客戶服務(wù)部門。聊天機器人的發(fā)展引發(fā)了一些問題，諸如回答常見問題、引導(dǎo)人們訪問信息或頁面甚至是如何完成交易等。隨著消費者越來越適應(yīng)聊天機器人的想法，也越來越懂得應(yīng)該如何與他們交互，因此消費者對擁有聊天機器人的網(wǎng)站期望值將會有所增加。

漸進式Web應(yīng)用程序

最近一項有關(guān)手機使用情況的研究發(fā)現(xiàn)，手機應(yīng)用時間占移動媒體總時間的89%。這是有道理的，利用類似格式到移動應(yīng)用程序?qū)⑹艿侥繕耸鼙姷南矏邸?/p>

漸進式Web應(yīng)用程序是一種類似于移動應(yīng)用程序的Web應(yīng)用程序，但實際上是展示的是Web網(wǎng)頁或網(wǎng)站。利用了網(wǎng)絡(luò)瀏覽器上的大量功能，提供類似于應(yīng)用程序的用戶體驗。這項技術(shù)有許多優(yōu)點，例如脫機工作的能力、近乎即時的加載(盡可能多的信息存儲在緩存中)、可靠性以及接收推送通知的能力?？梢栽诟痰臅r間內(nèi)構(gòu)成、可以為任何用戶所用并且通常更易于部署和維護，所有這些這對開發(fā)人員和消費者都是有益的。

推送通知

推送通知是移動應(yīng)用程序最強大的工具之一。向提供價值的用戶發(fā)送直接信息，這一能力已被證明是非常受歡迎的，包括交通變化、體育比分或銷售通知等各個方面。一旦用戶啟用推送通知，這種類型的通信也可以在網(wǎng)站上運行。這樣做的好處是無需創(chuàng)建移動應(yīng)用程序來替換網(wǎng)站的額外成本也能提高參與度。

單頁網(wǎng)站

單頁網(wǎng)站趨勢在今年已經(jīng)站穩(wěn)了腳跟，并將繼續(xù)變得更加普遍。這種設(shè)計是一個長網(wǎng)頁，導(dǎo)航是基于滾動或使用在頁面上跳轉(zhuǎn)或跳轉(zhuǎn)到特定部分的鏈接。

這種類型的網(wǎng)站最大的優(yōu)點是簡單，沒有復(fù)雜的導(dǎo)航或深層菜單來遍歷。而且這種設(shè)計在移動設(shè)備上運行良好，常見的導(dǎo)航方法是滾動導(dǎo)航。這種風格為簡單的在線需求提供了一種現(xiàn)代化的解決方案，并且開發(fā)和托管成本低廉。

靜態(tài)網(wǎng)站

一個靜態(tài)網(wǎng)站是非?；A(chǔ)的，每個頁面都使用HTML進行簡單編碼，并向每個用戶顯示相同的固定或靜態(tài)內(nèi)容。為什么人們希望在網(wǎng)絡(luò)技術(shù)和選擇方面有效地采取措施呢?簡單。

這些網(wǎng)站是安全、可以快速加載并且成本低。靜態(tài)網(wǎng)站應(yīng)該看到在成本意識項目上的復(fù)興，就像它們離網(wǎng)絡(luò)初期的靜態(tài)網(wǎng)站很遠，但卻沒有創(chuàng)造那么沉悶或勞動密集型的產(chǎn)品。

動態(tài)用戶界面

多年來，界面一直是開發(fā)人員最關(guān)心的問題。如果用戶找不到所需的信息，界面設(shè)計再好看也毫無意義。動態(tài)用戶界面最初是為移動應(yīng)用程序而設(shè)計，可以使用動畫和轉(zhuǎn)換來幫助提醒用戶操作，同時為項目增添生命和風格。

這項技術(shù)提供了高度的自定義性，開發(fā)人員可以有多種選擇來制作一個功能強大的網(wǎng)站。

逐步淘汰Flash

Flash對于允許動畫和其他動作方面的網(wǎng)站來說，是一個非常有用的組件。雖然Flash多年來被廣泛使用，但現(xiàn)在大家應(yīng)該逐步考慮淘汰掉它。 Adobe今年宣布，F(xiàn)lash Player將在2020年后不再有更新或發(fā)布。此外，它將與大多數(shù)類型的移動設(shè)備不兼容。特別是在移動網(wǎng)站上應(yīng)該用HTML5取代Flash，而HTML5正迅速成為網(wǎng)絡(luò)上最普遍的通用格式。

圖片內(nèi)容

一張好圖片在網(wǎng)站開發(fā)中的價值從未如此高，主要原因是一張好的圖片可以幫助刺激轉(zhuǎn)換。這個概念并不是一個全新的概念，在高需求下，人們需要通過大量的產(chǎn)品圖像講述的故事來幫助創(chuàng)建轉(zhuǎn)換。在傳遞信息的同時，展示個性的獨特圖片將成為2018年在線成功的一個重要關(guān)鍵點。

趨勢會隨著技術(shù)的發(fā)展而變化。當應(yīng)用最優(yōu)時，這些發(fā)展可以被用來吸引新用戶或是留住現(xiàn)有用戶。這就是為什么要在未來尋找想法和靈感的重要原因，這樣才就能在競爭中保持優(yōu)勢。

翻譯：瘋狂的技術(shù)宅

作者：Dmitry Budko

英文標題：Web Development Trends 2017

英文原文：https://dashbouquet/blog/...

如今，Web開發(fā)以驚人的速度發(fā)展，2016非常熱門的技術(shù)趨勢，在今天已經(jīng)被視為過時的東西了。用戶擁有更多的支配權(quán)和選擇權(quán)，公司正在根據(jù)用戶的需遷移他們的服務(wù)，這都將是不可預(yù)測的。在這篇文章中，我們將介紹Web開發(fā)的最大的和最有前途的趨勢。

人工智能

人工智能正在震撼現(xiàn)代IT世界，公司爭奪并培養(yǎng)著行業(yè)內(nèi)最優(yōu)秀的專業(yè)人才。從Facebook和Google開始，人工智能被廣泛應(yīng)用到各類應(yīng)用程序中，這使得設(shè)備更像人類一樣思考和行動。人工智能的應(yīng)用案例是人臉識別，它被廣泛用于Facebook的照片標記中。人工智能的重要性被解釋為這樣一個事實：它允許設(shè)備在沒有人工干預(yù)的情況下獨立運行，這將大大的提高效率、準確性，能夠得到更好的用戶體驗。

案例：人臉檢測+情感分類

DashBouquet 有最新的基于計算機視覺的廣告技術(shù)解決方案?？梢圆榭聪嚓P(guān)研究案例。

物聯(lián)網(wǎng)

物聯(lián)網(wǎng)是使設(shè)備智能化，使它們能夠相互通信。我們已經(jīng)熟悉了智能房屋，現(xiàn)在有了越來越多的智能設(shè)備，使我們的生活更便捷，并能夠收集任何可以收集的數(shù)據(jù)。

至于Web開發(fā)，未來開發(fā)人員可能希望開發(fā)能夠遠程控制家用設(shè)備的應(yīng)用程序，這將有助于設(shè)備通信和數(shù)據(jù)分析。

JavaScript的興起

JavaScript自2016年以來開始興起，其快速成長允許更多開發(fā)者從事聊天機器人、虛擬現(xiàn)實和許多其他許多開始流行的東西。

這種語言的語法和效率得到提高，總體來說，JavaScript 是全棧開發(fā)人員中最流行的編程語言。

靜態(tài)網(wǎng)站生成器

這些生成器能夠從存儲在文件中而不是數(shù)據(jù)庫中的文本創(chuàng)建網(wǎng)站。這減少了網(wǎng)站加載時間，提供了更好的安全性，使得內(nèi)容和模板的部署變得更加容易。

在這里您可以找到2017年十大靜態(tài)站點生成器。

虛擬現(xiàn)實

通常我們認為VR是與電子游戲相關(guān)的東西。然而，大公司（如 Google ）已經(jīng)開始了API的相關(guān)工作，這些API旨在幫助虛擬現(xiàn)實向Web過渡。正如我們所說，市場需求很高，所以今年可能會出現(xiàn)涉及虛擬現(xiàn)實的應(yīng)用程序（例如，房地產(chǎn)、旅游等）。這種創(chuàng)新可以將用戶體驗提升到新的水平，成為企業(yè)強大的營銷優(yōu)勢。

GIF

我們知道，在短信和聊天工具中使用GIF是一種有趣而簡單的方式，但開發(fā)人員希望更進一步，并在網(wǎng)絡(luò)應(yīng)用中使用GIF與用戶更好地互動。 因為大多數(shù)人認為視覺信息比純文本更好，所以現(xiàn)在視頻非常流行。 但是在講述一個故事的時候，使用GIF是一個吸引注意力的完美方案。

機器人

我們印象中的機器人有著無趣的老掉牙的樣子，但2017年似乎使它們可以退場了。 現(xiàn)在機器人正變得更加個性化，以此提供更好的用戶體驗，這又是巨大的營銷優(yōu)勢。

現(xiàn)在機器人能夠更像“人一樣”，并提能夠供個性化的建議，例如，在購物過程中。開發(fā)人員試圖消除你和機器交談的感覺，相反，對話會變得生動有趣。

可以看出，整個Web開發(fā)正在積極的朝著用戶需求的方向發(fā)展。有很多探索和實現(xiàn)——不過,開發(fā)人員的創(chuàng)造力也扮演了極其重要的角色，使他們的應(yīng)用程序更具有“魅力”。我們所能給的建議是，聆聽你用戶的意見，不要試圖按照一些所謂的標準去定制。每個用戶都有其各自的需求，所以你作為開發(fā)人員的首要任務(wù)是了解他們想要什么，并一起提出實現(xiàn)它的最佳方案。

我還是要推薦下我自己的Python學習交流群：643692991，不管你是小白還是大牛，小編我都挺歡迎，不定期分享干貨，包括我自己整理的一份2017最新的Python資料和零基礎(chǔ)入門教程，歡迎初學和進階中的小伙伴。