iT邦幫忙

鐵人檔案

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

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

簡單紀錄自己學習前端技術的過程

鐵人鍊成 | 共 30 篇文章 | 67 人訂閱 訂閱系列文 RSS系列文
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 gr...

DAY 9

Day09::我所知道的 CSS動畫

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

DAY 10

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

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