Web開發(fā)這十年

Web開發(fā)這十年都發(fā)生了怎樣的變化同眯?

親愛的朋友們南蓬,希望你們喜歡我們現(xiàn)在的這個新世界揭绑。相比 2007年缆巧,它已經(jīng)發(fā)生了翻天覆地的變化。很高興看到大家仍然喜歡電腦。我們現(xiàn)在擁有的電腦比十年前多得多黎烈,同時這也帶來了新的挑戰(zhàn)≡纫ィ可穿戴設(shè)備照棋、口袋設(shè)備、家具智能設(shè)備武翎、自動駕駛汽車烈炭,它們都是計算機。我們還教會程序玩各種游戲宝恶,并打敗了人類符隙。當(dāng)然,或許也只有喝酒這件事是電腦無法與人類匹敵的垫毙。

Web應(yīng)用

蘋果之所以能夠成為最大霹疫、最富有的科技公司,多半是因為 iPhone和它的操作系統(tǒng)iOS综芥。谷歌也有與之相匹敵的操作系統(tǒng)——安卓丽蝎,微軟也曾試圖通過 Windows Phone分得一杯羹,但沒能成功膀藐。

2008年發(fā)布的 iPhone 3GS和 2017年發(fā)布的 iPhone X

我們開始管程序叫App屠阻,有些網(wǎng)站稱自己為Web App。2008年额各,谷歌發(fā)布了Chrome瀏覽器国觉。9年之后,Chrome成為最流行的瀏覽器之一虾啦。

Chrome團隊花了很多精力在JavaScript上麻诀,Web App使用了大量的 JavaScript代碼蚜枢。

其他很多公司也在 JavaScript上投入了大量精力,現(xiàn)在它可以支持類和模塊针饥。一些語言可以被編譯成 JavaScript厂抽,如 TypeScript(來自微軟)或 Flow。

現(xiàn)如今丁眼,我們更多地使用 JavaScript筷凤,因為很少人用 Flash了。我們甚至在服務(wù)器端使用JavaScript替代了 Perl苞七,這個東西叫 Node藐守。

響應(yīng)式設(shè)計

還記得 Swing、SWT以及 wxWidget這些東西嗎蹂风?我們在瀏覽器上重新發(fā)明了它們卢厂,于是出現(xiàn)了一些新的 UI編程模型,它們主要集中在組件化上惠啄。

我們必須想辦法設(shè)計慎恒、構(gòu)建和測試響應(yīng)式 App,同時還要保持它們不會太臃腫撵渡,雖然人們?nèi)耸忠徊渴謾C融柬,但流量并不寬裕。

于是組件框架出現(xiàn)了趋距,谷歌的 Angular粒氧、Facebook的 React和來自開源社區(qū)的 Vue。

2007年节腐,F(xiàn)acebook開始在美國雄起外盯,到現(xiàn)在已經(jīng)成為一個巨頭公司。除了擁有大量的用戶翼雀,F(xiàn)acebook也是世界上擁有最多代碼的公司之一饱苟。

Facebook的開發(fā)團隊開發(fā)了很多代碼,并將它們開源锅纺。他們也有自己的開發(fā)者大會掷空,叫作 F8。大部分巨頭公司都有自己的開發(fā)者大會囤锉。

新的 App需要越來越復(fù)雜的 UI布局坦弟,所以CSS也需要有所變化。我們不再使用 table元素來布局圖像官地,frame元素也差不多銷聲匿跡了酿傍。我們建立了新的標準,比如 CSS Floats驱入、Flexbox和 CSS Grid赤炒。

人們不斷地對這些標準進行迭代氯析,開發(fā)出了各種框架,比如 Bootstrap莺褒、Foundation等掩缓。我們還發(fā)明了一些語言,可以將它們編譯成 CSS遵岩。它們彌補了CSS的一些不足你辣,如變量和模塊化,但還不夠完美尘执。

迷茫是正常的

