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

1 Like 0 留言 783 瀏覽

鐵人賽 Python DAY 23

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

技術 [Day22] Python專案 - 網頁開發 - (1) 網頁工程師基本知識(設計網站的架構、套件管理、資料庫、API測試工具)

目標專案實戰想把網站開發跟PowerBI交換一下目的是先讓大家在前面的爬蟲章節提到的HTTP跟前後端架構去加深熟悉起來這周的開端是以網頁開發為主網頁工程師...

roni ‧ 2024-10-07

0 Like 0 留言 87 瀏覽

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

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

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

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

Corrina ‧ 2024-10-01

1 Like 0 留言 7963 瀏覽

徵才網頁委外設計代工

網頁 15PAGES, 委外設計代工, 徵求網頁美工設計高手有償代工.

robertchentpe ‧ 2024-07-01

0 Like 1 留言 1452 瀏覽

技術 Javascript 輕鬆獲得元素大小、位置的實用方法| getBoundingClientRect()

返回值是一個 DOMRect物件，用px 為單位描述這個矩形的位置跟大小。其中包含 x/y/width/height/top/right/bottom/lef...

阿沁 ‧ 2024-04-07

0 Like 0 留言 692 瀏覽

技術網站設計達成目標轉換的關鍵因素及技巧

好的網站應該要有直覺性網站版面配置與迅速的網頁載入速度，需要具備好的使用者體驗，進而提升SEO關鍵字排名。隨著時代演進，網站設計經歷了五個世代的變革，並逐漸注...

達文西數位科技 ‧ 2023-12-14

0 Like 0 留言 714 瀏覽

技術打造SEO優化網站的起步秘訣：建置網站架構指南

你想要一個可以用的網站還是想要一個可以排名的SEO網站，為企業品牌帶來實質的效益呢？在建立官網前，你可以想想建網站的目的是什麼？而架設SEO網站需要用什麼方式進...

達文西數位科技 ‧ 2023-10-19

0 Like 0 留言 1352 瀏覽

鐵人賽 Modern Web DAY 29

連我阿公都會-手把手教你架網站系列第 29 篇

技術【Day29】Flask請求 & 表單實作

昨日了解完Flask的安裝至頁面跳轉、動態生成等內容後，今天我們要更深入介紹Flask的請求和表單製作！ Flask請求在學習請求前，我們要先了解HTTP方...

ttdragon0722 ‧ 2023-10-14 ‧團隊最強資工大電神

0 Like 0 留言 1406 瀏覽

鐵人賽 Modern Web DAY 28

連我阿公都會-手把手教你架網站系列第 28 篇

技術【Day28】Flask基本架構

在大概摸索Python的基本語法和函式修飾器後，我們今天終於可以回歸正題 —— 使用Python架設一個輕量級的網頁後端伺服器！我們今天要接觸的東西名為Fla...

ttdragon0722 ‧ 2023-10-13 ‧團隊最強資工大電神

0 Like 1 留言 616 瀏覽

鐵人賽 Modern Web DAY 25

連我阿公都會-手把手教你架網站系列第 25 篇

技術【Day25】淺談 React.js（4）公共元件 & 頁面跳轉 Router

在碰到純前端的大專案時，專案內有許多頁面是必然的。都是在同個專案，當頁面跳轉時，想必也都會使用到相同的元件。但是，在創建新頁面時，我們不僅要複製多個元件，甚至是...

ttdragon0722 ‧ 2023-10-10 ‧團隊最強資工大電神

0 Like 0 留言 579 瀏覽

鐵人賽 Modern Web DAY 24

連我阿公都會-手把手教你架網站系列第 24 篇

技術【Day24】淺談 React.js（3）React useState & useEffect

介紹完React的動態生成後，本篇將帶您進入到React Hook的領域。甚麼是React hook？簡單來說，它是一種React的函數，可以讓您在無需使用c...

ttdragon0722 ‧ 2023-10-09 ‧團隊最強資工大電神

0 Like 0 留言 651 瀏覽

鐵人賽 Modern Web DAY 25

不用庫也能酷 - 玩轉 CSS & Js 特效系列第 25 篇

技術 Day25 有料的 CSS 漢堡選單

我們今天要來做幾份漢堡選單。原理和 Day14 今天我想來點… 純 CSS 的開關一樣，都是用 input 的 checkbox 來儲存狀態好讓其他元素可...

毛哥EM ‧ 2023-10-09

0 Like 0 留言 554 瀏覽

鐵人賽 Modern Web DAY 23

連我阿公都會-手把手教你架網站系列第 23 篇

技術【Day23】淺談 React.js（2）React動態生成

在上一天中，我們了解到React中的元件構成和基礎語法，今天，我們要一同探索的是 ── 更便捷的生成語法！動態生成在介紹jQuery的篇章中我們曾提過，我...

