iT邦幫忙

自學筆記相關文章
共有 302 則文章
0 Like 0 留言 442 瀏覽
鐵人賽 自我挑戰組 DAY 15
中年大叔(40+)前端自學筆記 系列 第 15 篇

技術 DAY15 - 在動態路由下產生靜態網頁SSG

app\reviews[slug]\page.jsx // 產生靜態頁面 export async function generateStaticParams(...

不惑的胖虎 ‧ 2023-09-30
0 Like 0 留言 439 瀏覽
鐵人賽 自我挑戰組 DAY 14
中年大叔(40+)前端自學筆記 系列 第 14 篇

技術 DAY14 - Review頁面重構

編輯 app\reviews\stardew-valley\page.jsx 檔案內容如下: import { readFile } from "no...

不惑的胖虎 ‧ 2023-09-29
0 Like 0 留言 800 瀏覽
鐵人賽 自我挑戰組 DAY 13
中年大叔(40+)前端自學筆記 系列 第 13 篇

技術 DAY13 - 讀取Markdown文件檔與渲染到網頁上

安裝所需套件 npm i -D marked npm install -D @tailwindcss/typography npm install -D gra...

不惑的胖虎 ‧ 2023-09-28
0 Like 0 留言 344 瀏覽
鐵人賽 自我挑戰組 DAY 12
中年大叔(40+)前端自學筆記 系列 第 12 篇

技術 DAY12 - 建立最簡響應式頁面

編輯 app\page.jsx 檔案內容如下: import Link from "next/link" import Heading fr...

不惑的胖虎 ‧ 2023-09-27
0 Like 0 留言 758 瀏覽
鐵人賽 自我挑戰組 DAY 11
中年大叔(40+)前端自學筆記 系列 第 11 篇

技術 DAY11 - 網頁使用自訂的字型

這邊用到的字型來自Google Font 挑一款自己喜歡的字型吧 編輯 app\fonts.js 檔案內如下: import { Orbitron } from...

不惑的胖虎 ‧ 2023-09-26
0 Like 0 留言 313 瀏覽
鐵人賽 自我挑戰組 DAY 10
中年大叔(40+)前端自學筆記 系列 第 10 篇

技術 DAY10 - 引入靜態資源

在專案的根目錄下建立 public\images 資料夾找一些圖片放到images資料夾裡(可以直接用wiki裡面的圖片) 接著在 app\reviews\ 底...

不惑的胖虎 ‧ 2023-09-25
0 Like 0 留言 304 瀏覽
鐵人賽 自我挑戰組 DAY 9
中年大叔(40+)前端自學筆記 系列 第 9 篇

技術 DAY09- 自訂可重複使用的組件(components)

在導入TailWind Css之後，網頁的樣式被清除了，如h1需要使用者重新定義標籤的樣式 編輯 app\page.jsx 檔案內容如下: function H...

不惑的胖虎 ‧ 2023-09-24
0 Like 0 留言 340 瀏覽
鐵人賽 自我挑戰組 DAY 8
中年大叔(40+)前端自學筆記 系列 第 8 篇

技術 DAY08- 初步完成網頁layout

編輯 app\layout.jsx 檔案內容如下: import Link from "next/link"; import "....

不惑的胖虎 ‧ 2023-09-23
0 Like 0 留言 447 瀏覽
鐵人賽 自我挑戰組 DAY 7
中年大叔(40+)前端自學筆記 系列 第 7 篇

技術 DAY07- 在Next.js的專案中使用Tailwind CSS

安裝所需套件: npm install --save-dev tailwindcss postcss autoprefixer npx tailwindcss...

不惑的胖虎 ‧ 2023-09-22
0 Like 0 留言 317 瀏覽
鐵人賽 自我挑戰組 DAY 6
中年大叔(40+)前端自學筆記 系列 第 6 篇

技術 DAY06 - 使用Link取代a標籤

加入Link 在Next.js 裡使用Link來取代原本的 <a> 標籤編輯 app\layout.jsx 內容如下 import Link fro...

不惑的胖虎 ‧ 2023-09-21
0 Like 0 留言 480 瀏覽
鐵人賽 自我挑戰組 DAY 5
中年大叔(40+)前端自學筆記 系列 第 5 篇

