iT邦幫忙

鐵人檔案

2018 iT 邦幫忙鐵人賽
回列表
Modern Web

三十哩路,我的前端學習路程 系列

鐵人鍊成 共 30 篇文章 | 42 人訂閱 訂閱系列文
DAY 1

Day01::開場與自介

簡短介紹 哈囉,我是米荳(Mido) 2017/06 離開大學溫暖的懷抱 2017/08 開始學習網頁前端技術 興趣是畫圖,可以一整天抱著電繪版畫圖! 最喜歡的...

DAY 2

Day02::方便又好用的SCSS

什麼是SCSS SCSS是個能用更有效率的方法來編寫CSS的程式語言 語法跟CSS大同小異,但是比CSS來得好寫且更容易閱讀 SASS跟SCSS差別在那? 個人...

DAY 3

Day03::我所知道的 CSS選擇器

CSS的選擇器種類非常多,它們到底有哪些功能呢? 剛開始學切版的時候因為實在搞不懂選擇器的用法和功能 所以我的選擇器全部都是使用#ID ... class是什麼...

DAY 4

Day04::Bootstrap學習心得

剛開始接觸Bootstrap的時候剛好處於3跟4版本交替的時候 3的資料才看沒多久4就出來了 文件資料有看沒有懂,知道的會用的也只有row跟col,而且還用得很...

DAY 5

Day05::CSS畫圖好好玩

之前在CodePen上面有看見許多使用CSS製作圖案的Pen 當時看到覺得很神奇也很佩服,沒想到可以使用CSS做到這樣的事情 用CSS進行製作時,我們會需要使用...

DAY 6

Day06::我所知道的 CSS設計模式和架構之OOCSS

從開始切版,我最容易遇到的問題就是⋯ 扣很髒很亂 今天打的程式碼睡一覺醒來後就完全看不懂程式碼在寫些什麼 切版都用不一樣的標籤,今天用header明天用top後...

DAY 7

Day07::我所知道的 CSS設計模式與架構之BEM

這次分享的是BEM BEM分別是 B=>Block E=>Element M=>Modifier Block 區塊 網頁是由多個區塊組合自成一...

DAY 8

Day08::我所知道的 CSS Grid Layout

CSS Grid Layout 又被稱為網格佈局 簡而言之就是將畫面切割成若干方格 再依照想要的位置把方塊放進去! 會使用到的屬性有 display:grid...

DAY 9

Day09::我所知道的 CSS動畫

CSS也能做動畫? 沒錯,CSS也能做動畫! 在看到CSS繪圖之後我在同樣的Pen裡頭又看到了會動的簡單小動畫又激起我的好奇心! 然後我就去Google了 要用...

DAY 10

Day10::我所知道的 CSS重構 第一章重構與架構

開始要求自己的程式碼的乾淨與可視程度之後被前輩推薦了一本書 接下來幾天會以這本書為主的閱讀筆記,筆記會節錄書中的片段文章 有興趣的朋友可以買來看看,這本書真的蠻...