iT邦幫忙

鐵人檔案

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

學習網頁前端基本的技術,包含如何使用HTML標籤跟CSS做出基本的網頁版型,了解bootstrap template如何建置網頁架構。 系列

這30天將學習網頁前端基本的技術,一開始先認識HTML標籤的使用,並實作演練。
再來認識CSS的語法,包含如何設定色彩、背景、超連結、圖片等等。
最後學習bootstrap template與jquery套件。希望最後可以將所學知識吸收,做出簡易的網頁!!!

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

Day11 Css區塊

區塊的概念:區塊是指html標籤中能夠在網頁顯示的範圍多為矩形區塊 ,主要與網頁的版型設定有關聯性。 框線:因為框線圍著區塊,所有先介紹框線。包含margin屬...

2023-09-26 ‧ 由 jenny 分享
DAY 12

Day12 Bootstrap

Bootstrap介紹:Bootstrap 是一個開源的前端框架,用於快速開發具有響應式設計和現代化風格的網頁和網站。Bootstrap 提供了一套預先定義的...

2023-09-27 ‧ 由 jenny 分享
DAY 13

Day13 bootstrap template介紹

bootstrap template:是以bootstrap 套件為主,透過網路上各個開發者開發後,分享出來供其他人使用的模板。 以下是一些常見的 Bootst...

2023-09-28 ‧ 由 jenny 分享
DAY 14

Day14認識vue.js

前面幾篇認識了html跟css基本的語法,接下來要從0開始學習Vue.js。 先來介紹Vue.js 是一個用於建立交互式網頁介面的JavaScript框架。簡單...

2023-09-29 ‧ 由 jenny 分享
DAY 15

Day15 資料綁定v-bind

資料綁定:Vue.js建立模型之後,可以將資料內的屬性與html頁面進行綁定。 one.js框架: var one = new Vue({ data: {...

2023-09-30 ‧ 由 jenny 分享
DAY 16

Day16 v-if/v-else-if/v-else

v-if跟v-else-if跟v-else:v-if, v-else-if 和 v-else 是Vue.js框架中用於條件判斷的指令。可以控制Element的顯...

2023-10-01 ‧ 由 jenny 分享
DAY 17

Day17 v-for、v-show

列表資料綁定v-for:是 Vue.js 中用於渲染列表的一个指令,可以在HTML Element的屬性中使用。列表資料類型可以是Array或Object。 範...

2023-10-02 ‧ 由 jenny 分享
DAY 18

Day18 資料雙向綁定v-model

v-model 是 Vue.js 提供的一個指令,可以實現表單元素和 Vue 實例中的資料之間的雙向綁定。它是 Vue.js 中常用的一個功能,可以簡化表單處理...

2023-10-03 ‧ 由 jenny 分享
DAY 19

Day19 v-on

v-on 是 Vue.js 中用來監聽 DOM 事件的指令。 常見的DOM事件: click: 當元素被點擊時觸發。mouseover: 當滑鼠指針移入元素時觸...

2023-10-04 ‧ 由 jenny 分享
DAY 20

Day20 資料客製化

資料客製化(Customizing Data):在vue定義資料時進行客製化的處理,這使得可以在設定或獲取資料之前進行轉換或驗證。這樣可以保持資料的一致性和正確...

2023-10-05 ‧ 由 jenny 分享