fbpx

使用 Angular 仿製一個 Airbnb

課程簡介

學習如何建立一個漂亮乾淨的應用程式,看起來像流行的租賃網站 ( Airbnb )

課程介紹:English 简中

從這 1.5 小時的課程,你會學到

  • 如何構建一個適用於行動裝置、平板電腦和桌面電腦的響應式頁首和內容區域
  • 如何使用永續查詢參數( persisting query params )過濾房屋按房屋類型
  • 如何使用一個最新的 CSS 框架(UIkit) ,以實現一個漂亮的乾淨的外觀,實際上不需要客制化樣式
  • 如何使用容器與表現元件模式( presentational component pattern )
  • 如何在沒有 NGRX 的情況下實現基本的資料狀態管理(顯示載入狀態)
  • ng cli 命令
  • Typescript 介面和型別
  • 如何將程式碼組織成模組
  • 如何使用延遲載入( lazy loading )路由

要求

你需要熟悉 Angular 的基本原理。 我建議為初學者選修一門 Angular 課程。 在 Udemy 上任何一個暢銷的 Angular 課程都可以( Angular 7 (Angular 2 的最新版) – 完整指南( udemy 最暢銷的 Angular 課程 )

課程說明

在本課程中,你將學習如何使用 Angular 和 UIkit 來構建一個漂亮、乾淨的應用程式,可以在行動裝置、平板電腦和桌面電腦上使用。

您將學習如何構建以下功能:

  • 自動適應所有螢幕尺寸,並在小螢幕上顯示一個特殊的行動選單和富有吸引力的標題
  • 響應式主頁列表區域,根據螢幕大小顯示四列、兩列或一列的內容
  • 根據房屋型別過濾房屋列表: 例如 “整個公寓”,”樹屋”等
  • 在 URL 中永續化選擇的過濾器( persisting selected filters ),這樣你就可以和朋友分享連結,當他們開啟連結時,他們會看到完全相同的過濾器應用到列表中,並反映在 UI 中
  • 使用帶有 observables (不帶 NGRX)的簡單狀態管理技術突出顯示作用中的過濾器
  • 當用戶應用篩選器並從模擬 API 載入資料時,反映 UI 中的載入狀態

你將學習以下技能:

  • 如何使用一個最新的 CSS 框架,以實現一個漂亮乾淨的外觀實際上沒有使用客制化樣式(UIkit)
  • 容器與表現元件模式( presentational component pattern )
  • 資料狀態管理(不包括 NGRX)
  • ng cli 命令用於生成元件和服務
  • Typescript 介面和型別
  • 把你的程式碼組織成模組
  • 延遲載入路由

參加這個課程的好處:

您將學習如何快速使用 Angular 的最佳實踐和建立最新的,好看的響應網頁應用程式

目標受眾

  • 有一些先前的 Angular 經驗開發
  • 前端開發者
  • JavaScript 開發者

講師簡介

Irek Mirgaleev Acquia 公司資深軟體工程師

在獲得了電腦科學的碩士學位,從實習生變成了資深軟體開發人員之後,我學到了一件事。

如果你想成為一名軟體工程師,大學學位是絕對不必要的。

我所有的技能都是通過觀察別人如何編寫程式碼並努力做到和他們一樣好而學到的。 在這方面,我的大學學位幾乎沒有什麼用處。

這就是為什麼我想通過 Udemy 和 YouTube 這樣的網站與世界其他地方分享我所學到的東西,這樣你就可以學習如何通過和我一起建立真正的應用程式來解決真正的挑戰。

英文字幕:有

  • 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To

優惠資訊

如何購買這門課程比較划算?可以參考課程合購優惠方案


報名參加課程

Sponsored by Udemy

也許你會有興趣

 歡迎使用 e-mail 訂閱 Soft & Share 

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: