活動規劃

隨著網頁技術越來越發達，為了提供給使用者更好的操作體驗，前端技術的重要性已經完整的浮現了，而 Angular 4 繼承了所有 Angluar 所帶來良好的開發體驗，並加上了許多現代化網頁開發所需要的功能，並擁有許多實用的設計，希望可以透過一套 Framework 就能解決所有開發上的需求，讓網頁在好開發的同時，居有容易維護或是擴充的優點，讓前端開發者不再焦頭爛額就可以輕鬆完成網站。同時 Angular.js 基於原始設計時就有將「測試」和「依賴注入」的特性納入，所以使用 Angular.js 寫的前端頁面是非常適合導入自動化測試，或是方便創建各種抽換式組件來幫助維運大型線上網站，想體驗一下最新 Angular 4 所帶來的豐富特性嗎？快來報名學習體驗一下吧！
 

活動講師

Kirk Chen(陳鋒逸)

Full Stack Engineer，主要專注於 Web 開發技術以及 JavaScript 相關前後端技術，擅長軟體開發流程改善，希望能夠打造所有團隊都能順暢進行開發的流程，曾任知名企業顧問，擅長 Trouble Shooting，系統效能改善，以及持續整合流程導入和優化，具有許多容器化服務實際運用經驗，曾參與多間創業公司前期開發工作。熱愛單元測試、持續整合及 DevOps，喜歡分享軟體開發相關經驗，經常撰寫技術相關部落格與擔任研討會講師。

2015 年獲選 微軟最有價值專家 （MVP）

講師經歷：

• 大型電子商務平台顧問
  • Trouble Shooting
  • 系統效能改善
  • 架構規劃及建置協助
  • 持續整合流程優化
• DevOps 國際峰會 2018 (深圳站)
• ModernWeb 講師
• DevOpsDay 講師
• 社群研討會講師
  • Agile 社群
  • DevOps 社群
  • twMVC
  • Tech Podcast Night

活動介紹

• 認識 Angular 4 基本功能
  • 為什麼選擇使用 Angular 4
  • Angular 4 的優點及設計精神
  • Angular 4 的元件和模組
  • 快速建立 Angular 4 的應用程式
• 使用 TypeScript 與 Angular 4 整合
  • 為什麼 Angular 4 使用 TypeScript
  • TypeScript 提供 Angular 4 的語法糖
  • 設定 TypeScript 的開發環境
• 認識 Angular 2 Cli 加速開發
  • 為什麼需要使用 Angular Cli
  • 使用 Angular Cli 快速產生網頁雛形
  • 使用 Angular Cli 開發及打包網站
  • 因 4.0 版本剛正式推出，套件如有跟上才會講
• 開始撰寫 Angular 4 應用程式
  • 認識 Data Binding
  • 認識 Flow Control （條件判斷）
  • 認識 Form 表單的使用
• 認識 Angular 4 的依賴注入功能
  • 什麼是依賴注入？
  • Angular 4 如何抽換零件
• 認識 Angular 4 內建的開發小幫手
  • 認識使用 Http 呼叫 Api
  • 認識使用 Promise/ Deferred
• 使用 Angular 4 打造 SPA （單頁應用程式）
  • 介紹 SPA 的功用與特性
  • 認識使用 RouterModule 建立 SPA
  • 認識 RouterModule 如何切換頁面與互動

講者的話

Angular  一直以來希望可以帶給開發者一套在開發網頁時的完整解決方案，不緊緊包含了開發網頁的 Framework 本身，甚至還很貼心的包含開發時期所需要的 cli 工具，測試可能會用到的 proxy 功能，甚至到未來網站逐漸成長時，是不是可以讓開發者更好維護，在各種面向都先替使用 Angular 2 的開發者先想好了，在架構設計上也維持了 Angular 4 一貫支援的 Dependency Inject 特性，讓程式不僅具備抽換的彈性，也讓我們更好進行測試。而且最新版本的 Angular4 甚至整合了 TypeScript，讓開發時可以享受到更多的語法糖，讓開發的工作越來越輕鬆！如果你還沒有決定要用什麼 Framework 來開發網頁的話，Angular 4 會是一個好選擇喔！

還想知道什麼就留言吧