自我介紹

Tommy 

• 網頁前端技術講師
• 技術學院業界講師
• 台北前端社群發起人
• Git.tw社群發起人
• 目前在本土電商任職全端工程師(前7後3)
• 熱愛JavaScript的開發者

感謝六角學院邀請

榮幸參與「The F2E - 前端修練精神時光屋」直播活動

歡迎訂閱"偷米騎巴哥"頻道

固定每週四晚上9點直播，分享各種前端技術、踩雷經驗...等等

先看設計稿

http://bit.ly/2udrg3l

再看完成品

DEMO

雖然切版完成就能通過標準

但是身為一個前端，挑戰自己寫JavaScript的極限也是很合理的

意思就是今天沒切版

不過還是會簡單介紹一下啦

雖然用框架很快就完成了

今天就來挑戰不用框架來寫

那就用jQuery來寫吧

目前還是使用jQuery的朋友請在聊天室+1

為了增加難度...

你是Tommy耶，怎能這麼簡單放過你

加碼挑戰1:

關閉瀏覽器JS也能驗證

使用Universal JavaScript前後端同一套驗證邏輯

加碼挑戰2:

程式碼200行內必須完成

前端+後端的JavaScript程式碼必須小於200行

加碼挑戰3:

不寫if, for, function完成

這也太Over了吧，但是你是Tommy啊

開始挑戰

Start

Q&A

Thank you for listening.