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
#, | Aug 19 2018

前端修煉時光屋2

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

#, | Aug 18 2018

前端修煉時光屋1

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

# | May 24 2018

[ES6] Class

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

# | Mar 9 2018

async 非同步 / sync 同步

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

# | Feb 13 2018

Nuxt.js 鐵人賽大綱

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

# | Nov 23 2017

[Vue] Template Syntax (v –xx)

以下範例為了清楚都會省略實例化 new Vue 跟 綁定的 el 喔 [crayon-5c0d76082f49d267137246/] [crayon-5c0d76082f4a838137635...

# | Nov 17 2017

[Vue] Components – 範例篇

知道 components 的概念後應該會很好奇是怎麼運作的吧,此篇會學到基本的 vur router components 如何寫 slot - 同一支 component 也可有些微差異 從 ...

# | Nov 14 2017

[Vue] Components – 概念篇

Concept 規劃結構 Components 引用 這篇要來講一個 vue.js 重要的觀念: components.相對以往的撰寫方法落差很大. 做一個網站會有許多頁,每一頁是由不同 comp...

# | Nov 9 2017

[ES6] Modules

當程式碼越寫越多,就需要一個負責管理的方式。之前曾經寫過 js 的 module pattern ,利用 function 的 closure 特性來避免污染 global variable [c...

# | Nov 7 2017

[Vue] Hello Binding

終於寫出第一篇 js 框架了! 實在有點感動阿!! 為了不想要懵懂開始,花了整整十個月先把 js 基本功練好,因為一連串的結婚懷孕生子讓我廢了一陣子,現在終於又可以跟前端世界接軌 (前端世界變動太快,...

Older→