ttdragon0722 ‧ 2023-10-08 ‧團隊最強資工大電神

0 Like 0 留言 561 瀏覽

鐵人賽 Modern Web DAY 22

連我阿公都會-手把手教你架網站系列第 22 篇

技術【Day22】淺談 React.js（1）React基本構成 & 語法

在上一篇的教學中，我們成功建立了一個React的專案。建立完畢後，會發現我們的檔案資料夾突然多了好多沒看過的東西：慘了，完全看不懂——沒關係！接下來將帶您認...

ttdragon0722 ‧ 2023-10-07 ‧團隊最強資工大電神

0 Like 0 留言 438 瀏覽

鐵人賽 SideProject30 DAY 30

30天製作RWD個人品牌網站系列第 30 篇

技術 Day30. 結語、心得

喔耶！終於可以脫離苦海了！！今天就是我的鐵人賽最後一天2023/10/15 一定要好好記錄起來！雖說報名鐵人賽的初衷只是因為教授的要求，但在想要寫什麼主題的時...

luna0228 ‧ 2023-10-15

0 Like 0 留言 564 瀏覽

鐵人賽 SideProject30 DAY 29

30天製作RWD個人品牌網站系列第 29 篇

技術 Day29. Git版控工具(三) Vercel 網站部署

網站製作完成後，最後就只剩下「部署」啦！通常要將網站上架到網路上，擁有一個屬於自己的網址，是需要額外費用的，但最近很熱門的Vercel提供免費網站部署服務，讓有...

luna0228 ‧ 2023-10-14

0 Like 0 留言 525 瀏覽

鐵人賽 SideProject30 DAY 27

30天製作RWD個人品牌網站系列第 27 篇

技術 Day27. Git版控工具(一) Git介紹

網站製作完成後，有兩件事還需要做，那就是「部署」、「維護」，這兩項都很需要版本控制工具的協助，就先來談談Git這個版控工具吧！當在自己的本機製作、設計時，因為更...

luna0228 ‧ 2023-10-12

0 Like 0 留言 428 瀏覽

鐵人賽 SideProject30 DAY 26

30天製作RWD個人品牌網站系列第 26 篇

技術 Day26. 網站開發過程(八) 互動設計、添加微互動

倒數五篇，也是網站開發的最後一篇，今天要來聊聊互動設計、微互動。現在的網站除了RWD是不可或缺的之外，在網站中添加各種互動設計也是重要趨勢，小的可以是文字、區塊...

luna0228 ‧ 2023-10-11

0 Like 0 留言 587 瀏覽

鐵人賽 SideProject30 DAY 25

30天製作RWD個人品牌網站系列第 25 篇

技術 Day25. 網站開發過程(七) 常用JS套件(2)

今天會接下去推薦幾個好用的JS套件，但跟昨天不太一樣的是，今天推薦的套件都是很需要讀文件，比較進階需要設定比較多內容的套件，但只要有依文件製作就能呈現很多種變化...

luna0228 ‧ 2023-10-10

0 Like 0 留言 959 瀏覽

鐵人賽 SideProject30 DAY 24

30天製作RWD個人品牌網站系列第 24 篇

技術 Day24. 網站開發過程(六) 常用JS套件(1)

接下來兩天推薦幾個好用的JS套件，有時候想要的設計不是可以短時間寫成的功能，這時候搭配使用適合的套件，能減少開發時間，大大提升效率，也能讓網站更豐富喔！Day3...

luna0228 ‧ 2023-10-09

0 Like 0 留言 482 瀏覽

鐵人賽 Modern Web DAY 21

連我阿公都會-手把手教你架網站系列第 21 篇

技術【Day21】前端框架淺談＆React環境

在寫了數個的純前端的專案後，我們會發現，每個專案幾乎都會寫到一樣的東西。為了方便，從以前的專案copy一些元件套用在新的專案上是常有的事，但又要因應新專案而反覆...

ttdragon0722 ‧ 2023-10-06 ‧團隊最強資工大電神

0 Like 0 留言 573 瀏覽

鐵人賽 Modern Web DAY 19

連我阿公都會-手把手教你架網站系列第 19 篇

技術【Day19】常見切版應用（3-1）頁頂Header實作

在介紹完了前兩日的可滑動選單與彈跳視窗後，今天我們將要進入 ── 頁頂Header的實作。 header的詳細作用和規劃在我們的前導：《網頁的基礎設計理論》已有...

ttdragon0722 ‧ 2023-10-04 ‧團隊最強資工大電神

0 Like 0 留言 400 瀏覽

鐵人賽 Modern Web DAY 16

連我阿公都會-手把手教你架網站系列第 16 篇

技術【Day16】Github介紹：讓大家看到你的網頁！

在前面14天中，我們一同學習，並且大概了解如何做一個網站了。而今天！我將帶您了解GitHub，並將您所製作的網站，透過存放在GitHub內，散播出去，讓更多人看...

