小麥前端 blog

一個心理人跑來學前端的記錄

0%

忘記在爬什麼文的時候,發現一張來自 五倍紅寶石的 Elixir installation party 的簡報照片,上面用了各種 Emoji、以及食材料理前與料理後的譬喻,來說明陣列方法:map、filter、reduce 該怎麼理解。

1
2
3
4
# 簡報上的程式碼
map(['🐮', '🥔', '🐔', '🌽'], cook) # => ["🍔", "🍟", "🍗", "🍿"]
filter(['🍔', '🍟', '🍗', '🍿'], isVegetarian) # => ["🥔", "🌽"]
reduce(['🍔', '🍟', '🍗', '🍿'], eat) # => "💩"

因為覺得滿有趣的,所以決定改寫成 JavaScript 的版本玩看看 XD

閱讀全文 »

通常在開發時,手邊都會有字典(x)都會有紙本或是網路的開發文件,方便在腦袋缺一根筋時查詢。一般來說,都會用 Google 搜尋關鍵字找教學文章,或是到官網找開發文件。以下整理一些可能會更方便的方式。

閱讀全文 »

行事曆圖片。比喻經過了一段時間

前言

這是一篇我擔任完六角的遠端切版助教後,想記錄些什麼的心得文。

六角學院是一個致力於培養網頁前端開發的教育機構。去年服役完,在思考自己的職涯時,剛好有人貼六角的網頁給我;經過評估後,我就入坑惹。(這段寫起來怎麼這麼像業配文 R)

在今天五月時,六角學院的校長洧杰發出一個公告:【學員專屬徵才 - 遠端助教】無程式工作經驗者優先錄取。之所以釋出這個職缺,一方面是六角自己想培養自己的人才,一方面是六角想多些人手來幫忙回覆學員的問題。(六角的一個特色是,會在 24 小時內回覆學員在 Udemy 提出的問題,因此每天都會有不少題目需要回覆)

徵才職缺有兩種類型:網頁排版助教、以及 JS 助教。每種職缺有相對應的應徵門檻,像是 JS 助教需要完成六角 JS、Vue 課程的最終作業才可應徵。我當時 Vue 課程還沒上完但其他課程都上完了,所以有應徵排版助教的資格。但我卻害怕能力不夠,有點猶豫要不要應徵報名;還好當時看到閱部客 Youtube 頻道介紹的「靠!我要」哲學,就下定決心去應徵排版助教了。聽到洧杰老師通知我應徵上惹的時候,真的很感動 QQ

因為七月底這個短期的助教身份就要結束惹,想說 logv 一下(阿傑手勢)。以下談談六角助教在做些什麼,以及簡短心得。

閱讀全文 »

最近因為當了六角的遠端助教,讓我想重新寫部落格。雖然幾年前就有用 Hexo 架好部落格,但因為當時還不太懂程式語言與套件的相關概念,導致很多功能是硬湊出來的(像是用 bash 寫自製功能 =_=)。以下將記錄從上一版過度到目前版本的過程。

閱讀全文 »

前天在六角學院的不公開社團 1 看到六角校長洧杰丟了一個題目給大家思考 2,我猜應該是在練習浮動排版時,時常會看到的父元素高度塌陷吧。因此我以 clearfix 的角度去思考這個題目,下面的文字是我在該貼文底下的留言

閱讀全文 »

剛剛看到一個讓人生氣的臉書貼文 1,於是想了解一下底下的留言會有什麼反應。由於在短短五個小時內,就湧入三千多則留言,數據量很多;再加上臉書的留言載入很爛,就更難閱讀了。想說用些方法讓自己比較好閱讀些

閱讀全文 »

很久沒更新這個 Blog 了,但覺得應該要重新經營一下,就直接先在 Github 的網頁寫 md 了。之後應該會把過去文章備份起來,重新再建立 Blog 一次吧。

剛剛看到赤燭的包子在臉書上問說,Google Sheet 的某個語法要怎麼用,底下有人額外提到 Google Sheet 的自訂函數。一時好奇,就想說來研究一下好了。

閱讀全文 »

本來練習的課程只做了一個商品主題式列表,但因為看到很多人都做了有表頭表尾的網購首頁出來,想說不能輸,就越做越多了 XD

以下整理幾個用到的東西

閱讀全文 »

前言

最近在學習網頁排版的時候,課程裡面使用 div 以及 float 來排版,而其實這種排版方式也還算是主流(吧)的一支。但我一直覺得這種排版方式有脫褲子放屁的感覺,很阿雜,因為需要清除浮動,才不會造成父元素的高度塌陷。(可能也有人這樣想吧,所以後來有了 flex 和 grid 排版方式 XD)

以下簡單介紹目前我知道的網頁佈局方式,之後再稍微談談 display: flow-root 這個比較新的東西

閱讀全文 »