懶人包 以下是建構高效率Angular全端開發環境的一些技巧： 不再使用ng serve。 把前端和後端與整合在一起：讓編譯後的Angular頁面輸出到後端的靜態內容文件夾。ng build --watch --output-path 在後端啟用Live Reload。以SpringBoot為例，在pom.xml加入spring-boot-devtools的相依性。 安裝Chrome的LiveReload外掛。 設定.gitignore來防止已編譯的Angular程式被重複加到Git。 如果您使用Routers，需處理404 Not Found錯誤。 設定好CI / CD，在自動建置階段進行前後端整合。 問題 您是Angular的全端工程師，且希望有一個前後端整合的本機HTTP server。但是，線上的教學都教你ng serve。他所啟動的開發server主要針對純前端的開發，沒有設計讓您從Angular調用後端API。此外，畢竟我們有能力開發全端，我們可以省下在Angular中做假資料（mock data）或是模擬CRUD的耗時功夫。

TL; DR. In Angular full-stack development, here are some tips to build an efficient environment from dev to production: Stop using ng serve to run the app. Integrate frontend and backend with ng build --watch --output-path, that makes the compiled Angular page output to backend’s static content folder. Enable live-reloading in your…

This article was published in JSDC Blog on 2019/07/26 為什麼要使用前端框架？ 如果你也曾經使用過jQuery或是純JavaScript開發大型前端應用，應該可以毫無懸念地回答：『加速開發！』或是『維持前端良好的架構！』 如果你沒有經歷過前端框架之出現之前的年代，恭喜你，已經有許多棒棒的框架供你選擇 …

TL;DR. In a Single-page web application, we use the following techniques to make the layout stable: If there was a previous page, use the “pre-fetching” technique to load data before redirecting. After loading the data, redirect to the next page with fully-rendered contents. If the page is the first landing…

本文於2015–09–17發表於iThome Open Web與開源之道 經過多年的發展，今年HTML5已制定完成，正式成為W3C推薦標準。加上Mozilla等組織付出的努力，open web已經帶我們脫離了以往舊IE年代封閉的桎梏，讓我們有快速的瀏覽器可使用之外，更讓我們在各種裝置上都有良好的使用者體驗。在這個趨勢下，許多企業體認到擁抱open source對企業帶來的效益。 …

2016/9 Angular 2 正式發表final GA 2016/8 Angular 2 發表RC5 Douglas Crockford 來台演講 (Modern Web) 2016/7 Aurelia 1.0 正式發佈 2016/6 jQuery 3.0 正式發佈 ES2016 (ES7) Spec正式公佈 Samsung宣佈併購Joyent (Node.js 支持公司) 2016/4 JSCS 推出第3版，並同時宣布與ESLint合併 NodeJS v6 正式發佈 Vue.js 發佈2.0版本 2016/3 因為npm未經通知強迫kik套件改名，作者Azer將其所有套件自npm下架 2016/1 TrendMicro發生NodeJS安全性事件 AirBnB 將Enzyme (React testing tool) 開源 2015/10 Node v5 正式發佈 2015/9 io.js正式合併回NodeJS

For初學者 JSDC 扮演了台灣 JavaScript 開發者向世界大師學習的窗口，同時，也肩負著JS技術推廣的角色，引領更多開發者進入這個領域。我們希望在議程的設計上，除了邀請一流大師之外，也強調基礎技術的教學與語言核心的探討。 若是你對JS與Web前後端技術還不熟悉，對於 NodeJS 也一知半解，但是還是想藉由參加JSDC來取得近幾年最新最潮的知識，這邊的 …

— Ported from my old blog https://df1.github.io 最近接了一個project，主要工作是重新設計一個web-based的『百年系統』。 對企業來說，下這種re-engineering決定是一個難題，但這種需求卻很常見。 支持這決策的關鍵考量可能有幾項： 舊系統code base難以維護，或是年久、失傳等歷史因素 舊系統架構已經無法滿足新的商業需求 舊系統Operation Support的Effort過於龐大 族繁不及備載XD 如果是談軟體工程等架構面的問題，應該發個100篇文章也講不完吧XD 所以今天只來講講最後一項的Operation。 設計想法 Case：今天user遇到一些問題，發現該動的功能不能動，或是不知道要怎麼操作，於是求助OS Team。 所以如果要降低Operation case的量，最先想到的可能就是Exception Handling與fail-over機制。 我認為既然case來源是user，就需要從user experience的角度來考量設計Exception Handling機制。

這次是 JS Group 在台中舉辦的第五次聚會。這個聚會除了每隔週在台北之外，通常選在每個月的第一個禮拜六下午會來到台中舉行。今天大家一樣是在老地方的水舞饌三樓，一起吃吃喝喝、coding、聊天。而這次的講者就是主辦的TonyQ大大。 TonyQ本身因為工作的關係，對jQuery等前端技術相當有經驗，所以大多分享還是會以jQuery為主。不過這 …