iT邦幫忙

鐵人檔案

2014 iT 邦幫忙鐵人賽
回列表

非程式人的前端開發自學之路 系列

一位非資訊相關科技的畢業生,在三個月內自學成為前端工程師,一年半從公司畢業跨出舒適圈,邁向全端之路。會分享前端的學習資源、乾貨,從最簡單的資訊開始閱讀,讓想要跨入網站前端開發的人有個方向。

鐵人鍊成 | 共 30 篇文章 | 9 人訂閱 訂閱系列文 RSS系列文
DAY 21

[非程式人的前端開發自學之路] Day 21 從遊戲中學習 CSS 入門到精通

CSS Diner 是一個有 26 個關卡的遊戲,從入門到進階帶大家精通 CSS 選取器。 遊戲就是一個餐桌,上面會有盤子、蘋果、柳橙等等,每個東西都是一個 H...

2014-10-21 ‧ 由 psdmac 分享
DAY 22

[非程式人的前端開發自學之路] Day 22 網站製作實務

BOOTSTRAP 非設計師的救星 Bootstrapping 本身就是不求人的意思,在製作網站時,我們常常沒有設計師的輔助,這時候我們就可以依靠 bootst...

2014-10-22 ‧ 由 psdmac 分享
DAY 23

[非程式人的前端開發自學之路] Day 23 ICON Font 服務

[非程式人的前端開發自學之路] Day 23 ICON Font 服務 在開發網站前端時,最害怕遇到的事情就是,因為老闆企劃一直做些小修改造成一直重工的情況,一...

2014-10-23 ‧ 由 psdmac 分享
DAY 24

[非程式人的前端開發自學之路] Day 24 與 API 溝通

現在網站開發的趨勢越來越是前後端分離的方式,前端要撰寫 Javascript 利用 AJAX 去伺服器取得資料,接下幾天的文章都會透過 facebook api...

2014-10-24 ‧ 由 psdmac 分享
DAY 25

[非程式人的前端開發自學之路] Javascript 基礎

Javascript 基礎是為了之後會對 Facebook API 做些應用,需要用到迴圈,也需要知道了解迴圈與物件的概念。 運算子 加 6 + 4 → 10...

2014-10-25 ‧ 由 psdmac 分享
DAY 26

[非程式人的前端開發自學之路] Day26 jQuery.ajax 與 API 溝通

前天是使用 Facebook Graph API Explorer 來測試 API ,今天要正式使用 jQuery 來取得 Facebook API 的資料。...

2014-10-26 ‧ 由 psdmac 分享
DAY 27

[非程式人的前端開發自學之路] Day27 Sass 入門

CSS 得撰寫並不困難,但是當 CSS 數量一多時,就變得難以維護與偵錯,所以我們會透過預處理語言 Sass 來幫助我們撰寫 CSS。 為什麼要使用 Sass...

2014-10-27 ‧ 由 psdmac 分享
DAY 28

[非程式人的前端開發自學之路] Day28 DRY (Don't repeat yourself)

今天要介紹的是 Sass 裡面重要的功能 mixin 與 extend,撰寫 CSS 時常常會有許多重複的樣式,這在寫程式的角度來說當然不好,但是 CSS 缺少...

2014-10-28 ‧ 由 psdmac 分享
DAY 29

[非程式人的前端開發自學之路] Day29 用 Compass 來處理跨瀏覽器的問題

昨天提到了利用 Sass 的 mixin 來處理煩人的 CSS3 前綴,不過在開發實務上,我會直接利用 Compass 來幫我處理這些東西。 處理煩人的瀏覽器前...

2014-10-29 ‧ 由 psdmac 分享
DAY 30

[非程式人的前端開發自學之路] Day30 不讓命令列成為阻礙 & 完賽心得

前幾天開始講 Sass 與 Compass ,只是這些都是屬於預處理語言,需要有另外的工具去編譯這些語言才會產生瀏覽器可以看的 CSS。在 Javascript...

2014-10-30 ‧ 由 psdmac 分享