基本功

目前學到什麼

Display Block vs Display Inline

Box Sizing

Box -Model

Reset & Normalize CSS

Position

CSS Relative vs Fixed Units

Semantic HTML

Responsive Web Design

Float & Clearfix

其他基本功

CSS Selectors

其他HTML tags

Rem vs Ems

Display

Pseudo Class Selector

CSS 權重

CSS Color (RGBA, HSLA)

 

規劃

HTML ( Structure | Inline vs Block)

CSS (Inline vs Block)

Layout vs Component

如何練習

UI Challenge

參考別人網站 (ex. airbnb.com 的 footer)

 

做一個小project 慢慢練習

如何練習

學會如何看官方文件, medium, blog

如何找工作

 

(作品集, blog, 履歷表)

 

面試, Live-code

 

我的經驗

 

網頁設計(基本)

 

Color | 顏色

Contrast | 對比

Fonts | 字體

Spacing |留白

Grid | 格線

Images | 圖片

Personal Experience | 個人經驗

我的經驗

 

下一步

 

 

Pre-processor (Sass)

Post-processor (Postcss)

Autoprefixer

CSS Flexbox

CSS Grid

CSS Framework (更多講解)

CSS Framework