iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

1 Like 0 留言 1584 瀏覽

技術 [一天一學習直到我完成任務管理系統] Day 4 前端檔案建立(以菜單網站為觀摩範本)

Day 4: 1140112一、目標:觀摩如何依照MVC架構，建立Java專案中的前端檔案二、預計使用工具:VS code 三、檔案架構:今天要建立的是前端檔案...

hermosaliang ‧ 2025-01-12

1 Like 0 留言 689 瀏覽

鐵人賽 Python DAY 21

從概念到應用：Python實戰開發學習之旅系列第 21 篇

技術 [Day20] Python專案 - 爬蟲程式 - (2) 擷取你的需求資料(瀏覽器或裝置的意義)

目標今天會帶大家使用 request json Beautiful Soup 嘗試擷取簡單的網頁資料麻煩大家先透過pip install...

roni ‧ 2024-10-05

0 Like 0 留言 123 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 17

一個網頁的誕生！教你從基礎到自行完成設計網站系列第 17 篇

技術設計網頁這麼簡單？除了html、css等還需要注意什麼

⬆️類似於這種，其實我們也可以自己用自己熟悉的編輯器寫出來！只要確定好html、css、java的分配，wix也有與javascript連結可自行創造的功能～這...

Corrina ‧ 2024-10-01

0 Like 0 留言 127 瀏覽

鐵人賽佛心分享-刷題不只是刷題 DAY 9

30 天克服前端面試系列第 9 篇

技術 Day 9 - 請描述 <script>, <script async>和 <script defer> 的差異為何？

透過<script>我們可以適當的控制腳本在瀏覽器載入的時機。 <script> 這是預設的腳本加載方式，在網頁渲染的過程中，會使用 &...

Ashley ‧ 2024-09-23

0 Like 0 留言 192 瀏覽

鐵人賽佛心分享-我的私藏工具箱 DAY 2

SUPER EASY CSS 前端切版百寶箱系列第 2 篇

技術 #01 前端支援度查詢：Can I Use / StatCounter / Can I email...

因為網頁的使用者可能使用各種裝置、各種瀏覽器瀏覽網頁，所以在開發前端時，要盡量讓網頁在所有情況下表現效果都一致。今天就分享很常見的查詢支援度的小工具，雖然應該...

Eva Chen ‧ 2024-09-16

0 Like 0 留言 305 瀏覽

鐵人賽 JavaScript DAY 2

歡迎參加我的原生JS畢業典禮系列第 2 篇

技術【Day1】JS同學你負責什麼？

說到前端、Web不外乎就會提到三巨頭HTML、CSS和JavaScript（JS），先跳脫專有名詞我們來發揮想像力，解釋這三種語言是如何彼此配合？假設你在台北...

ivytien ‧ 2024-09-16

0 Like 0 留言 297 瀏覽

鐵人賽 Modern Web DAY 8

從零開始：全端新手的困境與成長系列第 8 篇

技術 Day8 要開始寫程式了，但我對 CSS、TypeScript 和 HTML 不熟，怎麼辦？(上)

要開始開發程式啦！寫程式是一個令人很興奮的過程，但又充滿挑戰，尤其當你發現自己對一些核心技術不熟的時候，這種不確定性可能會讓你覺得很糟糕也很焦慮。HTML、CS...

Chiayu ‧ 2024-09-16

0 Like 0 留言 1707 瀏覽

鐵人賽 Modern Web DAY 2

Super Easy CSS，極度簡單 PART 2！寫出漂亮的 CSS 系列第 2 篇

技術 #36 HTML <video> 用影片當背景，使用 iframe 嵌入 Youtube自動播放/ IG/ TikTok/ X (Twitter) 影片

本篇同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 使用 H...

Eva Chen ‧ 2024-09-16

1 Like 0 留言 447 瀏覽

鐵人賽 Modern Web DAY 4

重新認識 FrontEnd 系列第 4 篇

技術 Day4：HTML 語意化

本篇文章主要會從結構面來分別介紹常見且對於 SEO 有幫助的標籤，讓我們開始吧頁面主結構的標籤 <header>：header 標籤主要是用來...

呆呆小將 ‧ 2024-08-09

0 Like 0 留言 627 瀏覽