ttdragon0722 ‧ 2023-10-01 ‧團隊最強資工大電神

0 Like 0 留言 308 瀏覽

鐵人賽 Modern Web DAY 15

連我阿公都會-手把手教你架網站系列第 15 篇

技術【Day15】專題實作：簡易計算機

前些日子呢，我們一同學習了許多有關網頁三件套 —— HTML、CSS、JS的內容。納在本日的篇章中，我將帶著您使用這幾日所學，來實作出一個計算機的應用！完成效...

ttdragon0722 ‧ 2023-09-30 ‧團隊最強資工大電神

0 Like 0 留言 537 瀏覽

鐵人賽 SideProject30 DAY 23

30天製作RWD個人品牌網站系列第 23 篇

技術 Day23. 網站開發過程(五) RWD製作

今天要談實際用CSS調整實現RWD製作。再開始聊RWD製作前，可以先回去複習前面這兩部分，有很大的關聯～Day13-16. 切版前知識-CSSDay17-18....

luna0228 ‧ 2023-10-08

0 Like 0 留言 727 瀏覽

鐵人賽 SideProject30 DAY 22

30天製作RWD個人品牌網站系列第 22 篇

技術 Day22. 網站開發過程(四) Bootstrap應用、變化

今天會藉由昨天提到的幾個元件，實際舉範例來說明該如何應用、變化，我個人覺得在腦海中想好畫面最後完成的樣子很重要，我自己習慣的方式是利用VSCode預覽模式，嘗試...

luna0228 ‧ 2023-10-07

0 Like 0 留言 1026 瀏覽

鐵人賽 SideProject30 DAY 21

30天製作RWD個人品牌網站系列第 21 篇

技術 Day21. 網站開發過程(三) Bootstrap常用元件：Collapse、Accordion、Modal、Navbar

昨天說到Bootstrap的基本內容，Bootstrap很好用的其中一點就是結合了許多前端會使用的元素，製作成元件讓我們可以直接取用，今天會來講講Bootstr...

luna0228 ‧ 2023-10-06

0 Like 0 留言 752 瀏覽

鐵人賽 SideProject30 DAY 20

30天製作RWD個人品牌網站系列第 20 篇

技術 Day20. 網站開發過程(二) Bootstrap介紹、常用語法

不敢相信，我完成2/3的鐵人賽了！接下來也要加油！今天開始是一系列的Bootstrap內容，會從最基本的觀念開始，並推薦常用元件及應用、變化。前面的天數我們談到...

luna0228 ‧ 2023-10-05

0 Like 0 留言 1309 瀏覽

鐵人賽 SideProject30 DAY 18

30天製作RWD個人品牌網站系列第 18 篇

技術 Day18. 切版前知識(八) 響應式網頁(RWD) 大小版畫面規劃

網頁大小版要怎麼規劃呢？在設計稿階段，因為過去工作的關係，比較習慣提桌機版及手機版兩個尺寸。但進入切版階段後，就必須實現每個尺寸下畫面都是符合需求的，所以我會利...

luna0228 ‧ 2023-10-03

0 Like 0 留言 610 瀏覽

鐵人賽 Modern Web DAY 14

連我阿公都會-手把手教你架網站系列第 14 篇

技術【Day14】Javascript物件設計！我所知道的物件導向。

本篇，我們要提到的是程式語言中，非常重要的概念 —— 物件導向。聽著好像很複雜，其實我們現實生活都充滿了物件導向的概念。淺顯一點地解釋，便是把細小的東西以「物...

ttdragon0722 ‧ 2023-09-29 ‧團隊最強資工大電神

0 Like 0 留言 867 瀏覽

鐵人賽 Modern Web DAY 13

連我阿公都會-手把手教你架網站系列第 13 篇

技術【Day13】讓網頁動起來（3）使用GSAP設計動畫！

上網衝浪是現代人人具備的技能，您是否曾在某些商業網站看過一些炫酷異常的動畫？就拿Apple（台灣）的官網來舉例，隨便點選進入它們任意商品的頁面，往下滑動，便會有...

ttdragon0722 ‧ 2023-09-28 ‧團隊最強資工大電神

技術 [Day22] Python專案 - 網頁開發 - (1) 網頁工程師基本知識(設計網站的架構、套件管理、資料庫、API測試工具)

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

徵才 網頁委外設計代工

技術 Javascript 輕鬆獲得元素大小、位置的實用方法| getBoundingClientRect()

技術 網站設計達成目標轉換的關鍵因素及技巧

技術 打造SEO優化網站的起步秘訣：建置網站架構指南

技術 【Day29】Flask請求 & 表單實作

技術 【Day28】Flask基本架構

技術 【Day25】淺談 React.js（4）公共元件 & 頁面跳轉 Router

技術 【Day24】淺談 React.js（3）React useState & useEffect