Recent Posts

Ajax 學習筆記

1 minute read

ajax 如何運作? Ajax 立基於非同步 JavaScript 和 XML。簡單地說,Ajax 即運用非標準的XMLHttpRequest物件,並配合伺服器端的 Script 進行通訊。 Ajax 能夠傳送並接收各種格式的資訊,其中包括 XML、HTML 和 text 檔...

保哥 javascript 實戰課程筆記

1 minute read

javascript 語言特性 javascript是個動態型別語言,無法在開發期間宣告型別,意味著javascript的單一變數可能會隨時改變型別! javascript是個弱型別的語言:意味著在開發時期無法指定javascript型別。只能在執行期間檢查型別。如果真的要知道...

排版練習2:PSD to html with Bootstrap

less than 1 minute read

第二個練習一樣學習tuts的課程,選擇課程的好處是做到一半不知道該怎麼做時,有video解答可以看。看看高手怎麼做總是比自己亂弄的好的多。我選擇的課程是需要付費的,tuts還有一些免費的教材可以學習,影片或是文章教學都有,有興趣的自己發掘囉。第二個練習跟第一個練習不同之處在於本練習會使用bootstrap的gri...

排版練習1:PSD to HTML Porfolio

less than 1 minute read

最近在訓練排版的熟練度,要快速打造protype基本的前端技能是必須的。我選擇的教材是tuts的psd to html porfolio。課程中介紹了詳細的切版流程,從切圖到建構html到用css排版都有詳細的介紹。本篇是psd to html也就是排版練習第一篇,練習的是使用純css來刻網站。接下來會練習更多題...

Atom 套件整理

less than 1 minute read

atom-color-highlight 在編輯器中即時顯示色碼對應的顏色。 atom-development-server 一個很強大的東西,自己玩玩看吧。 atom-html-preview 老實說我不太會用這個套件,但是很多人下載,我就跟著下載了@@ autocomplete-plu...

Rails - 拆解 Form Helper 以 Checkbox 為例

less than 1 minute read

使用Rails Form Helper時,很重要的一點是要知道Form Helper會產生什麼樣的Html Code,了解之,觀察之,這樣你才能修改成自己需要的樣子。如果要在form中加入check box,可以使用collection_check_boxes這個在rails 4新加入的form helper來完...

Rails note : Require Creator

less than 1 minute read

增加一個叫做Creator的別名,讓我們在判別作者時文意更加通順。 設定發文者 我們透過foreign key新增一個叫做creator的別名。作法是修改model/post.rb原本的 belongs_to :user 改成 belongs_to :creator, foreign_key: "user...

Atom 常用快速鍵

less than 1 minute read

Sublime 快速鍵 Sublime有的快速鍵Atom幾乎都有,以下是我有在使用的一些快速鍵。 基本的移動與選取 游標移至行頭/行尾 cmd + 左 / 右 跳到頁首頁尾 cmd + 上 或 下 游標移至上個單字 / 下個單字 option + 左 / 右 選取上個單字 / 下個單字 option +...

Rails Project 1 URL Shortener

1 minute read

前言 接下來我要藉由實作一些比較小型的Rails Project,來練習工程師必備的技能,其中最主要訓練的目標是能抓出需要實作的use case與如何從use case中實踐功能。因為沒有網頁的相關背景,如何磨練Html css javascript的基本實作能力也是這一階段的重點。 熟悉了如何使用Rails...

Atom 防止 Snippet Package 更新

less than 1 minute read

使用 Snippet 最重要的針對自己的習慣客製化快捷鍵。 Atom 有許多內建的 Snippet,建議「不要」使用,因為那些設定會存在「Atom 程式」裡面,無法儲存在 .atom 資料夾中。所以一旦 Atom 版本更新之後,全部的設定都會不見。如果要使用 Snippet 請使用 Package 安裝,這樣用 ...

EDX Linux Foundation Ch15:Shell Script ( Ch14跳過 )

less than 1 minute read

這是參加開源社群Tossug Linux讀書會的心得筆記,部分內容經過大大的補充,讓學習上更完整:) Ch14講的是Printer,因為實際使用上較多Bug所以跳過這一章節,等有需要的時候再來學習。 Shell linux系統可分為三個重要的部份: 1.kernel 2.shell 3.application ...

jQuery Return Flight Ch5 ( 1 ):Advanced Event

less than 1 minute read

advanced event handler trigger 使用trigger就像是你按下那個按鈕。範例: function picture() { console.log('Show Plane'); } function status() { console.log('In Service'); } fun...

jQuery Return Flight Ch4:Utility Methods

less than 1 minute read

each 用each把result的物件讀出來,插入頁面元素之中。 要插入<p></p>之中使用的是html() 要插入img的src欄位,使用find('img').attr('src', city.image) 之前也有使用過attr()這個方法來找到data欄位。 success: ...

EDX Linux Foundation Ch13 Manipulating Text

2 minute read

Section 1 cat and echo cat(concatenate) cat file 顯示檔案,按空白鍵可以捲動 cat file1 file2 把file1和file2接起來顯示 cat file1 file2 > newfile 把file1和file2接起來並且存成newfile。...

jQuery Returm Flight Ch2:Javascript Object & Function

less than 1 minute read

Part 1. javascript Object 將改原本的程式重構,所有的function都變成Object的Method,增加可讀性。 這是原本的code var confirmation = { init: function() { $('.confirmation').on('click'...