今天要來做的賽project叫「爸爸的冷笑話」，需要對API有基本的認識，因為這篇要串接外部API來取得冷笑話集，並使用postman來進行測試，若要下載po...
今天要做的是鍵盤代碼轉換器，隨著鍵盤的輸入值不一樣，會動態顯示它的code、key、keyCode這些資訊，相信大家可能在學javaScript的過程中也會用過...
今天要來做聲音操控版，點按圖中的每個按鈕，就會播放音檔，而當我同時又點了別的按鈕，就會暫停原本的音檔，播放別的音檔，蠻有趣的 ヽ(✿ﾟ▽ﾟ)ノ 程式碼其實不...
從零開始 化零為整 前端初學摸索期 大家好，我是Su我是初學半年的前端初學者，相信很多跟我一樣初次踏入前端領域， 第一次踏入未知的領域總是很茫然，線上影片、文...
這篇延續上篇的波浪字體繼續進行講解 昨天說到javascript的部分可以從兩個部份來講解 把原本在<label>中的每個字母分開獨立包在<...
今天來做表單的波浪效果，如圖中所示，當input框取得焦點時，表單的label就會有高低起伏的效果，這篇有很多重要的JS觀念，像是陣列的處理方法，所以打算分成...
Project Struct - Trace code 入手點 Rust有一個特點就是 你最簡單的方式是從 project root的main.rs main...
今天是中秋節，應景一下就做了一個很陽春的導覽列，本篇的重點會放在CSS 2D Transform的部分中秋圖片參考自iStock 事前準備 一張你喜歡的圖...
side project 的尾巴，好好地來反省一下有哪裡做不好，與未來有什麼做更好的地方 寫一個自己都喜歡的 side project 寫一個自己都喜歡的 si...
基本上 side project 所有的工作在這邊告一段落，現在要來最重要的收尾步驟，就是寫 readme 為什麼要寫 readme 寫 readme 是很多工...
在前一篇把 line message api 缺點和難用的地方寫出來後，其實也在找其他的替代品，有沒有可以達到類似推播訊息又不用錢的。果然有，line 還有另...
還記得之前提到的 line message API 嗎? 可以建立機器人頻道，並且透過 API 推送訊息。 看起來非常方便非常美好對吧?但是其實 line me...
建立動態查詢 還記得之幾篇一開始如何使用條件查詢 firestore 的資料嗎? this.firestore.collection("fruits...
隨著專案前端、後端等等各個架構與部署都準備完成，Side project 就差最後一步驟，將自己或別人辛苦的每日打卡內容展示出來 功能拆解 以卡片式的方式呈...
上一篇成功將 Nestjs 部屬到 heroku 上面，不過我們使用的是免費方案，免費方案有幾個限制: 如果 30 分鐘內，沒有請求的話，機器會進入休眠，直到...
到目前為止做了那麼多東西，但都僅限於在自己的本機觀看，還沒有發佈到網路上面，因此沒有人可以看得到，因此本篇來介紹要如何將成品發佈到網路上吧!! 設定發布細節...
還記得一開始建立專案時選擇的是 Angular + Nestjs 作為專案的前後端語言嗎? 什麼是 Nestjs? Nestjs 簡單來說可以想成後端版本的...
在上一篇有提到，當挑戰者上傳圖片證明打卡的行為的時候，會將打卡的訊息，透過line message API 傳送到 line 頻道裡面，讓大家知道某個人打卡了，...
什麼是 firebase storage storage 是 firebase 所提供的儲存服務，可以想像是 firebase 版本的雲端硬碟，只不過還加上許...
在前幾天接觸新的工具、新的方法，使用不同的套件，現在終於要回到side project 最初的目標- 製作打卡系統 現在要回到前端工程師的老本行之一，刻一個...
什麼是 firebase 的 Authentication firebase 還有一項強大的服務是 Authentication ，可以利用各種方式建立自己的...
昨天把整個專案架起來了今天我們就可以開始來刻畫面了 這邊也要提一下之前我們其實是直接開寫 先從會員登入註冊開始然後慢慢想到什麼做什麼畫面也超亂的 因為第一次寫r...
上一篇介紹 firestore CRUD 的各種方式，今天要來介紹進階的查詢資料方式，利用條件去過濾出符合條件的資料，而不是每次都把所有資料都拿回來 fires...
在很多很多的前置作業後 今天終於要開始寫code了 到此為止我們應該流程畫有了 畫面流程也有了今天很多努力終於可以建立前端專案了 這邊終於可以開始建立專案了這邊...
上一篇，建立了firestore資料庫，並且成功與前端連接，讀取到資料庫的資料，那麼這一篇就來認識一下，什麼是 firestore、firestore可以做什麼...
其實這步我們也是過很久才來做應該要最開始就先做了 可以避免做出一個只有自己需要的東西但如果是自己用的小工具 那這步可以跳過 這邊可以用一些簡單的方式來實驗你的i...
在前十天，建立起前端專案的基本架構，接下來進入後端的世界，建立後端的基礎，之後與前端專案對接。 什麼是 firebase firebase 是 google...
昨天介紹完前端使用 今天來簡介一下後端 平時公司還是維持 根據建置手順去建置專案，導致環境問題光解決都有可能解決一整天QQ 關於後端建置我滿推薦這個網址 htt...
前言 利用前幾天的篇幅，簡單的討論敏捷與 Scrum，也傳達了我覺得團隊需要注意的地方。今天再讓我們回到團隊的日常，一個每人都在苦思，難度直逼午餐要吃什麼的問題...
docker的使用也是一直都想學了我們是開始滿久才開始套用進來的因為剛開始都覺得這是一個很難的東西當然現在對他的理解也只是皮毛而已大概就是能讓專案以docker...
hannnahTW
阿蘇蘇
Yogurt Company
tso1158687
shrine90459
Eric Li
iThome鐵人賽
看影片追技術