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

1 Like 0 留言 367 瀏覽

鐵人賽 Modern Web DAY 1

30天全端：關於網站實作的聊聊系列第 1 篇

技術【DAY01】前言

前言第一次參加鐵人賽，一開始對於連續30天要寫文章有些些抗拒，擔心突然有事打斷進度。但轉念想想，缺點就是優點！換句話說就是連續30天我都要花時間去學習與思考全...

Bonnie1226 ‧ 2023-09-16 ‧團隊消波塊上的海洋貓貓

0 Like 0 留言 582 瀏覽

技術幫助自己上班的零件數量查詢器(6) - axios、建構子

連著兩篇都在記錄繼續製作小工具的必要知識，終於要繼續寫實際的程式了，超級開心。 axios 實現AJAX技術的程式，簡單的說就是可以非同步執行程式，詳細內容可...

走得歪七扭八的孩子 ‧ 2023-02-08

0 Like 0 留言 807 瀏覽

技術幫助自己上班的零件數量查詢器(5) - Js、Vue基本架構

Vue.js（/vjuː/，簡稱Vue）是一個用於建立使用者介面的開源MVVM前端JavaScript框架，也是一個建立單頁應用的Web應用框架。--維基百科...

走得歪七扭八的孩子 ‧ 2023-02-07

0 Like 0 留言 716 瀏覽

技術幫助自己上班的零件數量查詢器(4) - 在寫Js、Vue之前要知道的正規化

在開始寫網頁的動作之前必須要先規劃資料進來長甚麼樣子、要存甚麼樣子，雖然正規化是資料庫的設計方式，但是資料庫的樣式早就被前輩寫好，因此能控制的就只有拿到資料之...

走得歪七扭八的孩子 ‧ 2023-02-06

2 Like 0 留言 1034 瀏覽

技術幫助自己上班的零件數量查詢器(3) - CSS

在上篇已經完成了HTML也就是網頁的骨骼，接下來就是要使用CSS，像捏捏麵人一樣在骨骼上把肌肉黏上、衣服穿上、還要再化點妝、弄頭髮上髮膠、帶個耳環項鍊。...

走得歪七扭八的孩子 ‧ 2023-02-04

0 Like 1 留言 1431 瀏覽

技術幫助自己上班的零件數量查詢器(2) - 網頁骨骼 html

html造就構造、css填肉美化、javascript動作這樣類似的敘述再學習網頁的初期應該會常常看到，甚至會有很多類似的迷因。你是不是在想我怎麼不插個謎因，...

走得歪七扭八的孩子 ‧ 2023-02-03

0 Like 1 留言 1238 瀏覽

技術幫助自己上班的零件數量查詢器(1)-出發、需求與介面

本系列純粹為本人利用上班之餘，先利用figma設計介面，並使用幾種前端語言製作幫助上班效率的工具，語言包括html、css、javascript、Vue、sc...

走得歪七扭八的孩子 ‧ 2023-02-02

0 Like 1 留言 738 瀏覽

鐵人賽 Modern Web DAY 29

拾起 Canvas，人人都是大藝術家！系列第 29 篇

技術第 29 幅－ Canvas 集大成，人生大事邀請函（3）集滿分數，送出表單！

嗚嗚終於來到第 29 篇，真是歡天喜地！！先讓我們來看看這三天完整的練習串起來的樣子：雖然還是有點陽春，但至少可以派上用場了～～因為時間的關係加上專案規模不...

珊迪 ‧ 2022-10-14 ‧團隊斜槓排排隊

1 Like 1 留言 1310 瀏覽

鐵人賽 Modern Web DAY 27

擊敗前端面試大作戰！系列第 27 篇

技術 [擊敗前端面試大作戰]面試加分利器－－－side project

如果問我說，哪一項事情可以最大化的為面試加分，我會毫不猶豫的說 side project。我的分析是，常見的幫助面試加分的面向以前端來說有以下幾個: 必要的...

bywater529 ‧ 2022-10-11

0 Like 0 留言 952 瀏覽

鐵人賽自我挑戰組 DAY 30