鐵人賽 Modern Web DAY 3

重新認識 FrontEnd 系列第 3 篇

技術 Day3: Meta Tag

那些影響排名的 Meta Tag 在網站中，我們可以利用 Meta Tag 來提供一些網站的基本資訊，並且一定性的影響搜尋引擎上的顯示以及排名 Charse...

呆呆小將 ‧ 2024-08-08

0 Like 0 留言 581 瀏覽

鐵人賽 Modern Web DAY 2

重新認識 FrontEnd 系列第 2 篇

技術 Day2： HTML 的重要性

那些只要能跑就好的代碼一開始矇矇懂懂加入前端行列的我拿起了第一本前端書籍的時候，上面同時介紹了 HTML 與 CSS，胸懷壯志的想說要把他看個兩三遍，然而事情...

呆呆小將 ‧ 2024-08-07

0 Like 0 留言 1390 瀏覽

技術工作中自學至獨立完成系統項目(Eclipse Servlet) - ５

技術內容在資料傳輸前，有些相關的文件及當中的欄位、邏輯Annotation之類的必須要有，才能運作程式因此要先確認這些事情有沒有做 1. 在Servlet文件...

離開井底後嚇到的 IT 空友 ‧ 2024-05-31

1 Like 0 留言 681 瀏覽

技術工作中自學至獨立完成系統項目(Eclipse Servlet) - 4

前後端、資料庫互動簡述依據當所開發的系統，將我所認為的架構以圖表示，如下：此系統主要傳輸資料的方式為：前端網頁點選button元素或是input元素的s...

離開井底後嚇到的 IT 空友 ‧ 2024-05-30

1 Like 0 留言 720 瀏覽

技術工作中自學至獨立完成系統項目(Eclipse Servlet) - 3

專案架構後端程式碼的部分主要是放在(src/main/java)這個路徑底下，主要是Java Servlet的檔案，以及一些會用到的JAVA Bean，其他的...

離開井底後嚇到的 IT 空友 ‧ 2024-05-29

0 Like 0 留言 1166 瀏覽

技術工作中自學至獨立完成系統項目(Eclipse Servlet) - 2

系統開發在過程中就一定會進入到這個環節，需要提交開發計劃，詳細內容就不贅述，不過好在網頁排版以及系統需求的部分，可以參考當前舊的系統，因此省下了許多事項，不過...

離開井底後嚇到的 IT 空友 ‧ 2024-05-27

0 Like 0 留言 937 瀏覽

技術工作中自學至獨立完成系統項目(Eclipse Servlet) - 1

第一份正式工作會撰寫這篇文章的原因主要是想要紀錄一下自己總算有些成果的系統作品，也算是給自己的鼓勵，但也有一些怨念在當中xD，因此這一篇文章主要會是紀錄和分享...

離開井底後嚇到的 IT 空友 ‧ 2024-05-27

0 Like 0 留言 437 瀏覽

鐵人賽 Modern Web DAY 29

了不起的 Svelte 系列第 29 篇

技術第 29 天：Svelte 在 HTML 元素上的修飾

第 29 天：Svelte 在 HTML 元素上的修飾第 29 天要講的事複習 Svelte 在 HTML 元素上的修飾 HTML 元素的 class 及...

ithomemhjao ‧ 2023-10-14

1 Like 1 留言 648 瀏覽

鐵人賽 Modern Web

跟著 OXXO 一起學 HTML 系列第 90 篇

技術 ( Day 43 ) 「跟著 OXXO 一起學 HTML」完賽心得

這次鐵人賽我參加了四個主題，其中一個總算完賽了，這個 HTML 的主題加上這篇總共有 90 篇，連續寫了 43 天，希望大家會喜歡～這次 IT 鐵人賽，我還...

oxxo ‧ 2023-10-13

0 Like 0 留言 607 瀏覽

鐵人賽 Modern Web

跟著 OXXO 一起學 HTML 系列第 89 篇

技術 ( Day 42 ) HTML 網頁嵌入 Scratch 創作

Scratch 是一個可以讓程式入門者或學生盡情創作遊戲、動畫或影音的工具，除了可以直接在 Scratch 的平台上進行觀賞，也可以將 Scratch 專案嵌入...

oxxo ‧ 2023-10-12

