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 23 2018

JS Garden 筆記 – Array / Type

既上一篇 Function, 這一篇要來筆記 js garden 的 Array/Type, 當然一樣有看 Tommy 大大的影片導讀. 自己需要懂 js 英文專有名詞,所以有些會用英文寫囉 A...

# | Oct 17 2018

JS Garden 筆記 – Function

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

# | Oct 10 2018

JS Garden 筆記 – Object

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

# | 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...

# | Mar 9 2018

async 非同步 / sync 同步

開始之前,先來簡單練習 [crayon-5c0d67be728ef681374695/] 答案顯而易見就是同步 1 2 3 這樣下來 若裡面有 setTimeout 這種非同步呢 [crayon-5...

# | Feb 13 2018

Nuxt.js 鐵人賽大綱

兩個月沒發文了,因為真的是爆炸忙,要在這麼短時間內生出一個中型 vuejs 案子。但狂加班之餘其實學到蠻多的。這次用的是 Nuxt,一個基于 Vue.js 的框架,比較特別的是支援 srever si...

Older→