iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

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

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

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

CSS基礎4

Box Model 每個元素都是屬於box model,擁有 width、height、content、padding、border、margin 屬性圖片取自...

2022-09-24 ‧ 由 黃昱翔 分享
DAY 12

CSS基礎5

FlexBox 透過Flex可以調整網頁的排版方向當設父元素為flex時,父元素為flex container,子元素為flex item flex conta...

2022-09-25 ‧ 由 黃昱翔 分享
DAY 13

CSS基礎6

RWD RWD全名為Responsive Web Design(響應式網頁設計),是指能夠讓網頁在不同的裝置上(例如:電腦、平板、手機)有不同的排版效果,在上一...

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

JavaScript基礎

簡介 1.JavaScript並不是由任何一種程式語言所寫成,是由歐洲電腦製造協會(ECMA)所訂的標準2.最有名的標準更新在2015年,被稱為ECMA2015...

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

JavaScript基礎2

Primitive Data Type JavaScript中有6種原始的資料類型,現在就讓我們一起認識吧。1.Number:數字2.String:字串3.Bo...

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

JavaScript基礎3

if條件式 if條件式可以判斷true or false,來做流程控制 let answer = prompt("請輸入年齡"); if...

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

JavaScript基礎4

DOM DOM全名為Document Object Model(文件物件模型),是Window Object中的一個Property,可以把一份HTML文件內的...

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

JavaScript基礎5

Element Object 透過querySelector()可以取得HTML Elememt Object 常用屬性 child:取得子元素 (HTMLC...

2022-10-01 ‧ 由 黃昱翔 分享
DAY 19

JavaScript基礎6

建構函式 以建構函示作為模板,可以做出大量相同規格的物件。 範例 function Person(name, age) { (this.name = nam...

2022-10-02 ‧ 由 黃昱翔 分享
DAY 20

Node.js基礎

前面的章節使用了HTML、CSS、JavaScript作為前端(靜態網頁)開發,接下來我們將會使用Node.js作為後端框架、MongoDB為資料庫,開發一個動...

2022-10-03 ‧ 由 黃昱翔 分享