Bootstrap 4 - 響應式網頁開發:從入門到進階(1)
本課程共六小時,分為三堂,可以讓學員順利掌握Bootstrap 4的入門到進階。不管你是否從來沒寫過響應式網頁、或是沒寫過手機版網頁而想要嘗試一下、或是你曾經了解一些舊版的Bootstrap 3版本,而想要了解全新設計的四代功能,本課程都能讓你一窺堂奧、快速上手,邁向專家之路!
Level: Fundamental
Total Hours: 2 小時
Number of Lessons: 1
開課日期: Nov 28, 2018
Day of the week: Wed
NTD 3,000

Target Audience

  • 掌握HTML程式語言,想讓自己的網站,有更多特色、更華麗。
  • 掌握CSS相關基礎語法,與使用方法
  • 想節省大量前端開發時間的網站開發工作者

What Will You Learn

  • 以Bootstrap 4框架進行跨平台、跨瀏覽器、支援多種螢幕尺寸的響應式網頁設計(Responsive Web Design)。
  • 就算你美感只有一般般,也能用Bootstrap 4快速創建出充滿專業感的網站應用程式!

Course Introduction

Bootstrap 是當前最普遍、最流行的前端響應式網頁框架,由多種預設的樣式、模組化版型、控制項、表單所組合而成。使用Bootstrap來創建出UI/UX,所節省下的大量前端開發時間將無可估計。

Bootstrap不只幫你省時,開發出來的使用者介面還又快又好、而且介面使用手感與體驗,將同世界接軌、與常見知名網站保有一致性,讓使用者備感親切!對美感普通的開發人員來說,Bootstrap既能快速學習上手、很快就營造出專業感,而網頁的程式碼也能更加洗鍊、精簡、好閱讀好維護。

做為行動優先的網頁呈現,學員在課程中,將學習到如何在版面設計時先掌握住小螢幕上的設計呈現,再慢慢增添大尺寸螢幕上的豐富設計。進而創造出自己期待的網頁效果。

Problems Resolved

  • 不再透過傳統手刻方式,建構你的網站
  • 大幅減少你前端設計的開發時間

Prerequisite

  • HTML5網頁基礎
    了解HTML語法,能建立HTML5頁面、繪製表格、放置圖片與超連結、創建輸入表單等

  • 至少理解一套網頁撰寫開發工具
    如Notepad++、Dreamweaver、Visual Studio Code、Brackets皆可

  • CSS基礎
    包括標籤、類別等各種選擇器,與常用的顏色、背景、框線樣式設定等。

※ 本課程不適用於不懂HTML5、CSS的學員。
※ 完全沒有網頁基礎的初學者,可能會無法跟上課程內容。

  • 響應式網頁認知非必備,可在課程中從零學起。
  • Bootstrap舊版本認知非必備,可在課程中從零學起。
  • JavaScript程度非必備,但事先了解基礎尤佳。
  • jQuery程度非必備,但事先了解基礎尤佳。