Web開發日誌:第0話
更新於 2024/06/29閱讀時間約 3 分鐘
你好，在下最近在學習開發web，學了html css js，也得出一些心得，由於網路上已有許多教學，所以我會著重在如何開發出to do List，以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯，或者是可以寫得更好，歡迎在下方留言，討論。
首先先介紹我的開發環境:
我用了vscode當編譯器，接著下載JQuery(這是js的函式庫，會打的字數會少很多，而且還寫好兼容性了，真香)，最後在vscode裝Live Server 跟JQuery Code Snippets
痾...反正跟這個差不多
二日目：在VScode 撰寫JavaScript。插件。Chrome檢查工具。 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天 (ithome.com.tw)
還有jquery:
如果真的沒辦法的話，請留言跟我講，人數太多的話我會在寫一篇安裝教學。
如果你安裝好了
那就創一個資料夾，創一個index.html 跟 list.js
新創好的檔案
其中jquery-3.6.0.min.js 是我從jquery的官網把.min.js檔下載下來的
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Test</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<button class="button"></button>
<script src="jquery-3.6.0.min.js"></script>
<script src="script.js"></script>
</body>
</html>
index.html
$(function () {
$(".button").on('click', function () {
console.log('hello world');
});
});
script.js
然後將程式複製進去
如果都好了，那就點擊右下角的live server
接著進入所要的資料夾
接著左上角會有一個按鈕，點擊它。
接著按f12，去到console的地方
出現hello就代表成功了!!!
留言0
查看全部
你可能也想看
Google News 追蹤
*合作聲明與警語：
本文係由國泰世華銀行邀稿。
證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務，定期定額(股)服務由國泰綜合證券提供。
剛出社會的時候，很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天，都會聽到各種市場動態、理財話題，像是：聯準會降息或是近期哪些科
PairDrop 免費、開源的網頁版檔案傳輸工具，無須註冊免安裝，將裝置連線同一個 WiFi 網路，打開網站會自動建立連線，點選裝置名稱即可開始傳送檔案，使用 WebRTC 技術進行傳輸，服務穩定且傳檔速度，各種系統置都能方便、安全地傳送檔案。
Android 應用程式開發的50 個提示
Android程式碼審查與優化：
程式碼審查建議：“建議對此程式碼片段進行改進：[此處的程式碼片段]。”
性能優化：“建議優化此程式碼性能的方法：[此處的程式碼片段]。”
程式碼重構建議：“推薦重構此程式碼的最佳實踐：[此處的程式碼片段]。”
火紅的 AI聊天機器人 ChatGPT 如何幫助「語言學習」？！
前言
2022年初時，加入了 astrogator 的行列，想當初可是買在最高點，以太坊的 Gas Fee 可說是高到嚇人，基本上是等於要用NFT原始價格兩倍才能購入，因此目前短期來說，可說是心在淌血。
拿到太空鱷魚了 @ASTROGATOR FAM
這次因為當初有買鱷魚 OG NFT，因此有一次的
前言：
筆者目前看待NFT的想法皆是以三點為重，「未來潛力」、「賦能與否」、「NFT圖片本身」，因此會以比較「收藏」層面的角度去思考，這次會以 AstroGator Fam NFT 社群來做分享。
未來潛力
這邊很直覺的方式就是透過 Road Map 來觀看一個 NFT 社
前言
對於進入 Web3 的新手，獲取 NFT 可能是最快速學習如何進入 Web3 的方法之一，從如何「購買法幣」、「虛擬貨幣」、「了結區塊鏈的流程」、「創建個人熱冷錢包」、「交易所開戶與驗證」、「成為NFT創作者」、等等，有太多的流程和細節必須體驗過，才能認知現行技術在 Web3 的美好與可進
前言
此篇會是2021當年加密貨幣很火的年代，當時幣圈的牛市帶來了很多機會，因此此篇會分享幾篇 FTX 加密資產交易所的新聞與資訊，主要是關於加密資產交易所FTX 創辦人的過去。
加密貨幣富豪的過去
【背景】：加密資產交易所 FTX 創辦人兼執行長山姆．班克曼-弗里德（Sam Bankman-Fri
web 3.0的未來是接近了！（目前 Web 2.5)
1.目前幣圈、NFT的門檻相當高。
(各國金融與法律制度是關鍵）
2.Web3.0的人才是什麼類型的？
（這裡可能要做點research，但厲害的人到哪裡都可以適應）
3. 星爺左邊的圖表才是關鍵，大概是未來的 Road map 。
（我大膽猜
由富士見Fantasia文庫推出的戀愛輕小說「在青梅竹馬的妹妹家開始家庭教師的工作後」是作家すかいふぁーむ撰寫、繪師葛坊煽插畫的作品，曾在2020年曾獲得第5屆KAKUYOMU Web小說大賽戲劇部門特別獎殊榮。本作原版最初於2019年8月~2020年6月12日在成為小說家吧連載，全名「幼馴染の妹の
*合作聲明與警語：
本文係由國泰世華銀行邀稿。
證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務，定期定額(股)服務由國泰綜合證券提供。
剛出社會的時候，很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天，都會聽到各種市場動態、理財話題，像是：聯準會降息或是近期哪些科
PairDrop 免費、開源的網頁版檔案傳輸工具，無須註冊免安裝，將裝置連線同一個 WiFi 網路，打開網站會自動建立連線，點選裝置名稱即可開始傳送檔案，使用 WebRTC 技術進行傳輸，服務穩定且傳檔速度，各種系統置都能方便、安全地傳送檔案。
Android 應用程式開發的50 個提示
Android程式碼審查與優化：
程式碼審查建議：“建議對此程式碼片段進行改進：[此處的程式碼片段]。”
性能優化：“建議優化此程式碼性能的方法：[此處的程式碼片段]。”
程式碼重構建議：“推薦重構此程式碼的最佳實踐：[此處的程式碼片段]。”
火紅的 AI聊天機器人 ChatGPT 如何幫助「語言學習」？！
前言
2022年初時，加入了 astrogator 的行列，想當初可是買在最高點，以太坊的 Gas Fee 可說是高到嚇人，基本上是等於要用NFT原始價格兩倍才能購入，因此目前短期來說，可說是心在淌血。
拿到太空鱷魚了 @ASTROGATOR FAM
這次因為當初有買鱷魚 OG NFT，因此有一次的
前言：
筆者目前看待NFT的想法皆是以三點為重，「未來潛力」、「賦能與否」、「NFT圖片本身」，因此會以比較「收藏」層面的角度去思考，這次會以 AstroGator Fam NFT 社群來做分享。
未來潛力
這邊很直覺的方式就是透過 Road Map 來觀看一個 NFT 社
前言
對於進入 Web3 的新手，獲取 NFT 可能是最快速學習如何進入 Web3 的方法之一，從如何「購買法幣」、「虛擬貨幣」、「了結區塊鏈的流程」、「創建個人熱冷錢包」、「交易所開戶與驗證」、「成為NFT創作者」、等等，有太多的流程和細節必須體驗過，才能認知現行技術在 Web3 的美好與可進
前言
此篇會是2021當年加密貨幣很火的年代，當時幣圈的牛市帶來了很多機會，因此此篇會分享幾篇 FTX 加密資產交易所的新聞與資訊，主要是關於加密資產交易所FTX 創辦人的過去。
加密貨幣富豪的過去
【背景】：加密資產交易所 FTX 創辦人兼執行長山姆．班克曼-弗里德（Sam Bankman-Fri
web 3.0的未來是接近了！（目前 Web 2.5)
1.目前幣圈、NFT的門檻相當高。
(各國金融與法律制度是關鍵）
2.Web3.0的人才是什麼類型的？
（這裡可能要做點research，但厲害的人到哪裡都可以適應）
3. 星爺左邊的圖表才是關鍵，大概是未來的 Road map 。
（我大膽猜
由富士見Fantasia文庫推出的戀愛輕小說「在青梅竹馬的妹妹家開始家庭教師的工作後」是作家すかいふぁーむ撰寫、繪師葛坊煽插畫的作品，曾在2020年曾獲得第5屆KAKUYOMU Web小說大賽戲劇部門特別獎殊榮。本作原版最初於2019年8月~2020年6月12日在成為小說家吧連載，全名「幼馴染の妹の