Do you wanna play? CSS game ぎりぎり系列第 30 篇

技術 [Day 30] Iron 30 Dashboard: 鐵人参拾儀表板

今天是第30天 ~好的各位，我在前幾天的努力之下，做了個儀表板整合前面每天的作品 ~ 總共實作了27個作品其實整合儀表板的想法從一開始就有了XD，就是一個趕死線...

steventhibe ‧ 2022-10-07

0 Like 1 留言 1499 瀏覽

鐵人賽自我挑戰組 DAY 30

在30天利用HTML & CSS & JavaScript完成Side Project實作系列第 30 篇

技術 Day 30 Side Project : pokedex 精靈寶可夢圖鑑

超白話畫面和功能拆解背景顏色取決於寶可夢的類型 CSS手刻卡片排版每個卡片內包含寶可夢圖片、名稱、編號、背景顏色、類型，以上這些都要動態呈現運...

hannnahTW ‧ 2022-10-06

0 Like 0 留言 763 瀏覽

鐵人賽自我挑戰組 DAY 29

在30天利用HTML & CSS & JavaScript完成Side Project實作系列第 29 篇

技術 Day 29 Side Project : Notes App 備忘錄

今天要來做的是備忘錄，可以新增、修改以及刪除，並儲存在local storage中，畫面上錄不到重新整理的按鈕，不過若正確存放到 local storage...

hannnahTW ‧ 2022-10-05

0 Like 0 留言 1192 瀏覽

鐵人賽自我挑戰組 DAY 28

在30天利用HTML & CSS & JavaScript完成Side Project實作系列第 28 篇

技術 Day 28 Side Project : 3D Background Boxes 立體背景盒

當初在挑選主題的時候，覺得這個好酷，可以玩到 CSS 3D transform ヽ(✿ﾟ▽ﾟ)ノ事前準備一張gif圖檔超白話畫面和功能拆解按...

hannnahTW ‧ 2022-10-04

0 Like 1 留言 668 瀏覽

鐵人賽 Modern Web DAY 21

Have fun! 新手也能打造的Javascript微型專案系列第 21 篇

技術 Have fun! 新手也能打造的Javascript微型專案! Day21: 觀念跟語法老是忘記？那寫個flash-card程式來幫助自己記憶吧！(下)

tags: ItIron2022 Javascript 前言昨天我們完成了新增與展示卡片兩大核心功能，今天我們將完成最後的切換卡片功能，處理樣式的css都預先...

windate3411 ‧ 2022-10-04 ‧團隊桌遊玩樂團

0 Like 0 留言 600 瀏覽

鐵人賽 Modern Web DAY 20

Have fun! 新手也能打造的Javascript微型專案系列第 20 篇

技術 Have fun! 新手也能打造的Javascript微型專案! Day20: 觀念跟語法老是忘記？那寫個flash-card程式來幫助自己記憶吧！(中)

tags: ItIron2022 Javascript 前言昨天我們做好了基本的ui以及簡單帶過了翻卡的原理，今天我們就要慢慢的加入js邏輯讓整個頁面可以順利...

windate3411 ‧ 2022-10-03 ‧團隊桌遊玩樂團

0 Like 0 留言 849 瀏覽

鐵人賽自我挑戰組 DAY 27

在30天利用HTML & CSS & JavaScript完成Side Project實作系列第 27 篇

技術 Day 27 Side Project : Drawing App 畫畫面板

今天要來做的是畫畫面板，使用到HTML5的canvas這個元素超白話畫面和功能拆解有一個可以畫圖的畫布點選操控面板可以換色、調整粗細滑鼠左鍵按下就...

hannnahTW ‧ 2022-10-03

0 Like 0 留言 1235 瀏覽

鐵人賽 Modern Web DAY 30

從零開始學 - Side Project專題開發及切版實作技巧系列第 30 篇

技術 Day 30 - Side project 之路完結篇 (總結&心得)

Side project 之路完結篇 (總結&心得) 最後一談嗨，大家好 ! 我是阿蘇今天是Day 30 ，終於來到了完結篇(灑花)最近剛好瘋狂加...

