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 , 讓大家可...

[JS30] Day 8: Canvas

本來以為離上一篇 js30 很久了,但其實也才過一個月而已嘛! 最近花一些心力研究 ES6, 希望能對之後 js30 系列文章有幫助(明明是為了準備公司 workshop 才看 ES6 的)。 之前...

[JS30] Day 6: Promise and Fetch

Day 5 主要著重於 flex,我之前有寫過兩篇 flexbox basic 跟 flex-grow、 flex-shrink、flex-basis,就不另外整理了。 Day 6 著重於 Regex...

[JS30] Day 4: Array Method

Day 4 跟 Day 7 都在介紹 Array 方法,我就統整在這篇。陣列技巧常常用到。索性把常用的全部整理出來讓自己以後也可以快速搜尋。我覺得很重要的觀念就是要明白這些方法 "return" 了甚...

[JS30] Day 3: CSS Variables

到第三天了,覺得每一堂課真的都有學到東西耶(廢話),今天用 :root 來控制 css 我還真的從來沒用過,覺得有趣! d3 學到 :root {--<varable name> } ...

[JS30] Day 2: Date()

自己對 css 比較熟,所以 d2 對我來說簡單一些,d2 會用到 js 內建方法 Date() 如何用 js 增加/修改 css 屬性 css 的 transform-origin Date...

[JS30] Day 1: Finding DOM

d1 我學到 如何用 js get html DOM Window 事件 增加 class 到 html tag 裡 DOM 以下是簡單 html ,等下會用到 [crayon-5c0d6c8...

[JS30] 學習目錄

這門課非常適合我這種人.從一開始的 jquery 到現在 js Library (vue.js / react.js / angular.js) 都用過但卻沒一個專精. 一直想回到最原始的 js 概...