iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 741 瀏覽

鐵人賽 Modern Web DAY 15

關於我快30歲的後端工程師，想轉職成全端工程師，在前端世界中尋求機會的那件事(前端篇) 系列第 15 篇

技術 [Day 15]吶吶，還有一半別想跑(前端篇)

挑戰目標: MockNative Camp 今天繼續來製作我們的Footer，目標前兩天我們已經將這些顯示文字都寫入到config中next.config.j...

Moscle.dev ‧ 2021-09-30

1 Like 0 留言 2301 瀏覽

鐵人賽 Modern Web DAY 14

製作你的無程式碼(No-code)個人網頁 ft. Next.js, SWR, 串 Youtube, IG, Github, Notion API ～系列第 14 篇

技術 #14 No-code 之旅 — 怎麼利用 Chakra UI 去做 React 元件客製化？

繼續昨天的主題，該怎麼用 Chakra UI 做開發呢？現成的元件該怎麼去做客製化？專案有定設計系統 (design system)，那怎麼跟 Chakra U...

Jade ‧ 2021-09-29

0 Like 0 留言 910 瀏覽

鐵人賽 Modern Web DAY 13

關於我快30歲的後端工程師，想轉職成全端工程師，在前端世界中尋求機會的那件事(前端篇) 系列第 13 篇

技術 [Day 13]每天前進一點應該也是進步吧?(前端篇)

挑戰目標: MockNative Camp 今天我們來整理昨天沒有弄好的footer右邊的部分，這是我們的目標昨天完成的今天完成的今天決定另闢蹊徑到uxwi...

Moscle.dev ‧ 2021-09-28

0 Like 0 留言 6438 瀏覽

鐵人賽 Modern Web DAY 13

製作你的無程式碼(No-code)個人網頁 ft. Next.js, SWR, 串 Youtube, IG, Github, Notion API ～系列第 13 篇

技術 #13 No-code 之旅 — 簡單快速開發漂亮的 React 元件 ft. Chakra UI

今天來點不一樣的！來講一個我最近常用的 React UI component library，就是 Chakra UI～講到 React，很多人會想到 Mat...

Jade ‧ 2021-09-28

0 Like 0 留言 728 瀏覽

鐵人賽 Modern Web DAY 12

關於我快30歲的後端工程師，想轉職成全端工程師，在前端世界中尋求機會的那件事(前端篇) 系列第 12 篇

技術 [Day 12]我也好想成為時間管理大師(前端篇)