如果你們感到疑惑舍哄,這是正常的,事實上誊锭,我們都會感到疑惑”硇現(xiàn)在的開發(fā)者越來越多,科技公司也越來越成功丧靡。我們曾經(jīng)使用“初創(chuàng)公司”來描述那些增長迅速同時有點無所適從的公司蟆沫,不過即使是這個詞到了現(xiàn)在也有點過時了。

數(shù)據(jù)

程序員窘行、程序和設(shè)備越來越多饥追,數(shù)據(jù)也越來越多图仓。我們必須不斷提升計算機的處理能力來處理它們罐盔,我們也開發(fā)了一些技術(shù)從數(shù)據(jù)中挖掘有用的價值。

首先救崔,出現(xiàn)了數(shù)據(jù)科學(xué)惶看,旨在從數(shù)據(jù)中抽取信息。

例如六孵,有個叫作 Waze的初創(chuàng)公司纬黎,他們讓用戶在手機上安裝 App,在用戶開車的時候跟蹤他們的移動軌跡劫窒。因為有很多人都安裝了這個 App本今,所以 Waze就積累了很多汽車的移動數(shù)據(jù)。他們基于這些數(shù)據(jù)開發(fā)出了可以告知用戶交通擁堵情況的程序≈魑。現(xiàn)在冠息,用戶在手機上打開 Waze的App,就可以實時地看到哪里發(fā)生了交通堵塞孕索,然后選擇其他路線逛艰。

后來 Waze被谷歌收購了,大部分初創(chuàng)公司都會經(jīng)歷被收購的命運搞旭。

一個用戶在使用 Waze散怖,屏幕上同時顯示其他用戶的頭像

數(shù)據(jù)科學(xué)主要面臨三大挑戰(zhàn)——數(shù)據(jù)存儲菇绵、數(shù)據(jù)學(xué)習(xí)和數(shù)據(jù)應(yīng)用。

數(shù)據(jù)存儲

我們現(xiàn)在需要把大量的信息保存下來镇眷,并從中找出哪些是有用的咬最。我們需要新的數(shù)據(jù)庫,MySQL欠动、PostgreSQL這類數(shù)據(jù)庫已經(jīng)無法用于存儲 TB級別的數(shù)據(jù)了(于是就有了大數(shù)據(jù))丹诀。

互聯(lián)網(wǎng)巨頭公司時常面臨這樣的挑戰(zhàn),所以他們就成為這類技術(shù)的先驅(qū)翁垂。大多數(shù)技術(shù)都是在這些公司內(nèi)部先發(fā)展起來铆遭,然后再開源。

后來出現(xiàn)了 NoSQL沿猜,這類數(shù)據(jù)庫對傳統(tǒng)關(guān)系型數(shù)據(jù)庫的某些部分進行了改造枚荣,成為新型數(shù)據(jù)庫。

Hadoop可以將數(shù)據(jù)保存在很多離散的計算機節(jié)點上啼肩,并定義了 MapReduce的數(shù)據(jù)處理方式橄妆。

接著 Cassandra出現(xiàn)了,它通過鍵和列的方式(而不是表)將數(shù)據(jù)保存在不同的節(jié)點上祈坠,還可以保證在部分節(jié)點離線時不丟失數(shù)據(jù)害碾。

還有 MongoDB,一個十分方便用于構(gòu)建原型的數(shù)據(jù)庫赦拘。在 2017年慌随,我們對待技術(shù)的心態(tài)就像在 10年前對待明星一樣——有追捧也有痛斥。而 MongoDB就相當(dāng)于 10年前的五分錢樂隊(Nickelback)躺同。

數(shù)據(jù)學(xué)習(xí)

使用機器學(xué)習(xí)技術(shù)將一張普通的小狗圖片變成具有藝術(shù)風(fēng)格的作品

