iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
Modern Web

網站前端後端與API 系列

鐵人賽會以三部分為主,包含網站前端、後端與API經驗分享,並介紹相關工具與框架。

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

前端的主力-HTML, JavaScript與CSS-2

動手做 快樂多 開啟index.ejs,我們現在要增加一些DOM標籤,最常用的是division的縮寫,用來分割網站區塊,我們還會用到與,分別為heading與...

2019-09-27 ‧ 由 BigQ 分享
DAY 12

前端的主力-HTML, JavaScript與CSS-3

動手做 快樂多 昨天我們學到了DOM用法: <body> <h1><%= title %></h1> &...

2019-09-28 ‧ 由 BigQ 分享
DAY 13

前端的主力-HTML, JavaScript與CSS-4

介紹一個常用的DOM屬性class,常用來區分相同DOM標籤但不同區塊的分別,例如我們現在有兩個<div>,我們在其中一個加入class=&quot...

2019-09-29 ‧ 由 BigQ 分享
DAY 14

前端的主力-HTML, JavaScript與CSS-5

CSS已經學了一些概念了,重點是要能夠了解與HTML互相協作的方式,至於CSS與HTML個別詳細用法,可以參考:W3Schools的HTML教學W3School...

2019-09-30 ‧ 由 BigQ 分享
DAY 15

前端的主力-HTML, JavaScript與CSS-6

透過JS對於DOM做操作 還記得我們之前學過的DOM屬性:class嗎?可以用來對DOM標籤做不一樣的CSS應用,而且可以重複使用,是個常用的技巧,現在再介紹一...

2019-10-01 ‧ 由 BigQ 分享
DAY 16

前端的主力-HTML, JavaScript與CSS-7

動手做 快樂多 -> JS加法機 這篇跟大家分享JS基礎、經典的用法,必須先從上一篇了解JS操作DOM的方式,才不會卡死死喔! 在我們原本的index.e...

2019-10-02 ‧ 由 BigQ 分享
DAY 17

前端的主力-HTML, JavaScript與CSS-8

if 背景音樂:Bread - if 繼續JS 學會了函式function的基本概念與DOM標籤操作後,我們要了解一個常用的機制--條件判斷。條件判斷有swi...

2019-10-03 ‧ 由 BigQ 分享
DAY 18

前端的主力-HTML, JavaScript與CSS-9

For Loop For迴圈是一個大挑戰,我們直接切入,把我們index.ejs中的function numberAdd(){}中,加入一個for迴圈。...

2019-10-04 ‧ 由 BigQ 分享
DAY 19

NodeJS的動態網站概念-1

往回看前面18天,我們學了架設伺服器之後,掌握了HTML、CSS與JS的基本用法,大家有沒有發現一件事情很玄,以前對於HTML的印象都是只要點一個.html的檔...

2019-10-05 ‧ 由 BigQ 分享
DAY 20

NodeJS的動態網站概念-2

在第七天的ExpressJS專案中的前端概念-1中,我們提到了: 前端程式:views(使用者看得到的介面主框架)public(前端相關套件,前端使用者可見此資...

2019-10-06 ‧ 由 BigQ 分享