技術 DAY05 - 完成APP路由設定

在vs code 底下直接創建資料夾/檔案 的小技巧 操作方法:直接新增檔案 資料夾名稱/檔名.副檔名 接下來要用上面的方法在專案裡多建立幾個頁面 app/ab...

不惑的胖虎 ‧ 2023-09-20
0 Like 0 留言 593 瀏覽

技術 1.認識HTML(超文本標記語言)

HTML由元素所組成，使用一種由標籤（tags）與內容(content)組成的語法，而這些標籤可以控制內容樣貌，如字體大小、顏色，以及在網頁中嵌入圖片或影片等...

伍貳捌 ‧ 2023-10-03
0 Like 0 留言 342 瀏覽
鐵人賽 自我挑戰組 DAY 4
中年大叔(40+)前端自學筆記 系列 第 4 篇

技術 DAY04 - 建立App路由

接下來在app 資料夾底下建立 reviews資料夾 底下建立 page.jsx 內容如下 function ReviewsPage() { retur...

不惑的胖虎 ‧ 2023-09-19
0 Like 0 留言 425 瀏覽
鐵人賽 自我挑戰組 DAY 3
中年大叔(40+)前端自學筆記 系列 第 3 篇

技術 DAY03 - 從零開始建立Next.js專案

前言： 手動建立專案流程： 在C槽(windows系統)底下建立一個資料夾作為專案名稱 如: C:\ironman_2023 在ironman_2023 底...

不惑的胖虎 ‧ 2023-09-18
0 Like 0 留言 703 瀏覽
鐵人賽 自我挑戰組 DAY 2
中年大叔(40+)前端自學筆記 系列 第 2 篇

技術 DAY02 - 建立Next.js專案就踩到坑

前言： 這次鐵人賽的內容是以我學習React+Next.js 的過程中所記錄的筆記與心得教材是在Udemy上面，隨機挑選比較新的課程且好評數量高的 購買證明：...

不惑的胖虎 ‧ 2023-09-17
0 Like 0 留言 416 瀏覽
鐵人賽 自我挑戰組 DAY 1
中年大叔(40+)前端自學筆記 系列 第 1 篇

技術 DAY01 - 中年大叔第三年參加鐵人賽

前言： 這次我第三次參加鐵人賽，去年因為意外而中斷連續發文(停電&沒網路)連參加獎(30天鐵人練成)都沒有...TT 簡單自我介紹一下(雖然以前的鐵人賽...

不惑的胖虎 ‧ 2023-09-16
0 Like 0 留言 865 瀏覽

技術 【轉職前端之路】何謂網站開發

什麼是網站開發 　　廣義而言，針對個人或企業主的不同需求，從無到有去設計並創造出一個網站的行為，便可稱之為網站開發。 　　狹義而言，網站開發與網站設計相對來說，...

佧佧 ‧ 2023-05-01
0 Like 0 留言 1037 瀏覽

技術 【轉職前端之路】何謂網站

　　跟據Wiki查尋到的定義：網站是指在全球資訊網上，根據一定的規則，使用HTML等工具製作的用於展示特定內容的相關網頁的集合。 　　從功能的角度來說，網站是一...

佧佧 ‧ 2023-04-27
0 Like 0 留言 3588 瀏覽

技術 【DAY 1 】自學 JAVA 紀錄｜基礎語法和影片

自學初衷：從去年12月開始在 Alpha Camp 上課，AC 採用的語言是 node.js 體系，我也一路跟著每周進度來到了 2-3 後端專修路徑，直到最近...

檸檸 ‧ 2023-03-27
3 Like 2 留言 1835 瀏覽

技術 JS筆記-暫時讓網頁可以編輯

目錄 JS筆記-幫元素加上style的寫法 JS筆記-getPosition 讓你找到元素x,y位置 js筆記--寫腳本需要用到的waitForKeyEleme...

Oo_花之舞__oO ‧ 2023-03-18
1 Like 0 留言 2085 瀏覽

技術 JS筆記-使用ajax傳送表單(ex.傳送google表單)

資訊爆炸 在網路上發問要找到真知灼見的解答 機率偏低 很多是來亂的很多講了一個沒用的廢話/幹話就拍屁股走了甚至亂嗆人 擺姿態的亂源一堆 這並不是自學者的...

Oo_花之舞__oO ‧ 2023-01-02
1 Like 0 留言 1542 瀏覽

技術 JS筆記-關掉alert的簡單小技巧

目錄 JS筆記-幫元素加上style的寫法 JS筆記-getPosition 讓你找到元素x,y位置 js筆記--寫腳本需要用到的waitForKeyEleme...

Oo_花之舞__oO ‧ 2023-01-01
2 Like 0 留言 2893 瀏覽

技術 JS筆記-前端新手練習小專案（附加4個JS實例網站可學）

目錄 JS筆記-幫元素加上style的寫法 JS筆記-getPosition 讓你找到元素x,y位置 js筆記--寫腳本需要用到的waitForKeyEleme...

Oo_花之舞__oO ‧ 2022-12-31
1 Like 0 留言 4040 瀏覽

技術 JS筆記-使用fetch下載檔案/download.js好用的東西

目錄 JS筆記-幫元素加上style的寫法 JS筆記-getPosition 讓你找到元素x,y位置 js筆記--寫腳本需要用到的waitForKeyEleme...

Oo_花之舞__oO ‧ 2022-12-31
1 Like 0 留言 1095 瀏覽

技術 JS筆記-getPosition 讓你找到元素x,y位置

目錄 JS筆記-幫元素加上style的寫法 JS筆記-getPosition 讓你找到元素x,y位置 js筆記--寫腳本需要用到的waitForKeyEleme...

Oo_花之舞__oO ‧ 2022-12-28
0 Like 0 留言 5305 瀏覽
鐵人賽 Software Development DAY 29
與作業系統的第一類接觸 : 探索 xv6 系列 第 29 篇

技術 Day-28 Pointer, A Pointer of A Pointer, Function Pointer

前言 在 xv6 中，我們可以看到各種 C 語言的指標操作，而在這一篇章中，我們將回顧一些指標的概念，並且結合部分 xv6 的程式碼進行更多的理解。 指向陣列...

吳他 ‧ 2022-10-14 ‧團隊那團名要叫什麼？
0 Like 0 留言 2262 瀏覽
鐵人賽 自我挑戰組 DAY 3
自學 UX 紀錄 系列 第 3 篇

技術 03 介紹三鑽石設計流程

三鑽石設計流程? Why the double diamond isn’t enough它的出現是基於雙鑽石設計流程定義不夠明確，分工也不夠清楚，因此誕生了升級...

a4 ‧ 2022-09-18
0 Like 0 留言 1370 瀏覽
鐵人賽 自我挑戰組 DAY 2
自學 UX 紀錄 系列 第 2 篇

技術 02 介紹雙鑽石設計流程

第二日啦～ 網路上關於什麼是UX的介紹很多，目前課程看到介紹UX最喜歡的影片就是: What the #$%@ is UX Design? 每篇都安排分享一些...

a4 ‧ 2022-09-17
0 Like 0 留言 957 瀏覽
鐵人賽 自我挑戰組 DAY 1
自學 UX 紀錄 系列 第 1 篇

技術 01 UXY 挑戰營

自學 UX 紀錄 剛好是參與了 UXY 課程的第二週，來記錄過程。 以往經歷：平面設計師 學習figma後也剛好在待業時閱讀UX相關書籍，不小心就越看越多。以往...

a4 ‧ 2022-09-16
1 Like 0 留言 1760 瀏覽

技術 [學習筆記] 去除chrome翻譯功能

參考文章禁用和启用google翻译 首先有兩個步驟： head 內加入 meta 標籤 <meta name="google"...

gior__ann ‧ 2022-06-08
iThome鐵人賽
參賽組數
902 組
團體組數
37 組
累計文章數
19859 篇
完賽人數
528 人
iT+看影片追技術 看影片追技術 看更多
熱門tag
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 17th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# linux windows server css react
熱門問題
熱門回答
熱門文章
IT邦幫忙