Nice to Meet You

I’m Hannah, a Taiwanese 30 years old front end developer.
Learning and sharing always makes me happy, and I am interested in the new things including coding and design.

Skills

  • HTML, RWD
  • JS, ES6, AngularJs, VueJs, jQuery
  • CSS, SASS, SMACSS/MVCSS
  • PHP, Wordpress
  • Git, Gulp, webpack

Experience

  • 8+ years of working experience as a web developer, now is in afusion
  • Sass / css lecturer for prototype-hacker
  • Host a conference at FEDC
Contact me
# | Oct 17 2018

JS Garden 筆記 – Function

既上一篇 Object, 這一篇要來筆記 js garden 的 Function, 當然一樣有看 Tommy 大大的影片導讀, Function 單元有很多觀念像 Scope, Closure 之前...

#, | Oct 14 2018

[Bootsrtap 4 進階] 客製化你的 styles

誰適合閱讀 有用過一次以上 Bootstrap 的人 從 bootstrap 3 出來之後我非常頻繁的使用過一年,但在 CSS Flex 流行之後就不用了.為什麼? 因為案子 compo...

# | Oct 10 2018

JS Garden 筆記 – Object

JavaScript 本身就是一個奇怪的語言,比女人還難懂,常常內心在嘶喊 為什麼是這個結果 ?! JavaScript Garden收集了 js 比較古怪部分寫成了 document , 讓大家可...

# | Oct 8 2018

[環境起手式] 手指按兩下自動幫你 Compile scss & Live reload

本文適合給初學者跟懶惰者看(VSC 限定),就算你不會 npm , webkit, gulp 一樣沒問題,手指頭一動就可以寫 scss 囉 只要安裝下列兩個 extension,安裝完重新開啟 VS...

# | Sep 18 2018

ES7 async/await

之前曾經寫過一篇 promise 的文章,知道運用 promise 可避免 callback hell 的發生。 es7 的 async/await 其實是 promise 語法糖,讓你可以用更簡潔的...

#, | Aug 19 2018

前端修煉時光屋2

接續上一篇的一~四關,接下來是五~九關 [week5] Comic Viewer 設計稿 線上範例 Source code 大神直播 收穫 這一關在程式上沒什麼突破,反而在設定跟部署上學到許...

#, | Aug 18 2018

前端修煉時光屋1

這個活動是六角學院主辦的,它重新燃起我對 coding 熱情,太值得紀念所以一定要記錄一下 一週挑戰一個修練主題,總計九週.你可以依照我們提供的修練主題,主動練習自己想投入的新技術。為了確保每週都能...

#, | May 28 2018

邏輯 && || + 位元運算子 & | ^

大家看到 && ||,就想到判斷式 if(a == 0 && b == 0) 之類.本篇不會說這種的使用狀況,因為大家都耳熟能祥了。 假如你跟我一樣對於以下狀況一頭霧水並想了解,那這篇文章就適合你了 ...

# | May 24 2018

[ES6] Class

Es6 class 骨子裡還是 OO (Object-Oriented JavaScript) ,以 prototype-based 為基礎 (甚麼是 oo ? ),把它當作改良版 prototyp...

# | May 14 2018

[旅遊] 一定要買不便險 – 班機延誤快 6 小時導致轉不到機並需夜宿的故事

因為一些原因,必須自己飛一趟美國辦些事 去程除了坐很久倒也沒什麼太大問題, 但 人生第一次 "自己一個人出國" 回國就遇到如此坎坷的事,印象實在太深刻所以想記錄一下。從美國達拉斯到台灣並沒有直達,我選...

Older→