fbpx

Angular 樣式與動畫(Angular 2 以上版本 )

Contents

針對 Angular 2 +:了解如何使用動態樣式和強大的動畫創建漂亮的 Angular 應用程序

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

  • 在課程結束時,學生將能夠使用 Angular 提供的許多功能來進行動態樣式和動畫設計並應用在 Angular 應用程式
  • 學生將能夠對其 Angular 元件進行樣式設計,對這些元件中的元素進行調整,並動態更改樣式
  • 學生將能夠添加複雜的動畫,例如為元素,列表或根據路徑( route )更改的外觀動畫化

要求

  • 必須具備基礎的 Angular(2或4 )
  • 基本的 CSS 知識是必需的
  • 基本的 CSS Transitions 和動畫知識是加分
  • 不需要 Angular 動畫知識

說明

你完成了你的網頁業務邏輯,你完成了,對吧? 沒有! 向網頁添加裝配樣式和動畫可以大幅地改善了用戶體驗

不僅僅是一點點福利 – 動畫和樣式風格幫助用戶了解你的網頁流程,將反饋傳遞給用戶,並總體提高網頁的可用性。

本課程教你在你的網頁利用 Angular 所提供動態樣式和動畫的工具。 這不是一個 CSS 基礎課程 – 這個課程將真正深入到豐富的 Angular 工具集中,允許你建構一個反應性,用戶友好的 Web 應用程式。

想想你最喜歡的網頁應用程式:其中有多少個看起來很醜陋,似乎是隨機(和靜態)的樣式,並且不使用動畫? 可能不是很多-該是時候加入創造出令人驚嘆的用戶體驗開發者俱樂部!

這就是你會學到的!

  • Angular 如何幫助你設計網頁的樣式與動畫
  • 動態樣式和動畫的意義
  • 你可以對整個網路應用程式或是你建構的各個元件進行風格化
  • Angular 提供哪些工具可以在運行時調整樣式
  • 如何使用 vanilla CSS 來建構漂亮的過場效果和動畫
  • 關於 Angular 動畫套件:建構,配置和使用觸發器,狀態,樣式,過場效果( transitions )等等!
  • 進階動畫功能,如動畫群組,keyframes 或是 callbacks
  • 如何將元素/元件的外觀進行和移除動畫
  • 如何對列表進行動畫
  • 如何對 runting 進行動畫
  • 還有更多

這是這個課程所提供的 – 但這是為你準備的課程嗎?

這個課程是為你準備,如果…

  • …你有(基本的)Angular 和 CSS 知識,並且感覺你需要更多地在 Angular 應用程式中添加和使用樣式與動畫的了解
  • ..你正在學習 Angular,你想繼續學習建構更漂亮的應用程式
  • …你甚至已經知道關於 Angular 樣式和動畫 應用程式的基礎知識,但是你覺得對組件的樣式/動畫還是像謎團一樣不清楚

我很高興在這個課程中歡迎你!

目標受眾

  • 本課程目的透過在 Angular 的幫助下添加漂亮的樣式和動畫來增強用戶體驗
  • 對於 Angular 應用程式動態樣式或是動畫感興趣的學生應該會發現本課程非常有幫助

講師介紹

Maximilian Schwarzmülle 專業Web開發者與講師

從13歲開始,我從來沒有停止學習新的程式技能和語言。早期我開始為朋友寫網站,純粹好玩。這種熱情一直持續,讓我決定做一名自由網絡開發人員和顧問。我在這工作中獲得很大的成就感與樂趣,這激情到現在仍活生生地在我心裡。

我從後端開始做Web開發(PHP與Laravel、NodeJS),後來也用現代的框架如 Angular 2 或 VueJS 2 在很多專案中做越來越多前端開發。我現在兩種開發世界都很喜歡!

因我是自學而成的開發人員,我有機會經由不同領域的工商管理碩士歷練擴大我的視野。這使我能夠在主要的戰略諮詢公司和銀行工作。在學習中,我發現自己對於開發的喜愛多於其他領域,我花在這個領域的時間大大提高了我的整體的經驗和技能。

經驗與教學

身為一名自學而成的專業人,我真的知道在學習新的或在已知語言上求進步時會遇到什麼難題或哪些會是困難的部分。這種背景和經驗使我能夠專注於最相關的關鍵概念和主題。許多5星級的課程和成功的YouTube頻道上的記錄是最好的證明。

無論是作為開發教練或教學工商管理我總是收到豐盛的回饋。最寶貴的經驗是看到學生找到新的、更好的工作,開發出很棒的 Web 應用程式,取得精彩的專案或在我課程的幫助下將技能變成嗜好享受。

英文字幕 : 有

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

  • 點選這個 Network & Security 課程✨優惠連結✨ ( NT390 起特價中 ) | 新客戶✨ 優惠連結| Udemy 永久擁有課程 ( 在電腦瀏覽器登入,點選“優惠連結”後再回想要的課程介紹中點選“報名參加課程”即可取得 )
  • Udemy 現在越來越多課程有中文字幕,請參考 Soft & Share 中文線上課程
  • 手機上點選優惠連結看到的價格比電腦上看到的貴
  • $代表當地貨幣, 如在台灣為 NT
  • 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上,請稍等刷新或重新點選就會出現

報名參加課程 

Sponsored by Udemy


你可能會有興趣

 歡迎使用 App / Email | Telegram 訂閱 網站更新

發表迴響

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

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: