iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

30天全端網頁學習之旅 系列

主要想把近期學習的網頁開發知識與心得分享出來,內容包括前端(HTML、CSS、JavaScript)、後端(Node.js、MongoDB)、前端框架(React)。內容會包刮一些實作以及網頁的上架方式。

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

前言與學習架構

前言 這是我第一次參加鐵人賽,想說趁此機會把最近學習的知識與心得分享出來,讓我能對網頁開發有更加深入的了解,如果你跟我一樣都是初學者,那就一起努力吧! 學習架構...

2022-09-14 ‧ 由 黃昱翔 分享
DAY 2

網路基本原理

想要做出好的網頁,就必須知道網際網路的基本原理,現在就讓我們來了解一下吧! 網路(Network) 在很久以前的方法中,只要將兩台電腦相連,使其能夠進行通訊、傳...

2022-09-15 ‧ 由 黃昱翔 分享
DAY 3

基本介紹與事前準備

前端三要素中,HTML、CSS、JavaScript分別有著不同的功能。 HTML HTML全名為HyperText Markup Language(超文字標記...

2022-09-16 ‧ 由 黃昱翔 分享
DAY 4

HTML基礎

元素 一段HTML通常被稱為元素(elements),元素中又有起始標籤、結束標籤、屬性等,現在就讓我們來看下範例圖片出自MDN Web Docs 1.起始標籤...

2022-09-17 ‧ 由 黃昱翔 分享
DAY 5

HTML基礎2

接續上一章,不同的元素名稱,對應不同的網頁格式例如:1.h1:標題(heading 1的意思)2.p:段落(paragraph的意思)這邊分享一下HTML各元素...

2022-09-18 ‧ 由 黃昱翔 分享
DAY 6

HTML基礎3

這邊我們演示一些常用的元素。 圖片 <img width="500" height="400&quo...

2022-09-19 ‧ 由 黃昱翔 分享
DAY 7

HTML基礎4

表單(form) 在HTML中,表單是非常重要的功能,但由於資料送出要連接到後端,這邊我們先演示建立表單的部分。 <form action="&...

2022-09-20 ‧ 由 黃昱翔 分享
DAY 8

CSS基礎

CSS簡介 css全名為Cascading Style Sheets(階層式樣式表),可以為網頁進行上色、排版、動畫等功能,是網頁設計非常重要的一環,版本為第三...

2022-09-21 ‧ 由 黃昱翔 分享
DAY 9

CSS基礎2

選擇器的類型 上一章中,我們知道可以用元素名當作選擇器,但選擇器其實有很多種類1.元素選擇器(Element selector):指定HTML元素 p,li,h...

2022-09-22 ‧ 由 黃昱翔 分享
DAY 10

CSS基礎3

動畫 1.animation-name:動畫名稱。2.animation-duration:動畫時間。3.animation-timing-function:動...

2022-09-23 ‧ 由 黃昱翔 分享