華文網

現在的JavaScript框架教程

Roger 打開了手機上新聞類的 app,想尋找一些有趣的東西來看。他翻過關於如何更有創意的文章,翻過關于如何成為一個成功企業家的文章,翻過如何使文筆更好的文章。

當他正準備打開 Twitter 的時候,

一個標題映入了他的眼簾:

丟掉 Angular, 忘掉 React,接下來是 Tupress---JavaScript 的終極框架。

“嗯,也許是時候學習一個框架了。”Roger 這樣想著。這幾個月以來,他一直在研究 JavaScript。為什麼不看看這篇聲明所有框架都是大驚小怪的文章都寫了些什麼?在流覽過這篇文章—文章中包括“直觀”,“靈活”和“萬能”之類的詞語—之後,Roger 覺得值得一試。

他打開了他的 MacBook, 在 Google 中搜索“Tupress 教程”,並打開了最上面的搜索結果。該教程自稱會教他如何構建一個雙使用者介面 app。

完成後,該 app 可以將一個(2,2,2,2,2,2)的英語列表轉換成法語列表(le 2, le 2, le 2, le 2, le 2, le 2)。

教程的第一步是安裝 Tupress。然後,呃,Roger 還必須安裝 Bisup—一個羽量級的包裝器,雖然不知道它有什麼作用。再然後,他必須安裝 Claster,它提供了一層輕量的使用方法和中介軟體。雖然 Roger 也不知道這個有什麼意義,但是還是安裝了它。

最後,他還得安裝 Pirend,這是一個即時的約定介面規範微服務層,用於使用 JSON 實現增刪改查和 Ajax 請求。這個一定很重要,Roger 想,否則就不會有這些縮略詞了。

現在所有的東西都安裝好了,Roger 很開心的想要開始編寫代碼。但是根據教程,他還得完成幾步操作。首先,他必須得安裝 Git,配置一個基於雲的資料庫,構建一個約定介面規範的伺服器,實現 API 端點,

更新依賴關係,並建立一個基於元件的專案結構。

Roger 承認,這聽起來非常複雜,但是他已經安裝了太多東西,現在不能半途而廢。

接下來的兩周內,Roger 搜索了 179 次 Google,終於弄懂了如何完成所有的設置。他打開了一個終端視窗,輸入“tupr start”,然後打開 Chrome 流覽器並導航到 localhost:3000。根據教程,他應該會看到“Tupress Works!”這句話。

但是,糟糕的是,Tupress 根本就沒有啟動。Roger 什麼都沒有看到,根本什麼都沒有!

“唉”,Roger 歎了一口氣。為了弄清楚到底出了什麼問題,

Roger 在 Chrome 流覽器中打開了開發者工具裡面的控制台。“呀”,Roger 很驚訝,控制台裡面一路飄紅,比權利的遊戲裡滿屏的血腥還要紅。

“我只是想寫一些代碼來製作一個簡單的 app”,Roger 覺得很沮喪,怎麼會這麼困難呢?

不過,他並沒有放棄。他將控制台裡的每一個錯誤都剪切並複製到 Google 中。

在 Stack Overflow 上他發現,這個為期一個月的教程使用了 Tupress 的 1.3.2 版,Bistup 的 1.2.1 版,Claster 的 3.7.2 版和 Pirend 的 4.2.1 版。

而 Roger 已經安裝了這些軟體的最新版本,而這些最新版本並不適用於這個框架。同時,Tupress 5 剛剛出來,完全不同於 Tupress 1(中間沒有 Tupress 2,3 或者 4 版本)。

從另一個程式設計論壇上,Roger 瞭解到,Bistup 由於不夠輕量已經不再受大部分開發者的青睞。而 Claster,顯然也並沒有承諾的那樣美好。所以瑞士的一位開發者創造了一個更好的替代品—Focrux.js。

在多次卸載又重裝所有的軟體,閱讀了 Stack Overflow 上面所有的內容,看了 YouTube 上面關於 JavaScript 框架的所有視頻,並且閱讀了“關於 Tupress 的所有 13 個您不知道的內容”……七周後,Roger 的 Chrome 流覽器的控制台終於不再飄紅。

“噢耶”,Roger 忍不住歡呼。

他打開一個終端視窗,輸入“tupr start”,並且開啟了 localhost:3000,最後,他終於看到了:

原文地址:

https://medium.freecodecamp.org/every-javascript-framework-tutorial-written-more-than-5-minutes-ago-f96642d4f05

本文轉載自InfoQ垂直公眾號前端之巔,ID:frontshow,推薦關注!

2017 年軟體研發領域有很多新的變化,新一年的技術新趨勢 QCon 全球軟體發展大會也與你一同關注。目前,我們已經確認多位技術專家:Netflix 工程總監 Katharina Probst、Kotlin 團隊工程師 Roman Elizarov、Apache Spark Structured Streaming 的核心開發人員朱詩雄、愛奇藝科學家李典等老師將在現場分享前沿技術案例,共呈技術盛宴。2018 北京站現在報名享 7 折優惠,立減 2040 元。有任何問題可諮詢購票經理 Hanna,電話:15110019061,微信:qcon-0410。

在多次卸載又重裝所有的軟體,閱讀了 Stack Overflow 上面所有的內容,看了 YouTube 上面關於 JavaScript 框架的所有視頻,並且閱讀了“關於 Tupress 的所有 13 個您不知道的內容”……七周後,Roger 的 Chrome 流覽器的控制台終於不再飄紅。

“噢耶”,Roger 忍不住歡呼。

他打開一個終端視窗,輸入“tupr start”,並且開啟了 localhost:3000,最後,他終於看到了:

原文地址:

https://medium.freecodecamp.org/every-javascript-framework-tutorial-written-more-than-5-minutes-ago-f96642d4f05

本文轉載自InfoQ垂直公眾號前端之巔,ID:frontshow,推薦關注!

2017 年軟體研發領域有很多新的變化,新一年的技術新趨勢 QCon 全球軟體發展大會也與你一同關注。目前,我們已經確認多位技術專家:Netflix 工程總監 Katharina Probst、Kotlin 團隊工程師 Roman Elizarov、Apache Spark Structured Streaming 的核心開發人員朱詩雄、愛奇藝科學家李典等老師將在現場分享前沿技術案例,共呈技術盛宴。2018 北京站現在報名享 7 折優惠,立減 2040 元。有任何問題可諮詢購票經理 Hanna,電話:15110019061,微信:qcon-0410。