跳到主要內容

[分享] JavaScript for backend - Webconf 2013

Webconf 2013 兩天的活動,順利落幕,這次感謝龍哥、PCT 的邀請。

這次的分享以 { 重新認識 JavaScript } 為出發點,讓有興趣的朋友能夠初步的認識,JavaScript 這個語言除了對於瀏覽器以外,後端語言所帶來的衝擊。

歡迎大家多多指教,如有口誤歡迎指正,以下是投影片,和整個 slide 的準備稿。

如果對於 Node.js 有興趣的朋友,歡迎加入討論,




JavaScript for backend - WebConf 2013

  • who is designer, raise ur hand.
  • who is developer, raise ur hand.
  • who is marketing.
ASK 3 question to audience, raise ur hand and response with my question. all the ppl follow me.
  1. Do u write Javascript in both side(frontend and backend)
  2. know node.js?
  3. write some node.js or installed node.js before?
Start the slide share
  • Node.js we could not tell detail
  • Node.js is JavaScript
  • Node.js is JavaScript for backend. (found a back door image)
  • So let's talk about JavaScript for backend.
(3mins)
  • who am I
    • Node.js TW
    • Node.js book
    • Node.js Taiwan Party
    • welcome join us.
(2mins)
  • Most of us known JavaScript is
    • jQuery,
    • YUI
    • Prototype
  • JS library, not JavaScript.
(2mins)
  • Check your JavaScript from where.
    • console.log(typeof top);
    • window -> browser
    • undefined -> Node.js
(1mins)
  • Backend JavaScript a different parts.
(1mins)
  • CommonJS defination (include NPM describe)
    • require
      • JavaScript src is not a problem.(example, front and backend)
    • module
      • variable scope issue is easy.(example, front and bakend)
  • alos NPM is rock
    • NPM is dependency management.
    • module build is easy, but maintain is hard.
    • npm hava over 80000 modules.
(7mins)
Art of JavaScript
  • normal JS, and u should know.
    • variable,
    • function,
    • Array,
    • Object,
    • What is this,
    • Timer,
    • closure.
(3mins)
  • Asyn is an Art.
    • normal style. (X)
    • js is different part.
  • JSON is Rock tool for JS.
    • {} is cool.
  • Node.js help u build some good tools.
    • process control
    • util, inhert, log, pump
    • http, https
    • file system, stream
    • crypto, event
    • assert (for test)
    • also module
  • if node.js is ruby, then npm is gem.
    • express is Sinatra
    • stylus + nib is compass
  • also Node.js can build a high concurrency server.
  • so we could make JavaScript do a lot of thing in backend.
    • JavaScript is good in Backend.
    • The Awesome part is, no limitation of cross domain.
  • for example, request ('http://teste.com')
    • Yes, it could be a proxy server.
  • for example, build a server is easy.
    • static cache files server, u can build ur own.
  • help u build a restful server
    • JSON is rock
    • WebDAV method, GET, POST, PUT, DELETE
(5 - 7 mins)
  • restful is easy for u, if u use JavaScript.
  • JavaScript build a HTML5 game server.
  • JavaScript build realtime server.
  • JavaScript is good in Backend.
  • php, DNODE
  • ruby, FAYE
  • Java, Node.js for front end parts
(5 mins)
  • Gap is low
  • do some is fun/(callback, call, this is fun)
  • conclusion
    • JavaScript can help u nife,
    • JavaScript can help u do something u can not finished i backend.
    • Enjoy Javascript - JSDC 2013 & js, html5, node
(3 mins)
  • Q&A

PS.
感謝在 Node.js 社群中的所有夥伴,提供了寶貴的資料與經驗,感謝所有參與者,感謝所有協助的人。

留言

這個網誌中的熱門文章

npm 還可以看影片,沒想到真的有人這麼做

 還真的有人做這件事情, 庆余年2剛上線,有一位小哥竟然利用 npm 包的機制,將整套高清視頻都搬上來了。 https://x.com/fengmk2/status/1791498406923215020 圖片來源, https://x.com/fengmk2/status/1791498406923215020/photo/1 此 Package 出處 https://www.npmjs.com/package/lyq2?activeTab=versions 截圖留念, 機制說明 NPM(Node Package Manager)是一個流行的 JavaScript 軟件包管理器,用於管理和分發 Node.js 應用的依賴。它允許開發者將自己的代碼打包成「包」,並上傳到 NPM 的公共註冊表,供其他開發者下載和使用。這個過程通常包括以下步驟: 創建 NPM 包 :開發者將自己的代碼和相關文件打包成一個 NPM 包。 上傳到註冊表 :將包上傳到 NPM 的公共註冊表。 下載和使用 :其他開發者可以通過 NPM 命令行工具下載並安裝這些包。 這位小哥利用這一機制,可能是通過將整套高清視頻文件打包成 NPM 包並上傳到公共註冊表。其他人只需通過簡單的 NPM 命令即可下載這些視頻文件。 影響 版權問題 :這種行為涉及明顯的版權侵犯。高清視頻通常受到版權保護,未經授權的分發和下載都是非法的。 NPM 註冊表的可靠性 :這類內容的出現可能會損害 NPM 註冊表的可靠性和聲譽。NPM 註冊表是開發者分享和使用代碼的重要平台,如果充斥著這些不合法的內容,會影響其公信力。 潛在的安全風險 :將視頻文件偽裝成 NPM 包可能會帶來潛在的安全風險。下載這些包的用戶可能會無意中下載到惡意軟件或其他有害內容。 技術濫用 :這一行為展示了技術的濫用,原本為了方便開發者分享和使用代碼的機制,被用來分發非法內容,會對整個開發者社區造成負面影響。 歡迎留言給我,讓我們得到更多討論,一起回饋更多可能。 如果對於技術架構或者技術開發有相關需要顧問教育訓練服務或專案開發,聯絡方式如下,或者是與皇漢科技 EXMA-Square 進行聯繫。 FB: https://www.facebook.com/clonncd/ Twitter: https://twitter.com/clonncd 熱血漢誌: htt

