2016年7月31日

[心得] 我的第一堂付費簡報課 — 精準設計簡報實戰技巧

在台灣,有越來越多「老師」、「教練」或者是工作坊都是以教學簡報製作和講演技巧為核心出發,而且這類的演講或工作坊大多都非常昂貴(用昂貴來形容真的不誇張...),也因為這些課程常常不是我所能夠負擔的,因此大部分在學習的時候我都是透過網路資源自己吸收學習。在看過了這麼多教學文章、教學影片之後,到目前為止我最推薦的絕對是「簡報藝術烘焙坊」的 Bill 彭毅弘。 為什麼我這麼喜歡簡報藝術烘焙坊 我幾乎把他放在網路上的所有教學文章(部落格)和教學影片(10分鐘學簡報系列)都看過了,為什麼我這麼喜歡他推出的課程呢? 很重要的一點是 Bill 的教學不打高空,而且說明的很有架構,操作步驟的講解很清楚。有些簡報老師可能花會很多時間在講「心法」,講的都比較概念性或原則性,聽來聽去你大概知道個概念,可是實際上往往還是不會做或無法應用,但是...

2016年7月22日

[筆記] 親手打造屬於你自己的 JavaScript Framework/Library(中)

在上一篇 [筆記] 親手打造屬於你自己的 JavaScript Framework/Library(上),我們開始建立了自己的 framework ,並且可以成功運用它來建立物件,但在這個物件裡面還沒有方法,因此在這篇筆記中,我們就要繼續往下做嘍。 在 framework 中建立變數 在開始建立方法(method)前,我想要先建立一些變數是我之後可以在方法中使用,但這些變數又不會和外層的 global environment 有所衝突,我們可以在哪裡建立這些變數呢? 複習: [筆記] JavaScript中Scope Chain和outer environment的概念 [筆記]...

2016年7月19日

[筆記] 親手打造屬於你自己的 JavaScript Framework/Library(上)

在上一篇[筆記] 跟著JQuery原始碼一起學習程式設計中,我們從 jQuery 的原始碼中,學到了一些建立 framework 的概念和技巧,在這篇筆記中,我們就要來試著打造我們自己的 framework 啦。 Requirement 當我們在打造一個 framework 時,事先規劃好這個 framework 要具備哪些功能是很重要的,而不是一股腦的就打開程式編輯器開始寫,所以我們來規劃一些這個 framework 要具備哪些功能吧! 在這系列的課程,我們大部分都是用 greeting(打招呼) 來當作程式撰寫的例子,在這堂課中也不例外,我們要來打造一個和 greeting...

2016年7月16日

[筆記] 跟著JQuery原始碼一起學習程式設計

在這篇筆記中,我們會要進入jQuery的原始碼中。 雖然這堂課老師一直希望我們可以自己多透過這些開源的程式碼來學習程式設計,但是說真的,直接進入原始碼的時候,還真的是看不太懂阿...,好險有老師一步一步點出重點來,就讓我們從中發掘一些可以學習或應用的部分,趕快看下去吧! 看一下JQuery這個物件 我們可以先輸入以下的HTML架構: <nav> <ul class = 'people'> <li><a href="#">Home</a></li> <li><a...

2016年7月6日

[筆記] JavaScript 中利用 typeof 檢驗運算元所代表的型別

在這篇筆記中,我們會說明如何利用 typeof 這個內建的關鍵字來正確地檢驗運算元的型別。 讓我們來看一下 type of 的使用還有它回傳的結果: var a = 3; console.log(typeof a); // number var b = "Hello"; console.log(typeof b); // string var c = {}; console.log(typeof c); // object var d = []; console.log(typeof d); // object ...

2016年7月4日

[技術分享] Emmet簡易教學 - 快速上手包

還不知道什麼是EMMET? 或者聽過可是沒時間是學習? 在這個快速上手包中,讓你利用短短幾分鐘,快速上手EMMET EMMET是一個支援眾多程式編輯器的外掛,支援的編輯器不只這裡列的這些,有興趣的話可以進一步到這個EMMET網站查詢:http://emmet.io/download/ 透過EMMET,最重要的是它可以讓你不需要再死記HTML或CSS關鍵字,減少不必要的coding錯誤,加速整個網頁開發的工作流程,另外還可以讓你的小拇指獲得適當的休息(打角括號<>時要常常按Shift),而且EMMET的寫法和CSS選擇器相似,學習上非常容易! ------ Icon...