O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

完美的 Angular 7 前端開發體驗 | GDG DevFest Taipei 2018

1.909 visualizações

Publicada em

這幾年前端框架的興起,讓所有人陷入挑選前端框架的選擇障礙。本次演說將為大家帶來 Angular 框架的各種完美的開發體驗,告訴大家如何透過 Angular 快速掌握複雜的前端世界。

Publicada em: Tecnologia
  • Seja o primeiro a comentar

完美的 Angular 7 前端開發體驗 | GDG DevFest Taipei 2018

  1. 1. 完美的 Angular 7 前端開發體驗 多奇數位創意有限公司 技術總監 黃保翕 ( Will 保哥 ) http://blog.miniasp.com/
  2. 2. 本日大綱 • 新手上路 • 開發體驗 • 學習資源
  3. 3. 新手上路 Getting Started
  4. 4. Angular 7 開發環境說明 (詳細說明) • 瀏覽器 • Google Chrome • 版控工具 • Git • 開發環境 • Node.js • 開發工具 • Visual Studio Code • Angular Extension Pack • 安裝 Angular 開發環境 • npm install -g @angular/cli • 檢查安裝環境 • node -v • npm -v • git version • ng version
  5. 5. 建立全新 Angular 專案 • CLI • ng new demo1 --routing --style css • cd demo1 • npm start • GUI • Angular Console
  6. 6. 開發體驗 Developer Experience
  7. 7. LIVE DEMO • 套用 HTML 版型 • 建立基本 Angular 元件 • 示範四種 Angular 資料繫結方法 • 示範 HttpClient 用法
  8. 8. 學習資源 Learning Resources
  9. 9. 相關連結 • Angular 官方網站 • Angular 相關學習資源 • Angular 開發實戰:從零開始 ( 線上 Udemy 教學課程 ) ( 連結內含 Udemy 優惠碼 ) • http://angular.tw (Angular Taiwan) • https://forum.angular.tw/ ( 台灣 Angular 技術論壇 ) • Angular Extension Pack - Visual Studio Marketplace
  10. 10. THANK YOU

×