iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

因為拖延症而沒有好好準備有系統性文章架構的我只能靠一天一筆記來贖罪 系列

如題。

有很多個「我原本想要...」但如今僅剩的是眼前這條

我以為我可以
其實我不行
然後就這樣了
來源:[LV.29 野生喵喵怪](https://store.line.me/stickershop/product/17192434/zh-Hant?ref=Desktop)

鐵人鍊成 | 共 30 篇文章 | 25 人訂閱 訂閱系列文 RSS系列文
DAY 1

達標好文 Day01 - 為什麼要裝 Node.js?

今天是第一天, 也是我唯一一篇有提前準備好的文章... 在 main.js 這份檔案裡面,有一段 JavaScript 的程式碼長這樣: // main.js...

2022-09-15 ‧ 由 rocketpencil 分享
DAY 2

Day02 - 因 Node 而存在的 npm

昨天我們安裝了 Node.js,也用了 node main.js 來執行 main.js 這個檔案並取得了回傳的值。 而安裝 Node.js 除了提供給我們瀏覽...

2022-09-16 ‧ 由 rocketpencil 分享
DAY 3

Day03 - 把 sass 從 npm 帶回家

昨天我們透過 npm init 對專案進行了初始化的設定,讓我們可以在這個專案中開始使用 npm,也產生了 package.json 這個檔案來記錄我們專案中關...

2022-09-17 ‧ 由 rocketpencil 分享
DAY 4

Day04 - 把 Sass/SCSS 變成 CSS(1)

昨天我們透過 npm i sass 成功將 sass 下載到了專案中,也在 package.json 這一份 package 清單中的 dependencies...

2022-09-18 ‧ 由 rocketpencil 分享
DAY 5

Day05 - 把 Sass/SCSS 變成 CSS(2)

昨天將 Sass 安裝在全域之後,能夠使用 Sass cli 來進行 SCSS 與 CSS 之間的編譯。 而將 SCSS 編譯成 CSS 這件事情,也有許多種方...

2022-09-19 ‧ 由 rocketpencil 分享
DAY 6

Day06 - 漂漂釀釀ㄉ CSS

經過前兩天的介紹,我對於 SCSS 編譯成 CSS 也有了比較概略的認識了,但在開發的時候不同的開發者所習慣的 CSS 順序也不盡相同,甚至是自己在寫的時候也會...

2022-09-20 ‧ 由 rocketpencil 分享
DAY 7

Day07 - 用 Git 來記錄你的點點滴滴

今天的主題是 Git,這是個版本控管的工具。版本控管這四個字包含了許多的意義在裡面,你可以紀錄(commit)現在的進度,也可以回到過去紀錄的進度(revert...

2022-09-21 ‧ 由 rocketpencil 分享
DAY 8

Day08 - 把你的程式碼丟到 Github 給全世界看!

今天我們要將專案推上 github!先在建立裡面只有 index.html 的專案。並依序進行: 初始化 git:git init: 將 index.html...

2022-09-22 ‧ 由 rocketpencil 分享
DAY 9

Day09 - 你的成果上線啦!(Github Pages & Vercel)

昨天我們把寫好的專案放到 github 上,當我們想要看放到網路上的成果時,想說應該跟在本地的路徑一樣吧?很自然的輸入了 https://github.com/...

2022-09-23 ‧ 由 rocketpencil 分享
DAY 10

Day10 - 只要把程式碼丟上去就好惹,其他都交給 Github Actions

前兩天我們將專案傳到 Github 上,也成功部署了。今天我們要用 Github Actions 來協助我們做 CI/CD,所謂的 CI/CD 包含了三個主要的...

2022-09-24 ‧ 由 rocketpencil 分享