0 Like 0 留言 1308 瀏覽

鐵人賽 Modern Web

跟著 OXXO 一起學 HTML 系列第 88 篇

技術 ( Day 41 ) HTML 網頁中嵌入 Canva 簡報

Canva 簡報 ( Canva presentation ) 是一個非常好用的線上簡報應用程式，除了可以運用 Canva 裡提供的各種樣板，更可以分享到各個平...

oxxo ‧ 2023-10-11

0 Like 0 留言 941 瀏覽

鐵人賽 Modern Web

跟著 OXXO 一起學 HTML 系列第 87 篇

技術 ( Day 40 ) HTML 網頁中嵌入 Facebook 影片

在 Facebook 裡除了分享圖片和文字，也會分享許多的影片，這篇教學會介紹如何透過 HTML 的實作，將 Facebook 裡的公開分享的影片，嵌入到自己的...

oxxo ‧ 2023-10-10

0 Like 0 留言 643 瀏覽

鐵人賽 Modern Web

跟著 OXXO 一起學 HTML 系列第 86 篇

技術 ( Day 39 ) HTML 網頁中嵌入 Facebook 粉絲團

Facebook 是目前世界上最有名的社群網站之一，這篇教學會介紹如何透過 HTML 的實作，在網頁裡面加入 Facebook 粉絲團的功能。原文參考：網頁...

oxxo ‧ 2023-10-09

0 Like 0 留言 566 瀏覽

鐵人賽自我挑戰組 DAY 24

智能世界，就在你身邊 - 探索物聯網的魔法系列第 24 篇

技術 [DAY 24] 開發網頁來控制門鎖開關

嗨~各位我們今天來開發網頁來控制門鎖開關，首先我們會需要先撰寫HTML檔，我會把撰寫內容放在底下，接下來我們會用Thonny來撰寫ESP32的程式碼哦！實驗簡...

hsinwei ‧ 2023-10-09

0 Like 0 留言 872 瀏覽

鐵人賽 Modern Web

跟著 OXXO 一起學 HTML 系列第 85 篇

技術 ( Day 38 ) HTML 網頁中嵌入 Twitter ( X ) 推文

Twitter 是目前世界上最有名的社群網站之一，這篇教學會介紹如何透過 HTML 的實作，在網頁裡面加入 Twitter 推文的功能。原文參考：網頁中嵌入...

oxxo ‧ 2023-10-08

0 Like 0 留言 648 瀏覽

鐵人賽 Modern Web

跟著 OXXO 一起學 HTML 系列第 84 篇

技術 ( Day 37 ) HTML 網頁中嵌入 Google 試算表圖表

在 Google 試算表 ( Google SpreadSheet ) 裡可以藉由各種數據繪製圖表，這篇教學會介紹如何透過 HTML 的實作，將 Google...

oxxo ‧ 2023-10-07

0 Like 0 留言 1264 瀏覽

鐵人賽 Modern Web

跟著 OXXO 一起學 HTML 系列第 83 篇

技術 ( Day 36 ) HTML 網頁中嵌入 Google 試算表

Google 試算表 ( Google SpreadSheet ) 是非常方便的線上試算表應用程式 ( 類似線上 Excel )，不論是任何的作業系統，只需要打...

oxxo ‧ 2023-10-06

0 Like 0 留言 619 瀏覽

鐵人賽 Modern Web

跟著 OXXO 一起學 HTML 系列第 82 篇

技術 ( Day 35 ) HTML 網頁中嵌入 Google 文件

Google 文件 ( Google Docs ) 是非常方便的線上文件應用程式 ( 類似線上 Words )，不論是任何的作業系統，只需要打開瀏覽器就能進行文...

oxxo ‧ 2023-10-05

0 Like 0 留言 601 瀏覽

鐵人賽 Modern Web

跟著 OXXO 一起學 HTML 系列第 81 篇

技術 ( Day 34 ) HTML 網頁中嵌入 Google 簡報

Google 簡報 ( Google Slides ) 是非常方便的線上簡報應用程式 ( 類似線上 PowerPoint )，不論是任何的作業系統，只需要打開瀏...

oxxo ‧ 2023-10-04

0 Like 0 留言 381 瀏覽