挑戰目標: MockNative Camp 挑戰還沒過半就已經覺得自己債越積越深了...今天要來挑戰實作Footer(原本我們可以從開發者工具看到footer...

Moscle.dev ‧ 2021-09-27

0 Like 0 留言 1355 瀏覽

鐵人賽 Modern Web DAY 12

製作你的無程式碼(No-code)個人網頁 ft. Next.js, SWR, 串 Youtube, IG, Github, Notion API ～系列第 12 篇

技術 #12 No-code 之旅 — 在 Next.js 專案中顯示 RSS 的資料 ft. RSS Parser

嗨嗨嗨！昨天使用 Notion SDK 顯示我的 Notion page 裡面的內容，可以在這裡看看喔。那今天新增了一個新的頁面，使用 RSS 顯示iT邦幫忙系...

Jade ‧ 2021-09-27

0 Like 0 留言 2642 瀏覽

鐵人賽 Modern Web DAY 11

製作你的無程式碼(No-code)個人網頁 ft. Next.js, SWR, 串 Youtube, IG, Github, Notion API ～系列第 11 篇

技術 #11 No-code 之旅 — 在 Next.js 專案中顯示 Notion 的資料 ft. Notion SDK

哈囉！昨天使用 SWR 實作了一個小功能，讓使用者可以列出某 Github user 的所有公開 repository～今天用 Notion SDK 新增了一...

Jade ‧ 2021-09-26

0 Like 0 留言 646 瀏覽

鐵人賽 Modern Web DAY 11

關於我快30歲的後端工程師，想轉職成全端工程師，在前端世界中尋求機會的那件事(前端篇) 系列第 11 篇

技術 [Day 11]在你順利的時候來一拳才是標配(前端篇)

挑戰目標: MockNative Camp 今天要來實作Nav Detail的部分，昨天將相關的List放到了config中，也可以成功的hover該tab後...

Moscle.dev ‧ 2021-09-26

0 Like 0 留言 648 瀏覽

鐵人賽 Modern Web DAY 10

關於我快30歲的後端工程師，想轉職成全端工程師，在前端世界中尋求機會的那件事(前端篇) 系列第 10 篇

技術 [Day 10]怎麼每天都像在趕末班電車R(前端篇)

挑戰目標: MockNative Camp前端週末也是很多事要做，每天大概都晚上9點到12點是鐵人賽的工作時間，寫code, test, debug和截圖之...

Moscle.dev ‧ 2021-09-25

0 Like 0 留言 1575 瀏覽

鐵人賽 Modern Web DAY 10

製作你的無程式碼(No-code)個人網頁 ft. Next.js, SWR, 串 Youtube, IG, Github, Notion API ～系列第 10 篇

技術 #10 實作篇 — 使用 SWR 抓取和 Cache 資料

嗨大家！昨天跟大家分享一個 library 叫做 SWR，文章在這裡～今天用 SWR 新增了小功能，使用者可以輸入 Github username 然後列出該...

Jade ‧ 2021-09-25

0 Like 0 留言 4249 瀏覽

鐵人賽 Modern Web DAY 9

製作你的無程式碼(No-code)個人網頁 ft. Next.js, SWR, 串 Youtube, IG, Github, Notion API ～系列第 9 篇

技術 #09 No-code 之旅 — 怎麼在 Client-side 抓取資料？SWR 簡介

安安！前幾天講了怎麼在專案裡用些 data fetching functions 做 pre-rendering。不過如果想要直接在 client-side 抓...

Jade ‧ 2021-09-24

0 Like 0 留言 745 瀏覽

鐵人賽 Modern Web DAY 9

關於我快30歲的後端工程師，想轉職成全端工程師，在前端世界中尋求機會的那件事(前端篇) 系列第 9 篇

技術 [Day 9]人不作死就不會死(前端篇)

挑戰目標: MockNative Camp前端昨天嘗試refactor時遇到了來不及解決的Bug，今天專心的在看一遍官方文件，這次注意到了當時我使用的是se...

Moscle.dev ‧ 2021-09-24

0 Like 0 留言 726 瀏覽

鐵人賽 Modern Web DAY 8

關於我快30歲的後端工程師，想轉職成全端工程師，在前端世界中尋求機會的那件事(前端篇) 系列第 8 篇

技術 [Day 8]開賽八天即遭遇難題(前端篇)

挑戰目標: MockNative Camp前端今天原本是要來refactor和解決hover的問題的，但是在將navtab給component化時遭遇難題，...

Moscle.dev ‧ 2021-09-23

1 Like 0 留言 3095 瀏覽

鐵人賽 Modern Web DAY 8

製作你的無程式碼(No-code)個人網頁 ft. Next.js, SWR, 串 Youtube, IG, Github, Notion API ～系列第 8 篇

技術 #08 實作篇 — 使用 Next.js 的各種 Data Fetching 方式實作小專案 ft. Github API

大家好！昨天實作了小小專案，也寫了一篇短短的介紹文，那今天跟大家分享怎麼用 Next.js 的各種 data fetching functions 串 API...

Jade ‧ 2021-09-23

0 Like 0 留言 2564 瀏覽

鐵人賽 Modern Web DAY 7

製作你的無程式碼(No-code)個人網頁 ft. Next.js, SWR, 串 Youtube, IG, Github, Notion API ～系列第 7 篇

技術 #07 簡介篇 — 使用 Next.js 的各種 Data Fetching 方式實作小專案 ft. Github API

看了好幾天的 Next.js 介紹，是不是想要開始做個小專案，試試 Next.js 呢？我今天做了小小 project 使用 Next.js 的各種 data...

Jade ‧ 2021-09-22

0 Like 0 留言 752 瀏覽

鐵人賽 Modern Web DAY 6

關於我快30歲的後端工程師，想轉職成全端工程師，在前端世界中尋求機會的那件事(前端篇) 系列第 6 篇

技術 [Day 6]中秋時在做什麼，有沒有空，可以幫想標題嗎(前端篇)

今天來實作Navite Camp的Nav，看官們可以點網址去看他的效果，因為沒有時間，滑鼠移動到各tab時下面橘色border會滑順的移動，這個暫時沒時間去實作...

Moscle.dev ‧ 2021-09-21

1 Like 0 留言 8740 瀏覽

鐵人賽 Modern Web DAY 6

製作你的無程式碼(No-code)個人網頁 ft. Next.js, SWR, 串 Youtube, IG, Github, Notion API ～系列第 6 篇

技術 #06 No-code 之旅 — 用 Next.js 解決前後端？API Routes 簡介

連假最後一天！分享了一些關於 Next.js 這個框架，雖然他是 React 的框架，可是你們知道嗎？Next.js 也可以同時實作後端喔！沒錯，前後端全包～...

Jade ‧ 2021-09-21

0 Like 0 留言 728 瀏覽

鐵人賽 Modern Web DAY 5

關於我快30歲的後端工程師，想轉職成全端工程師，在前端世界中尋求機會的那件事(前端篇) 系列第 5 篇

技術 [Day 5]新手村外的首戰是史萊姆應該是定番吧

今天我們來完成Header，不過位置方面我是使用Tailwinds CSS，要花時間客製化位置，但我沒那麼多時間所以沒辦法對的很準，請看官們見諒。這是Nati...

Moscle.dev ‧ 2021-09-20

0 Like 0 留言 8688 瀏覽

鐵人賽 Modern Web DAY 5

製作你的無程式碼(No-code)個人網頁 ft. Next.js, SWR, 串 Youtube, IG, Github, Notion API ～系列第 5 篇

技術 #05 No-code 之旅 — Next.js 的 Pages 與 Routing

嗨嗨嗨！昨天看完怎麼抓取資料的方式會影響到網頁的渲染模式之後，今天的主題是 Next.js 的 Pages 與 Routing。Next.js 的 routin...

Jade ‧ 2021-09-20

0 Like 0 留言 727 瀏覽

鐵人賽 Modern Web DAY 4

關於我快30歲的後端工程師，想轉職成全端工程師，在前端世界中尋求機會的那件事(前端篇) 系列第 4 篇

技術 [Day4]專案始動-續(前端篇)

今天我們繼續來設定我們的架構，首先先把index.js的預設內容給刪除掉。透過檢視原始碼，可以取得title以及icon，整理一下之後index.js imp...

Moscle.dev ‧ 2021-09-19

0 Like 1 留言 2648 瀏覽

鐵人賽 Modern Web DAY 4

製作你的無程式碼(No-code)個人網頁 ft. Next.js, SWR, 串 Youtube, IG, Github, Notion API ～系列第 4 篇

技術 #04 No-code 之旅 — Next.js 中的 Pre-render 與 Data Fetching

嗨大家！昨天跟大家分享了四種網頁渲染方式，那今天來講講該怎麼用 Next.js 實作～在 Next.js 裡，抓取資料的方式會影響到渲染方式。上一篇提到 Ne...

Jade ‧ 2021-09-19

0 Like 0 留言 643 瀏覽

鐵人賽 Modern Web DAY 3

關於我快30歲的後端工程師，想轉職成全端工程師，在前端世界中尋求機會的那件事(前端篇) 系列第 3 篇

技術 [Day 3]專案始動(前端篇)

到底該為一路順暢沒出Bug高興還是遇到難題花時間克服狂喜，都幾來啟動專案囉，使用的IDE為VScode，為什麼不是WebStrom呢，我開發後端都會選擇Je...

Moscle.dev ‧ 2021-09-18

0 Like 1 留言 2401 瀏覽

鐵人賽 Modern Web DAY 2

製作你的無程式碼(No-code)個人網頁 ft. Next.js, SWR, 串 Youtube, IG, Github, Notion API ～系列第 2 篇

技術 #02 No-code 之旅 — Next.js 簡介

大家星期五快樂！TGIF～今天想跟大家分享 Next.js 這個 React 框架 (官網寫 "The React Framework for Pr...

Jade ‧ 2021-09-17

0 Like 0 留言 11293 瀏覽

徵才 [台北] Web Application Developer

新場景股份有限公司為台灣第一家以網路垂直領域意見領袖（a.k.a 網紅）作為標籤的快銷品公司，公司成立於 2019 年，為新媒體網紅解決方案提供方 PressP...

Arco ‧ 2021-04-15

1 Like 0 留言 9146 瀏覽