掌握 Bulma CSS 框架和編寫 14 個網頁的 4 個專案

掌握最新版本的 Bulma 和建立真實的專案和主題( themes ),同時學習 HTML,網頁設計和程式碼編輯

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

  • 學習如何建立和使用 Bulma 框架的所有元素、元件和修飾符
  • 學習如何使用 Bulma 框架建立四個不同的響應式網站
  • 用 44 個編碼練習題和一個特別建立的 Bulma 學習工具包( 100 多個原始檔)做實習
  • 掌握最新版本的 Bulma
  • 如何建立流動和響應式佈局
  • 如何使用斷點和網格系統
  • 如何組織各種內容
  • 如何使用所有的修飾符( modifiers )
  • 如何建立各種表單( forms )
  • 如何建構所有的 11 個元素( elements )
  • 如何建構所有的10個元件( components )
  • 如何使用 Font Awesome 5 新增圖示( icons )
  • 專案 1 : 用 Bulma 建立簡歷( CV )和簡歷頁面
  • 專案 2 : 用 Bulma 建立一個小型商業網站
  • 專案 3 : 用 Bulma 建立一個知識庫
  • 專案 4 : 建立一個線上論壇

要求

  • 基本的 HTML 理解
  • 文字編輯器( text editor )和瀏覽器( browser )

課程說明

關於 Bulma

Bulma – 世界上最流行的前端框架之一!

本課程涵蓋了世界上最流行的前端框架之一 Bulma 0.8.0 的最新版本的所有不同部分。Bulma 已經被全世界成千上萬的使用者使用,並且被精心開發以涵蓋廣泛典型使用者介面。

使用 Bulma 建構的網頁可以跨界各種裝置、瀏覽器和螢幕尺寸,並擁有乾淨、現代的設計。

本課程是為想從底層學起的任何初學者設計。課程包括所有不同的部分,但每堂課都可以獨立觀看。

除了瞭解 Bulma 的各個部分,你還會有詳細的全程教學,帶你如何只用 Bulma 建立 4 個不同的響應式和現代化的完整專案。

專案

使用 Bulma 建立以下專案

  • 專案 1 : 簡歷( CV )和簡歷頁面
  • 專案 2 : 小型企業網站
  • 專案 3 : 知識庫
  • 專案 4 : 線上論壇

學習風格

不僅僅是影片講座

除影片講座外,本課程還包括以下各類學習材料:

44 個編碼練習 : 總共 301 個針對程式碼的自動測試。這是學習如何編寫程式碼最好方法之一 – 不需要下載或安裝。

Bulma 學習工具包 : 可下載離線工作的 ZIP 檔案,這是一個訂製的學習工具包,包含 Bulma 各部分的原始碼。有一個包含許多例子的參考部分和一個練習部分,你可以在學習 Bulma 時使用它們。超過 100 個原始檔涵蓋在這個學習工具包中。

更新

本課程未來的更新包括以下內容:

  • 新的專案將被新增: 線上商店、社交網路、投資組合、CMS 管理、儀表板和更多..。
  • 在未來版本的 Bulma 將新增的新的元件,實用工具和其他功能。
  • 測驗和作業

” 如果你想學 Bulma,這就是你要買的課程。這門課直奔主題,不佔用你的時間。完成後你將學到你需要關於 Bulma 的一切。” – Nelson Prado

目標受眾

  • 任何想要學習如何使用 Bulma 建立響應式和現代化的網站的人
  • 任何想學習如何快速製作原型的人
  • 任何想要學習一個新的流行的 CSS 框架的人

講師簡介

Jeppe Schaumburg Jensen 前端開發者、互動設計師和音樂家  ( 更多講師主講課程介紹 )

你好,

我的名字是 Jeppe Schaumburg Jensen,我是一名前端開發、互動設計、音樂和生產力方面的老師。

前端開發

我在1999年開始為桌上型電腦開發網站,2000 年我也開始為行動網路開發我的第一個網站。

我曾是一門介紹課程的網頁設計和開發的研究生教學助理

我目前在全球最大的網路代理商之一 Isobar 做前端開發人員。

互動設計

我擁有資訊科技的理學碩士學位,專攻互動設計和使用者體驗。

我曾在丹麥最大的線上網店 Saxo 擔任使用者體驗設計師。

音樂

當我不在做 web 工作的時候,我是一個職業音樂家,大部分時間都在各種樂隊裡打鼓。我也認為自己是一個專家,使用 Ableton Live 做現場表演,有許多在如何建立和運用背景音軌的經驗。

生產力

通過閱讀相關的書籍和嘗試不同的技術、工具、軟體和應用程式,我已經花了很多時間來改進我的工作流程和生產力。

英文字幕:有

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

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

報名參加課程

Sponsored by Udemy


也許你會有興趣

不受 FB 演算法影響,歡迎透過 e-mail 訂閱網站更新

發表迴響

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

Powered by WordPress.com.

Up ↑

探索更多來自 Soft & Share 的內容

立即訂閱即可持續閱讀,還能取得所有封存文章。

Continue reading