iT邦幫忙

鐵人檔案

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

前端初心者的30%經驗值 系列

初學前端的學習過程。

鐵人鍊成 | 共 30 篇文章 | 44 人訂閱 訂閱系列文 RSS系列文 團隊好想工作室第一屆鐵人賽
DAY 1

1% 走進前端

學前端的契機 系列文名稱是前端初心者的30%經驗值,每天的一小步都是累積,即使在一天1%完成鐵人賽後得到30%,提醒自己還有很多需要學習(70%),升等後還有更...

2017-12-20 ‧ 由 sunny 分享
DAY 2

2% 文字編輯器

因為要寫程式碼,所以你要有工具。首先你需要一台電腦,加上文字編輯器,登愣~可以開始寫程式碼了。 文字編輯器是用來編寫程式碼,就像會用Office Word編寫文...

2017-12-21 ‧ 由 sunny 分享
DAY 3

3% CODEPEN 線上編輯器 伴讀之一

線上編輯器,器如其名,不用安裝東西就可以直接在網路上使用。好處是可以即時預覽,在剛學習練習一些指令與功能可以直接練習該指令的效果。 線上編輯器有jsfiddle...

2017-12-22 ‧ 由 sunny 分享
DAY 4

4% 開發人員工具 伴讀之二

開發人員工具,主要用來協助建構網頁和除錯的工具,他有很多功能,但我拿它來幫助學習~ OS Chrome快捷鍵 Windows 與 Linux Ct...

2017-12-23 ‧ 由 sunny 分享
DAY 5

5% HackMD電子筆記 伴讀之三

鏘!來介紹電子筆記HackMD 本來都用手寫筆記比較多,自從學前端後如果要寫筆記遇到記程式碼的就會...恩...曾經幻想要不要刻個印章這樣蓋比較快(<di...

2017-12-24 ‧ 由 sunny 分享
DAY 6

6% Git

用git可以管理進度&當作品集。 現在很多時候都用電腦作業,常常會有很多檔案需要變更或修改,通常依賴檔案的修改日期和檔案名字的文字敘述來辨別,這樣看了眼花撩亂,...

2017-12-25 ‧ 由 sunny 分享
DAY 7

7% Html

超文本標記語言(HyperText Markup Language,簡稱:HTML),像是網頁的素顏。 由HTML寫成檔案後給瀏覽器們讀之後就會變成我們常看到的...

2017-12-26 ‧ 由 sunny 分享
DAY 8

8% CSS

層疊樣式表(Cascading Style Sheets,簡稱CSS),HTML是網頁的素顏,那CSS就是化妝品,為了讓HTML更漂亮而出現,錦上添花的感覺。H...

2017-12-27 ‧ 由 sunny 分享
DAY 9

9% Sass - CSS預處理

Sass是個可以幫助快速寫CSS的工具。Sass是CSS的預處理器,是把CSS整理過的感覺。 Sass好的地方 減少重複的樣式 樣式的可再使用性高 Sas...

2017-12-28 ‧ 由 sunny 分享
DAY 10

10% Bootstrap - CSS框架

Bootstrap是CSS框架。 Bootstrap是由許多預先處理好的CSS組成,可以幫助你咻的快速建構網站,因為BS依自己的規則把CSS標準化所以方便好用,...

2017-12-29 ‧ 由 sunny 分享