Contents
掌握最新版本的 Bulma 和建立真實的專案和主題( themes )，同時學習 HTML，網頁設計和程式碼編輯
從這 13 小時的課程，你會學到
- 學習如何建立和使用 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
- 點選這個✨優惠連結✨ 課程特價 | Udemy 永久擁有課程 NT390 起( 在電腦瀏覽器登入，點選“優惠連結”後再回想要的課程介紹中點選“報名參加課程”即可取得 ）
- Udemy 現在越來越多課程有中文字幕，請參考 Soft & Share 中文線上課程
- 手機上點選優惠連結看到的價格比電腦上看到的貴
- ＄代表當地貨幣, 如在台灣為 NT
- 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上，請稍等刷新或重新點選就會出現
報名參加課程
也許你會有興趣
★ 歡迎使用 App / Email | Telegram 訂閱 網站更新★