Redis 已經不再免費了嗎?Redis is no longer free software ?

  根據Redis Source Available License 2.0 (RSALv2)的條款,這份授權協議提供了一定程度的使用、複製、分發、使其可用、以及創建衍生作品的自由,但這些自由受到特定限制,特別是關於將軟體功能作為服務提供給第三方或分發軟體的方式,這可能限制了軟體的自由共享和再分發。 根據自由軟體基金會(Free Software Foundation, FSF)和開源倡議組織(Open Source Initiative, OSI)定義的自由軟體和開源軟體的標準,一個軟體要被認為是“自由軟體”或“開源軟體”,它需要允許用戶在任何目的下運行軟體、研究和修改軟體、以及自由地重新分發複製品,有時還包括創建和分發衍生作品的自由。 RSALv2設置了一些重要的使用和分發限制,特別是關於禁止將軟體或其修改版本作為服務提供給第三方的限制,這可能不符合FSF和OSI對自由軟體或開源軟體的定義。這些限制主要是為了保護Redis Ltd.的商業利益,同時允許使用者在某些條件下使用和修改軟體。 因此,雖然RSALv2提供了一些使用和修改軟體的自由,但它由於上述限制,可能不會被廣泛認定為符合“自由軟體”或“開源軟體”的嚴格定義。它更像是一種介於傳統封閉源代碼軟體和開放源碼軟體之間的“源可用”授權模式。 主觀想法 怎麼開源的狀態下還是需要商業利益的支持,只有在商業模式下才能走得長久,這段協議會影響到的基本上三大公有雲 Azure / AWS / Google Cloud Platform 絕對首當其衝,但如果以服務提供商的角色,能夠跟這樣的開源坐下來好好談談,也許這樣的 Agreement 可能對於 Redis 後續的生態發展才會是好的方式? 就讓我們持續看下去! Ref: https://lwn.net/Articles/966133/ https://redis.com/blog/redis-adopts-dual-source-available-licensing/ https://redis.com/legal/rsalv2-agreement/

CSS Animation 救星?Apple 推出 Keyframer,讓 LLM 大型語言模型產生動畫

CSS Animation 救星?Apple 推出 Keyframer,讓 LLM 大型語言模型產生動畫 Apple 釋出 Keyframer 工具利用大型語言模型(LLMs)來為靜態圖像(SVG格式)創造動畫。 透過與專業動畫設計師和工程師的訪談,Keyframer 支援通過提示和直接編輯生成的輸出來探索和精煉動畫。此系統還允許用戶請求設計變體,支持比較和創意發想。包括用於描述運動的語義提示類型的分類和一種“分解式”提示風格,其中用戶不斷根據生成的輸出調整他們的目標。分享了如何通過直接編輯以及提示來實現超越當今生成工具中常見的一次性提示界面的迭代。通過這項工作,提出了LLMs 可能如何賦能廣泛的觀眾群體參與動畫創作。 對於網頁開發者或設計師,Keyframer提供了以下潛在的幫助和用途: 創意表達的擴展:開發者和設計師可以使用自然語言描述來創造或修改動畫,這樣可以快速實驗和實現創意想法,而無需深入複雜的動畫程式碼或工具。 高效的設計流程:通過結合語言提示和直接編輯,使用者可以迅速探索動畫設計的不同變體,加速從概念到原型的過程。 動畫設計的無障礙化:即使是沒有動畫背景的開發者和設計師也能輕鬆入門,透過自然語言的引導創造動感豐富的界面和視覺效果。 促進創意發想和迭代:Keyframer支持設計思維的迭代過程,讓使用者能夠不斷優化和細化他們的動畫設計,促進創意的深入發展。 個性化和定制動畫:用戶可以請求特定的設計變體,以滿足特定項目的需求或遵循品牌指南,從而創建更加個性化和定制化的動畫效果。 Keyframer為網頁開發者和設計師提供了一種全新的與動畫互動和創造的方式,使他們能夠更加自由地探索和實現創意視覺效果,從而提升用戶體驗和網站的吸引力。