Bootstrap 3/4 前端快速開發

    從原理到實務上的細部解說,學會使用世界最流行前端開發工具,快速建置自己的網頁吧

    40
    5.0
    • 充分瞭解 Bootstrap 的內部架構及運作模式

    • Bootstrap 客製化 CSS 應用技巧

    • 能快速完成一個網站的 layout

    • 簡單做出符合使用者介面的效果(表格/表單)

    • 運用基於jQuery 寫出來的小工具

    US$110.92

    Click for settings

    00:00
    00:00
    00:00

    限量優惠名額

       8折  $1600 (熱烈進行中) 


      (優惠名額與價格,將依課程實際狀況進行調整)


    Bootstrap ,相當實用的前端開發工具!

    做網頁的前幾年很討厭 Bootstrap,因為它本身整個就是一套已經設計好的 CSS,並套用 Class,已有自己的架構,如果需要客製化,就需要改很多東西,所以一開始很排斥!但後來發現,如果你學懂他的架構概念,再適度的使用,從大架構的排版著手,可以加速計畫的進行。最棒的是它還包含響應式網頁的設計,只要多下不同的 Class 就可以達成,是相當好用的開源加速器。

    桌機、平板、手機介面做一次搞定

    #提升開發效率、降低修改頁面的時間成本


    只要透過 Bootstrap 所定義好的 class 和規則建置頁面,就能夠同時套用在不同裝置上面,而不用自己重新撰寫響應式網頁的規則,非常地方便!

    用 Bootstrap 打造超棒的前端介面

    #創造一個友善使用者介面,接案高手必學!


    Bootstrap 本身有很多套件,可以讓網頁與使用者間有很多的互動,這些互動可以稱作是 user friendly,一個設計友善且直覺的操作介面,能夠充分掌握住網路商機,如果你想要成為接案高手,更不能錯過這堂課程的內容。

    為什麼學習 Bootstrap ?

    #世界上最流行、業界廣泛使用的 CSS 框架


    Bootstrap 是一款基於 HTML、CSS 和 JavaScript 的 CSS 框架,是目前 CSS 框架的主流。官方介紹文件完整,非常容易上手。透過它,您將能很快速的建置起前端頁面。許多網站接案公司、或者網平台,皆有引入 Bootstrap 作為開發工具。

    Bootstrap + 自己寫的 CSS 屬性,常常出問題嗎?

    #不懂原理,容易一團亂,這裏帶您學會業界正確的做法


    前端工程師除了 Bootstrap 本身的知識以外,實作的技巧與工具相當的重要,不能只是會使用框架,卻不會自己寫CSS增加網頁設計的彈性。本課程以完整的網頁作為實作範例,提供最常見的需求與功能的實作技巧,過程中除了導引知識概念外,也提供了必備的工具,讓你在學習過程當中沒有盲點。

     BS3 與 BS4  有什麼差異?

    Bootstrap 版本 3 與 4,只是部分功能的差異,整體的概念與架構是一樣,版本 4只是延伸出一些新功能,一般公司或接案都還是使用版本 3,所以把 3 的基礎打穩了,再學延伸的新功能,就會很容易上手!這堂課後續會新增 Bootstrap 4 ,讓您同時學會 3 與 4 這兩個版本,融會貫通這項技能。


    Content

    • 1-1
      檔案下載
    • 1-2
      grid 隔線系統運用 container > row > column / 可用的class介紹
    • 1-3
      固定及浮動的 layout & 內建 nav 功能套用
    • 1-4
      優化的 table / list / form 表單及驗證
    • 1-5
      做出符合使用者介面 button 的效果/進階祕技
    • 1-6
      dropdown 下拉式選單
    • 1-7
      小工具應用 icon / page-header / text / blockquote / breadcrumbs
    • 1-8
      小工具應用 lable & badges / pagination /pager / panel
    • 1-9
      progress bar & helper class 顯示介面的常見應用
    • 1-10
      Bootstrap 快速完成一個網站layout :header
    • 1-11
      實作與微調 section #1 多欄圖文
    • 1-12
      實作與微調 section #2 等分圖文&按鈕
    • 1-13
      實作與微調 footer -完成整體架構

    Preview

    FAQ

    如果您購買的是募資課程,請在課程的【簡介】中查看開課時間,募資課程將於開課時間所述日期開放同學上課。

     

    若您購買的是一般課程(開放上課課程),則在購買完成後可以立即開始觀看。

     

    所有線上課程皆不受時間限制,享無限次永久觀看!

    Recommendations

    Pre-Purchase Q&A

    | No Content

    Sales Plans