iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
自我挑戰組

線上商店串接tappay 系列

做出一個商家網站,並串接tappay的金融服務

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

Day 1 TapPay和第三方金流

TapPay是一家第三方金流公司,假設我們在網路上開一家店,想讓消費者透過在網路上刷卡來消費,在還沒有第三方金流的時代,需要商家自行跟銀行談,開戶後再自行串接,...

2023-09-16 ‧ 由 Kaycyy 分享
DAY 2

HTML練習

要寫出商家的網頁,首先要先認識網頁的三大元素,HTML(主要結構),CSS(外觀),Javascript(能和使用者互動的內容),今天先從HTML做起,HTML...

2023-09-17 ‧ 由 Kaycyy 分享
DAY 3

CSS練習

CSS是一種用於設計網頁外觀和風格的程式語言。基本顏色外框,它可以為網頁元素定義樣式,包括字體、顏色、間距、尺寸等,使其符合設計要求和用戶體驗。 顏色color...

2023-09-18 ‧ 由 Kaycyy 分享
DAY 4

class selector

使用class selector可以切割CSS和HTML標籤,將網頁的結構和外觀分開管理。 首先要新增.css和.html兩種檔案,並且在html的head標籤...

2023-09-19 ‧ 由 Kaycyy 分享
DAY 5

網頁切版練習

網頁是由許多區塊組成的區塊模型,擁有div標籤的區塊,在預設情況,會垂直的一層一層往下排,當我們需要區塊並排(水平排列)時,就需要在css中加入diplay:f...

2023-09-20 ‧ 由 Kaycyy 分享
DAY 6

回應式設計

回應式設計就是為了讓我們設計的網頁能在不同大小的螢幕都能正常顯示,所以使用CSS media query來使區塊自動調整版面,例如希望相素在小於1250px時使...

2023-09-21 ‧ 由 Kaycyy 分享
DAY 7

javascript 事件回應與網路連線

Java script是幫助我們在網頁中增加使用者互動性和動態效果的語言,只要在html的結構中加入即可使用,一般來說可以在開發人員工具的console視窗中看...

2023-09-22 ‧ 由 Kaycyy 分享
DAY 8

Node.js

Nodejs Nodejs是使用javascript的語法,但寫的卻是關於server端的功能,這樣能方便我們用相同語言,進行全端的開發。 首先去官網下載,並測...

2023-09-23 ‧ 由 Kaycyy 分享
DAY 9

HTML DOM

瀏覽器是如何將HTML程式碼變成網頁畫面呢? 這邊就必須提到HTML Document Object Model(DOM)。 執行我們寫的網頁時,javascr...

2023-09-24 ‧ 由 Kaycyy 分享
DAY 10

HTML 標籤物件操作

想製作動態網頁,我們需要配合使用者的動作,讓個別的網頁物件做出反應。 具體步驟是先使div標籤可以切割出許多物件,加上 id去識別這個物件,在javascrip...

2023-09-25 ‧ 由 Kaycyy 分享