iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

網頁前端基礎&Vue.js 系列

因要學習vue.js,必須要有html、css、javascript一些網頁構成基礎,這30天將從網頁基礎的熟悉一步一步進入Vue.js理論和語法,並實作相關的例子,進而了解Vue.js的特性!

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

網頁基礎介紹及開發環境準備(DAY1)

前言 第一次參加鐵人賽,想藉由這次的鐵人賽更加熟悉以前學過的網頁前端技術和學習新的技術Vue.js,並將所學到的知識做成筆記和有興趣入門網頁前端和Vue.js前...

2021-09-14 ‧ 由 Vince 分享
DAY 2

Html基礎介紹(DAY2)

首先,我們先接續昨天的,建立一個html的撰寫頁面,從html開始下手,把一些基本觀念先建立好,日後再為我們的網頁美化等等,開始建立html吧! 建立Htm...

2021-09-15 ‧ 由 Vince 分享
DAY 3

Html元素(DAY3)

在上一篇文章介紹了有關文字的元素和段落元素,而這一篇會介紹網頁中我們常常會看到的圖片、影片、音樂、超連結,以及如何把Youtube的影片或google的地圖嵌入...

2021-09-16 ‧ 由 Vince 分享
DAY 4

Html元素-清單&表格(DAY4)

建立清單或表格的用意,可以把資料排序得更加整齊,讓人一看到就能淺顯易懂,若想要讓資料更方便閱讀或是有條理地呈現,就可以使用這些元素。 清單 清單可以分為...

2021-09-17 ‧ 由 Vince 分享
DAY 5

Html表單&表單元素(DAY5)

Html表單是用來與使用者互動的,例如在網路上的購物網站中的會員註冊、選購商品按鈕、基本資料填寫或是留言板等,這些就是利用表單元素製作的,當客戶填寫完資料就必須...

2021-09-18 ‧ 由 Vince 分享
DAY 6

Html表單元素(DAY6)

我們在上一篇文章中介紹了input的text,Password,button,radio,checkbox,date元素這篇文章將介紹其他表單元素,了解各個元素...

2021-09-19 ‧ 由 Vince 分享
DAY 7

認識與建立CSS樣式表(DAY7)

在第一篇介紹時提到Html就像禮物的實體,而我們現在要認識的CSS樣式表就像是禮物的外包裝,要如何包裝呈現給收到禮物的人;把自己的網站美化成自己和使用者喜歡且舒...

2021-09-20 ‧ 由 Vince 分享
DAY 8

CSS選擇器(Selector)(DAY8)

選擇器的用意是將CSS的功能套用至指定的元素,而選擇器有很多種類,這一篇會介紹比較重要的幾個使用選擇器的方法。在知道這些方法前我們必須先了解選擇器的宣告語法,宣...

2021-09-21 ‧ 由 Vince 分享
DAY 9

CSS選擇器(Selector)-2(DAY9)

在上一篇我們認識了一些Selector,包括所有元素選擇器、指定元素選擇器、ID選擇器和Class選擇器,這篇將介紹其他4個選擇器,選擇器種類非常非常的多,若有...

2021-09-22 ‧ 由 Vince 分享
DAY 10

CSS文字對齊方式(DAY10)

這一篇我們要來了解如何利用CSS將文字水平對齊(置中、靠左、靠右對齊)和垂直對齊,這邊介紹幾個比較重要和常用到的屬性: 水平文字對齊 text-alig...

2021-09-23 ‧ 由 Vince 分享