在數(shù)據(jù)學(xué)習(xí)陣營阁猜,人們最為關(guān)注的是機器學(xué)習(xí)。數(shù)據(jù)科學(xué)家的技術(shù)工具箱里有各種各樣的工具蹋艺,從分類到深度學(xué)習(xí)剃袍。他們一般使用 Python,并與開發(fā)人員一起將機器學(xué)習(xí)應(yīng)用到各個領(lǐng)域捎谨。

在數(shù)據(jù)科學(xué)家的幫助下民效,Web App可以使用 A/B測試技術(shù)。該技術(shù)使用了兩個不同版本的服務(wù)器為相似的用戶提供服務(wù)涛救,看看哪個版本能夠更快地達成預(yù)期目標畏邢。

Airbnb、Uber和Netflix等大公司同時運行著成千上萬個 A/B測試州叠,確保能夠為他們的用戶帶來最好的體驗棵红。

微服務(wù)和云

像 Netflix這樣的公司擁有大量的用戶,他們需要確保他們的服務(wù)無時不刻在運行咧栗。所以必須管理好服務(wù)器逆甜,必要的時候甚至需要新增數(shù)百臺新服務(wù)器虱肄。

這在傳統(tǒng)的數(shù)據(jù)中心是很難實現(xiàn)的,Netflix的工程師使用的是虛擬機交煞。亞馬遜于 2006年推出了 AWS咏窿,提供彈性云計算,也就是 EC2素征,這樣人們就可以使用亞馬遜數(shù)據(jù)中心里的虛擬機集嵌。

亞馬遜已經(jīng)推出了 80余種服務(wù),幫助其他公司快速增長御毅。我們稱之為“云”根欧,但其實這個名字很難有準確的定義。

亞馬遜提供的云服務(wù)

谷歌和微軟也推出了他們各自的云服務(wù)端蛆,搶奪云服務(wù)市場凤粗。這些聰明人之間展開競爭,各種瘋狂的創(chuàng)新舉動開始涌現(xiàn)今豆。

首先嫌拣,我們開始考慮如何讓基礎(chǔ)設(shè)施看起來更像代碼。以前呆躲,我們必須先購買新服務(wù)器异逐,接進鍵盤,然后安裝各種依賴項插掂。

而現(xiàn)在灰瞻,我們使用管理配置工具(如 Puppet、Chef和 Ansible)來實現(xiàn)自動化服務(wù)器配置燥筷。我們使用編程語言(如 Ruby)編寫代碼箩祥,根據(jù)配置來分配服務(wù)器。如果需要做出變更肆氓,只需要修改配置并更新服務(wù)器,最多就使用一下 SSH底瓣。

然后容器出現(xiàn)了谢揪。EC2為我們提供了機器分配服務(wù),所以我們的開發(fā)環(huán)境應(yīng)該盡量與生產(chǎn)環(huán)境保持一致捐凭。

剛開始拨扶,我們使用 Vagrant啟動虛擬機,后來有了Linux容器茁肠,最后患民,Docker出現(xiàn)了。我們找到了一種可以在MacBook上運行Linux的方式垦梆,而且不需要安裝完整的虛擬機匹颤。

通過使用 Docker仅孩,我們可以創(chuàng)建與生產(chǎn)環(huán)境相似的開發(fā)環(huán)境。開發(fā)人員使用 Docker鏡像印蓖,將應(yīng)用部署到容器里辽慕。

Windows 10發(fā)布會上有很多人在使用MacBook

云廠商也緊追不舍,直接在他們的云上運行容器赦肃,并提供了 Marathon和 Kubernetes這樣的編配框架溅蛉。有了這些框架,開發(fā)人員就不需要擔(dān)心應(yīng)用的伸縮他宛、容錯船侧、監(jiān)控和發(fā)現(xiàn)等方面的問題。服務(wù)器是可以被收回的厅各,不過這一次我們不再給它們起什么好聽的名字了勺爱。

開發(fā)人員可以創(chuàng)建小型的應(yīng)用,叫作微服務(wù)讯检,這些微服務(wù)獨立運行琐鲁。又因為微服務(wù)對外部依賴較少,我們開始嘗試使用更多新的編程語言來實現(xiàn)微服務(wù)人灼,比如 Go語言和Java围段。

