2017 年 07 月 03 日

[免費課程] 什麼是 FLEXBOX?!

一個簡單、免費20個影片的課程,助你精通CSS Flexbox! 

線上觀賞 20 個教學影片 且 下載所有練習 !

和 102,000+ 全球同學們一起跟Wes Bos 學習

這是什麼? 

前13個影片主要是讓你瞭解 Flexbox 的基礎 – 我們將深入探索 rows、columns 、axes、wrapping、alignment、centering和 layout。後面7個是程式碼,從導航到行動應用程式的佈局完全運用Flexbox創建所有。

 Wes Bos是誰? 

Wes Bos 是一位加拿大的全端開發者與教育家。 Wes喜歡將複雜的主題拆分成簡短、可口 、容易了解的教程。 他在Smashing Magazine、CSS Tricks 和 NetMag都有技術分享, 也是以下課程的製作:

你將跟著本課程創建什麼?

你將完全運用Flexbox建立以下事物:

wb-mobileapplayout wb-flexboxPricingGrid wb-inlinebookingform

課程網址

所有教學影片

1什麼是FLEXBOX介紹

2介紹FLEXBOX

3如何用 FLEX-DIRECTION

4用FLEXBOX打包元件

5FLEXBOX ORDERING 6用JUSTIFY-CONTENT對準
7用ALIGN-ITEMS對準/中 8用ALIGN-CONTENT對準/中 9用ALIGN-SELF對準/中
10.jpg以FLEX PROPERTY調大小 11FLEX-GROW, FLEX-SHRINK, FLEX-BASIS 12如何讓FLEX-BASIS 和打包一起作業
13.jpg跨瀏覽器支援與AUTOPREFIXER 14純FLEXBOX瀏覽程式碼 15.jpg行動內容重排順序
16嵌套FLEXBOX做垂直與水平置中 17報價網格 18同高度欄和留白元件
19單行表單 20.jpg建立行動應用的佈局

聽聽上過課的學生說什麼?

wb-comment1

wb-comment2wb-comment4.pngwb-comment3.png

課程網址

Wes Bos 其它線上課程

也許你會有興趣

喜歡我們的服務與分享嗎?歡迎使用以下的社群分享按鈕分享給你的朋友吧!

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s

分類

未分類

標籤