阿蘇蘇 ‧ 2022-10-15 ‧團隊死線衝鋒 Deadline Squad

0 Like 0 留言 3338 瀏覽

鐵人賽 Modern Web DAY 29

從零開始學 - Side Project專題開發及切版實作技巧系列第 29 篇

技術 Day 29 - 專案開發完成 : GitHub 上傳你的作品

專案開發完成 : GitHub 上傳你的作品每日一談嗨，大家好 ! 我是阿蘇今天是Day29 ，倒數2天即將完賽啦，剩最後兩天跟大家打招呼了(笑前面我...

阿蘇蘇 ‧ 2022-10-14 ‧團隊死線衝鋒 Deadline Squad

0 Like 0 留言 1381 瀏覽

鐵人賽 Modern Web DAY 28

從零開始學 - Side Project專題開發及切版實作技巧系列第 28 篇

技術 Day 28 - 專案開發技巧篇(六) : 推薦實用套件

專案開發技巧篇(六) : 推薦實用套件每日一談嗨，大家好 ! 我是阿蘇今天是Day28 ，今天分享的是實用套件分享，我們可以在網路找到很多好用的套件，有很...

阿蘇蘇 ‧ 2022-10-13 ‧團隊死線衝鋒 Deadline Squad

0 Like 0 留言 1223 瀏覽

鐵人賽 Modern Web DAY 27

從零開始學 - Side Project專題開發及切版實作技巧系列第 27 篇

技術 Day 27 - 專案開發技巧篇(五) : Bootstrap 元件客製化

專案開發技巧篇(五) : Bootstrap 元件客製化每日一談嗨，大家好 ! 我是阿蘇今天是Day27 ，今天分享的是 Bootstrap 元件客製化教...

阿蘇蘇 ‧ 2022-10-12 ‧團隊死線衝鋒 Deadline Squad

0 Like 0 留言 1130 瀏覽

鐵人賽 Modern Web DAY 26

從零開始學 - Side Project專題開發及切版實作技巧系列第 26 篇

技術 Day 26 - 專案開發技巧篇(四) : Bootstrap 元件

專案開發技巧篇(四) : Bootstrap 元件每日一談嗨，大家好 ! 我是阿蘇今天是Day26 ，剩下最後倒數幾天，快要完結篇啦 !!今天分享的是...

阿蘇蘇 ‧ 2022-10-11 ‧團隊死線衝鋒 Deadline Squad

0 Like 0 留言 1011 瀏覽

鐵人賽 Modern Web DAY 25

從零開始學 - Side Project專題開發及切版實作技巧系列第 25 篇

技術 Day 25- 專案開發技巧篇(三) : Variable、Utilities

專案開發技巧篇(三) : Variable、Utilities 每日一談嗨，大家好 ! 我是阿蘇今天是Day25 ，在這篇會詳細說明 Variable、Ut...

阿蘇蘇 ‧ 2022-10-10 ‧團隊死線衝鋒 Deadline Squad

0 Like 0 留言 928 瀏覽

鐵人賽 Modern Web DAY 24

從零開始學 - Side Project專題開發及切版實作技巧系列第 24 篇

技術 Day 24 - 專案開發技巧篇(二) : Bootstrap 開發響應式網頁

專案開發技巧篇(二) : Bootstrap 開發響應式網頁每日一談嗨，大家好 ! 我是阿蘇今天是Day24 ，今天分享的是以 Boostrap 為核...

阿蘇蘇 ‧ 2022-10-09 ‧團隊死線衝鋒 Deadline Squad

0 Like 0 留言 1144 瀏覽

鐵人賽 Modern Web DAY 23

從零開始學 - Side Project專題開發及切版實作技巧系列第 23 篇

技術 Day 23 - 專案開發技巧篇(一) : 核心功能開發、開發順序

專案開發技巧篇(一) : 核心功能開發、開發順序每日一談嗨，大家好 ! 我是阿蘇今天是Day23 ，剩下最後幾天會分享 side project 個人開發...

阿蘇蘇 ‧ 2022-10-08 ‧團隊死線衝鋒 Deadline Squad

0 Like 0 留言 1121 瀏覽

鐵人賽 Modern Web DAY 19

Have fun! 新手也能打造的Javascript微型專案系列第 19 篇

技術 Have fun! 新手也能打造的Javascript微型專案! Day19: 觀念跟語法老是忘記？那寫個flash-card程式來幫助自己記憶吧！(上)

tags: ItIron2022 Javascript 前言要準備面試前總是需要複習各種基本概念，就像以前高中考試前背單字一樣，既然都是一樣的行為，那麼以前常...

windate3411 ‧ 2022-10-02 ‧團隊桌遊玩樂團

0 Like 0 留言 667 瀏覽

鐵人賽自我挑戰組 DAY 26

在30天利用HTML & CSS & JavaScript完成Side Project實作系列第 26 篇

技術 Day 26 Side Project : Testimonial Box Switcher 人物介紹(仿限時動態)

今天要來做的事人物的介紹，呈現形式有點類似限時動態，固定時間後會自行跳往下一則動態超白話畫面和功能拆解進度條會動態前進，紀錄目前跑的進度主體內容包含...

hannnahTW ‧ 2022-10-02

0 Like 0 留言 1295 瀏覽

鐵人賽 Modern Web DAY 22

從零開始學 - Side Project專題開發及切版實作技巧系列第 22 篇

技術 Day 22- 開發環境架設(三) : Bootstrap 自訂基礎樣式

開發環境架設(三) : Bootstrap 自訂基礎樣式每日一談嗨，大家好 ! 我是阿蘇今天是day22 ，今天分享開發環境架設第三篇，我們來教大家如何...

阿蘇蘇 ‧ 2022-10-07 ‧團隊死線衝鋒 Deadline Squad

0 Like 0 留言 1305 瀏覽

鐵人賽 Modern Web DAY 21

從零開始學 - Side Project專題開發及切版實作技巧系列第 21 篇

技術 Day 21 - 開發環境架設(二) : ejs版型管理、layout

開發環境架設(二) : ejs版型管理、layout 每日一談嗨，大家好 ! 我是阿蘇今天是Day21 ，今天分享開發環境架設第二篇，我們來分享架設時使用...

阿蘇蘇 ‧ 2022-10-06 ‧團隊死線衝鋒 Deadline Squad

0 Like 0 留言 507 瀏覽

鐵人賽 Modern Web DAY 18

Have fun! 新手也能打造的Javascript微型專案系列第 18 篇

技術 Have fun! 新手也能打造的Javascript微型專案! Day18: 總是心浮氣躁嗎？利用垂直置中技巧做個簡單的冥想頁面吧!

tags: ItIron2022 Javascript 前言最近開始迷上做佛系瑜伽，教學影片中其中都會穿插一些冥想的玩意，隨著導師的聲音深呼吸、吐氣，這樣的放...

windate3411 ‧ 2022-10-01 ‧團隊桌遊玩樂團

0 Like 1 留言 932 瀏覽

鐵人賽自我挑戰組 DAY 25

在30天利用HTML & CSS & JavaScript完成Side Project實作系列第 25 篇

技術 Day 25 Side Project : Quiz App 小測驗

今天要來做的是小測驗裝置 (ˉ▽￣～) 超白話畫面和功能拆解畫面上每個題目皆為單選題，每一頁只顯示一個測驗選好答案，，按下submit按鈕，就會自動跳到...

hannnahTW ‧ 2022-10-01

技術 【DAY01】前言

技術 幫助自己上班的零件數量查詢器(6) - axios、建構子

技術 幫助自己上班的零件數量查詢器(5) - Js、Vue基本架構

技術 幫助自己上班的零件數量查詢器(4) - 在寫Js、Vue之前要知道的正規化

技術 幫助自己上班的零件數量查詢器(3) - CSS

技術 幫助自己上班的零件數量查詢器(2) - 網頁骨骼 html

技術 幫助自己上班的零件數量查詢器(1)-出發、需求與介面

技術 第 29 幅 － Canvas 集大成，人生大事邀請函（3）集滿分數，送出表單！