技術 6.整合CSS和html

一、導覽列(navbar)是網頁或應用程式界面中常見的一種元素，用於幫助使用者導航和定位到網站或應用的不同部分或功能。它通常位於網頁或應用的頂部或側邊，提供了一...

伍貳捌 ‧ 2023-10-04

0 Like 0 留言 562 瀏覽

鐵人賽自我挑戰組 DAY 18

為了成為更好的前端，我開始在乎的那些事系列第 18 篇

技術 [Day 18] 網路常識 - (4) 什麼是 DNS？跟前端有什麼關係？ - DNS 在前端的應用

前言前三篇已經介紹完 DNS 的原理，今天會來介紹一下 DNS 到底對前端在工作上有什麼幫助，主要分為 2 個：優化 request speed 設定 d...

bensonchen3418 ‧ 2023-10-03

技術 [一天一學習 直到我完成任務管理系統] Day 4 前端檔案建立(以菜單網站為觀摩範本)

技術 [Day20] Python專案 - 爬蟲程式 - (2) 擷取你的需求資料(瀏覽器或裝置的意義)

技術 設計網頁這麼簡單？除了html、css等還需要注意什麼

技術 Day 9 - 請描述 <script>, <script async>和 <script defer> 的差異為何？

技術 #01 前端支援度查詢：Can I Use / StatCounter / Can I email...

技術 【Day1】JS同學你負責什麼？

技術 Day8 要開始寫程式了，但我對 CSS、TypeScript 和 HTML 不熟，怎麼辦？(上)

技術 #36 HTML <video> 用影片當背景，使用 iframe 嵌入 Youtube自動播放/ IG/ TikTok/ X (Twitter) 影片

技術 Day4：HTML 語意化

技術 Day3: Meta Tag

技術 Day2： HTML 的重要性

技術 工作中自學至獨立完成系統項目(Eclipse Servlet) - ５

技術 工作中自學至獨立完成系統項目(Eclipse Servlet) - 4

技術 工作中自學至獨立完成系統項目(Eclipse Servlet) - 3

技術 工作中自學至獨立完成系統項目(Eclipse Servlet) - 2

技術 工作中自學至獨立完成系統項目(Eclipse Servlet) - 1

技術 第 29 天：Svelte 在 HTML 元素上的修飾

技術 ( Day 43 ) 「跟著 OXXO 一起學 HTML」完賽心得

技術 ( Day 42 ) HTML 網頁嵌入 Scratch 創作

技術 ( Day 41 ) HTML 網頁中嵌入 Canva 簡報

技術 ( Day 40 ) HTML 網頁中嵌入 Facebook 影片

技術 ( Day 39 ) HTML 網頁中嵌入 Facebook 粉絲團

技術 [DAY 24] 開發網頁來控制門鎖開關

技術 ( Day 38 ) HTML 網頁中嵌入 Twitter ( X ) 推文

技術 ( Day 37 ) HTML 網頁中嵌入 Google 試算表圖表

技術 ( Day 36 ) HTML 網頁中嵌入 Google 試算表

技術 ( Day 35 ) HTML 網頁中嵌入 Google 文件

技術 ( Day 34 ) HTML 網頁中嵌入 Google 簡報

技術 6.整合CSS和html

技術 [Day 18] 網路常識 - (4) 什麼是 DNS？ 跟前端有什麼關係？ - DNS 在前端的應用

標記使用者

技術 [一天一學習直到我完成任務管理系統] Day 4 前端檔案建立(以菜單網站為觀摩範本)

技術設計網頁這麼簡單？除了html、css等還需要注意什麼

技術【Day1】JS同學你負責什麼？

技術工作中自學至獨立完成系統項目(Eclipse Servlet) - ５

技術工作中自學至獨立完成系統項目(Eclipse Servlet) - 4

技術工作中自學至獨立完成系統項目(Eclipse Servlet) - 3

技術工作中自學至獨立完成系統項目(Eclipse Servlet) - 2

技術工作中自學至獨立完成系統項目(Eclipse Servlet) - 1

技術第 29 天：Svelte 在 HTML 元素上的修飾

技術 [Day 18] 網路常識 - (4) 什麼是 DNS？跟前端有什麼關係？ - DNS 在前端的應用