前端設計必學項目

初階(網頁設計師):

1.使用 HTML、CSS 開發一個網站(熟悉Flexbox 框架)
2.套用jQuery 網頁互動效果
3.RWD 響應式網頁設計
4.精通 Bootstrap 4
5.熟悉scss應用

進階(前端設計師)

1.撰寫jQuery 網頁互動效果
2.JavaScript 基礎應用
3.css3 互動特效撰寫 (tramform 2D, tramform3D )

未來公司可能使用Vue、React框架

練習作業一

牛刀小試我需要知道你目前的程度為何?

請用Html5架設一個網站

輪播效果請用此套件https://owlcarousel2.github.io/OwlCarousel2/

完成

http://customer.urb2b.com/~tonia1121/Amazarashi/index.html

問題修正:

1.路徑層級問題

style.css 這隻css 應該要放在最下面，否則她不會是最高層級，boostrap 有些屬性值會壓不過去

2. 漢堡選單不能用input 、checkbox寫

按鈕大部分會用button或a 連結來製作
為什麼會想要用input 、checkbox寫按鈕?

3. 這是boostrap3的寫法

4.css 衝突多寫的問題

既然寬度都要100% 就不用在下boostrap指令進去

5.輪播套件使用技巧

這種寫法，從開發者工作來看，完全沒有發揮作用，row 被owl-carousel吃掉了，col-md-12變得也沒有作用，變成網站會寫很多累贅的不必要的程式碼

建議作法:
實際用法說明在這每個區塊比需套入.item
https://owlcarousel2.github.io/OwlCarousel2/demos/basic.html

6.footer 不用再包 section

建議作法

7.資料夾的歸類要分門別類有規律，這樣分你的組員會很難使用，應該再開一個scss 的資料夾，

(教學scss 路徑設定)