我們也可以使用基于JVM的 Scala和 Clojure,以及相關(guān)的類庫投放。Airbnb就使用了多種不同的語言和數(shù)據(jù)庫實現(xiàn)數(shù)百個微服務(wù)奈泪。

因為微服務(wù)的出現(xiàn),我們不得不重新思考編程模型灸芳。因為現(xiàn)在我們需要協(xié)調(diào)更多涝桅、更小型的應(yīng)用。于是烙样,ApacheKafka冯遂、Google PubSub和 RabbitMQ出現(xiàn)了,它們旨在幫助服務(wù)器之間進行更好的交互谒获。Kafka最初由 LinkedIn開發(fā)蛤肌,后來開源出來。

越來越多的開發(fā)者批狱、軟件和創(chuàng)意在涌現(xiàn)裸准,我希望大家仍然對計算機保持興趣。事實上赔硫,我們完全有理由這么做炒俱。

對于初學(xué)者來說,要怎樣學(xué)習(xí)才能達到企業(yè)的招聘要求呢?

發(fā)展期的小伙伴权悟,如何提升自己來增強自身實力呢砸王?

學(xué)習(xí)之路:http://www.zparkedu.com/

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市僵芹,隨后出現(xiàn)的幾起案子处硬,更是在濱河造成了極大的恐慌,老刑警劉巖拇派,帶你破解...
    沈念sama閱讀 216,496評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件荷辕,死亡現(xiàn)場離奇詭異,居然都是意外死亡件豌,警方通過查閱死者的電腦和手機疮方,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,407評論 3 392
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來茧彤,“玉大人骡显,你說我怎么就攤上這事≡啵” “怎么了惫谤?”我有些...
    開封第一講書人閱讀 162,632評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長珠洗。 經(jīng)常有香客問我溜歪,道長,這世上最難降的妖魔是什么许蓖? 我笑而不...
    開封第一講書人閱讀 58,180評論 1 292
  • 正文 為了忘掉前任蝴猪,我火速辦了婚禮,結(jié)果婚禮上膊爪,老公的妹妹穿的比我還像新娘自阱。我一直安慰自己,他們只是感情好米酬,可當(dāng)我...
    茶點故事閱讀 67,198評論 6 388
  • 文/花漫 我一把揭開白布沛豌。 她就那樣靜靜地躺著,像睡著了一般淮逻。 火紅的嫁衣襯著肌膚如雪琼懊。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,165評論 1 299
  • 那天爬早,我揣著相機與錄音,去河邊找鬼启妹。 笑死筛严,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的饶米。 我是一名探鬼主播桨啃,決...
    沈念sama閱讀 40,052評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼车胡,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了照瘾?” 一聲冷哼從身側(cè)響起匈棘,我...
    開封第一講書人閱讀 38,910評論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎析命,沒想到半個月后主卫,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,324評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡鹃愤,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,542評論 2 332
  • 正文 我和宋清朗相戀三年簇搅,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片软吐。...
    茶點故事閱讀 39,711評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡瘩将,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出凹耙,到底是詐尸還是另有隱情姿现,我是刑警寧澤,帶...
    沈念sama閱讀 35,424評論 5 343
  • 正文 年R本政府宣布肖抱,位于F島的核電站备典,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏虐沥。R本人自食惡果不足惜熊经,卻給世界環(huán)境...
    茶點故事閱讀 41,017評論 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望欲险。 院中可真熱鬧镐依,春花似錦、人聲如沸天试。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,668評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽喜每。三九已至务唐,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間带兜,已是汗流浹背枫笛。 一陣腳步聲響...
    開封第一講書人閱讀 32,823評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留刚照,地道東北人刑巧。 一個月前我還...
    沈念sama閱讀 47,722評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親啊楚。 傳聞我的和親對象是個殘疾皇子吠冤,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,611評論 2 353

推薦閱讀更多精彩內(nèi)容