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

0 Like 0 留言 4447 瀏覽

鐵人賽 Modern Web DAY 26

到底要怎麼開始開發網站? --- 從入門到使用Vue, Firebase製作老闆交代的網站系列第 26 篇

技術【D26 - 用Vue實作網頁】從firebase拿資料~ 深入了解database

原本昨天講到vuex, 今天應該帶各位實作一下vuex，但是我時在我們專案有甚麼地方可以用到vuex!XD 所以今天還是來講講firebase裡面的data結...

ryanyen2 ‧ 2020-09-26

1 Like 0 留言 4439 瀏覽

鐵人賽 Modern Web DAY 1

Go into Web！系列第 1 篇

技術 Day1 | 萬事起頭難

參賽動機 Hi 大家好！我是阿翔，本次是我第一次參賽，主要的目的是要逼自己整理好以往學習開發的一些好用的工具、開發方法與經驗，剛好最近工作有使用到 Golang...

阿翔 ‧ 2020-09-01

0 Like 0 留言 4409 瀏覽

鐵人賽 Modern Web DAY 26

ML X 友廷等公車系列第 26 篇

技術 Day 26 FB Login/Logout

前言想做個加入我的最愛路線，首先需要辨別身份(唯一key,id)，對照資料庫有無紀錄(是否為會員/有無最愛清單...)，這時候，就需要登入來幫忙，而登入登...

阿瑜 ‧ 2019-09-27

1 Like 0 留言 4364 瀏覽

鐵人賽 Modern Web DAY 23

你應該要知道的新一代Web技術---漸進式網頁(PWA) 系列第 23 篇

技術 [Day23] 實作PWA推播通知(Part2)

昨天在實作「顯示通知」時，除了設定body這個option之外，其實還有很多其他選項可以設定 (不過這裡要先說這些額外的設定不一定每個browser都有支援QQ...

rehome ‧ 2019-10-07

0 Like 0 留言 4301 瀏覽

技術 [筆記] React 如何使用 Redux-Observable：副線打怪一下(1)

題外話一下XD最近的武漢肺炎實在是太猖狂了在今天早上得知中國竟然連北京都淪陷了，進而封城了，這武漢肺炎真的是很母湯！！(中國北京封城)因為武漢肺炎的關係，全台掀...

yaling_0616 ‧ 2020-02-10

0 Like 0 留言 4296 瀏覽

鐵人賽 Modern Web DAY 9

來自 GAS 的香氣～跟鳳黃酥一起享受 Google Apps Script 的午茶時光系列第 9 篇

技術 Day 9— 物品借用紀錄系統 (1) 基礎建構

今天我們要來製作新的專題：物品借用紀錄微服務！在學校，尤其是行政處室，最常出現的狀況應該就是「借物」這件事情。不過我想應該各種單位應該都是啦～畢竟資源有限嘛...

鳳黃酥 ‧ 2021-09-24

1 Like 0 留言 4276 瀏覽

鐵人賽 Python DAY 23

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

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

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

科技狗(柯基狗) ‧ 2024-10-07

0 Like 0 留言 4266 瀏覽

鐵人賽 Modern Web DAY 9

Follow me! 來一場前端技能樹之旅系列第 9 篇

技術 [Day 09 - JS] 網頁第三大核心技術 — Javascript

What is Javascript？JavaScript （簡稱 JS）是一種直譯式(Interpreter) 程式語言，程式碼會由上到下立即執行，它與HT...

May ‧ 2021-09-22

1 Like 0 留言 4219 瀏覽

鐵人賽 Modern Web DAY 13

30天從零撰寫 Kotlin 語言並應用於 Spring Boot 開發系列第 13 篇

技術 [Day 13] 遠征 Kotlin × 建置 Spring Boot 專案

編輯器環境說明接下來，這篇文章將帶大家建置 Spring Boot 專案，本系列文章使用的編輯器為 Intellij ，但因為使用的 intellij 為 u...

Devin ‧ 2020-09-22 ‧團隊Kotlin 鐵人陣

0 Like 0 留言 4214 瀏覽

鐵人賽 Modern Web DAY 7

用React刻自己的投資Dashboard 系列第 7 篇

技術用React刻自己的投資Dashboard Day7 - CORS與Proxy Server

tags: 2021鐵人賽 React 上一篇在串接API的時候有遇到一個前端蠻常見的問題，跨來源資源共用(CORS)被阻擋，錯誤代碼如下：打開瀏覽器的con...

Sean Liu ‧ 2021-09-22

1 Like 0 留言 4196 瀏覽

鐵人賽 Modern Web DAY 29

到底要怎麼開始開發網站? --- 從入門到使用Vue, Firebase製作老闆交代的網站系列第 29 篇

技術【D29 - 用Vue實作網頁】佈署你的專案，分享給朋友你的第一個網站!!

今天是距離完賽倒數一天了，我們也準備要把我們之前三十天努力的心血deploy到網路上!! 前言我們每當做了一個網站，如果你希望大家可以使用到你的網站的話，...

ryanyen2 ‧ 2020-09-29

0 Like 0 留言 4159 瀏覽

鐵人賽 Modern Web DAY 21

用React刻自己的投資Dashboard 系列第 21 篇

技術用React刻自己的投資Dashboard Day21 - 介紹Finmind API

tags: 2021鐵人賽 React 接下來幾篇都會串接Finmind這個開源API，本篇就先來理解一下Finmind有哪些資料可以使用。看了一下官方網站的資...

Sean Liu ‧ 2021-10-06

1 Like 0 留言 4152 瀏覽

鐵人賽 Modern Web DAY 15

你應該要知道的新一代Web技術---漸進式網頁(PWA) 系列第 15 篇

技術 [Day15] 使用indexedDB暫存Dynamic Data(Part2)

什麼是 IndexedDB ? 前面已經有提到indexedDB是一個在browser運行的Database，這裡我列出幾項主要的特性： IndexedDB儲...

rehome ‧ 2019-09-29

2 Like 0 留言 4073 瀏覽

鐵人賽自我挑戰組 DAY 26

破釜沉舟的轉職路-37歲從0開始成為一個軟體工程師系列第 26 篇

技術如何利用 Sass 的 @mixin 功能，讓撰寫 RWD 網站變的輕而易舉

在我們介紹 RWD 時，知道撰寫一個 RWD 網站必須要在撰寫 CSS 的時候加入 Media query，但是常會很困擾的是，到底要把 Media query...

Alec ‧ 2019-10-04

2 Like 0 留言 4024 瀏覽

鐵人賽 Modern Web DAY 25

今晚，我想來點 Web 前端效能優化大補帖！系列第 25 篇

技術 Day25 X ESR: Rendering On The Edge

基本上 CDN 是現在的 Web 應用不可或缺的技術，當對被 CDN 加速過的域名發出請求時，CDN 會自動將 request 導到地理位置離使用者較近或是流...

莫力全 Kyle Mo ‧ 2021-10-10 ‧團隊StarBugs 星巴哥技術週刊

0 Like 0 留言 4003 瀏覽

鐵人賽 Modern Web DAY 1

前端新框架學習挑戰:solidjs 逼近原生的效能體驗統御前端框架極限系列第 4 篇

技術 Day04: 那些 solidjs 帶給我們的方法(一)

前言在 Day03 了解怎麼建立自己的最簡單的 component 後，我們開始深入了解如何使用 solidjs 這框架帶給我們的基礎方法， createSi...

MichaelHo ‧ 2022-09-20

1 Like 1 留言 3864 瀏覽

鐵人賽 Modern Web DAY 12

Spring Boot... 深不可測系列第 12 篇

技術 Day 11 - Web Security Config

今日目標，設置 web security。 Security 我們需要對網站做一些權限管理，包含登入等行為，就需要先設置 web security config...

mark0613 ‧ 2022-09-27 ‧團隊那團名要叫什麼？

0 Like 0 留言 3859 瀏覽

鐵人賽 Modern Web DAY 14

Spring Boot... 深不可測系列第 14 篇

技術 Day 13 - 頁面模板 Thymeleaf Page Layout

今日目標，在頁面檢驗登入、使用 Thymeleaf Page Layout 作為模板，建構網頁。在前端檢驗登入狀態雖然昨天我們在後端的部分檢驗登入狀態，避免...

mark0613 ‧ 2022-09-29 ‧團隊那團名要叫什麼？

3 Like 0 留言 3809 瀏覽

鐵人賽自我挑戰組 DAY 8

破釜沉舟的轉職路-37歲從0開始成為一個軟體工程師系列第 8 篇

技術今天我來說說什麼是Box-Model

上一篇文章我們已經簡單說明了如何在 HTML 文件加上 CSS 內容，也說明了如何用選擇器方式選擇了對的 HTML 標籤，還記得我們在 Day.6 提到的&l...

Alec ‧ 2019-09-16

1 Like 0 留言 3797 瀏覽

鐵人賽 Modern Web DAY 23

你應該要知道的新一代Web技術---漸進式網頁(PWA) 系列第 28 篇

技術 [Day28] 自動化管理Service Worker(Part1)

之前在service worker中寫了這麼多cache strategies、background sync等等的程式碼，但是隨著我們開發的專案越來越大、檔案...

rehome ‧ 2019-10-14

1 Like 0 留言 3778 瀏覽

鐵人賽 Modern Web DAY 8

你應該要知道的新一代Web技術---漸進式網頁(PWA) 系列第 8 篇

技術 [Day08] 在Service Worker中實作Caching(Part1)

為什麼我們的PWA需要Caching？這邊我舉幾個實際可能發生的例子：想一想如果今天我們的網站有大量用戶湧入時。用戶可能會在「網路連線不良」的情形下，仍然...

rehome ‧ 2019-09-22

2 Like 0 留言 3769 瀏覽

鐵人賽自我挑戰組 DAY 22

破釜沉舟的轉職路-37歲從0開始成為一個軟體工程師系列第 22 篇

技術 CSS 的預處理器 Sass

連續的從 HTML 到 CSS 然後到 RWD，現在我們要來到了 Sass了，Sass 是 CSS 的預處理器，顧名思義它的功能就是可以「預先處理」CSS，讓我...

Alec ‧ 2019-09-30

0 Like 0 留言 3758 瀏覽

鐵人賽 Modern Web DAY 12

用React刻自己的投資Dashboard 系列第 12 篇

技術用React刻自己的投資Dashboard Day12 - 下拉式選單篩選功能

tags: 2021鐵人賽 React 還記得這個網站有篩選圖表的功能嗎？當初畫wireframe的時候考量到未來圖表可能會越來越多，因此規劃了下拉式選單來做篩...

Sean Liu ‧ 2021-09-27

5 Like 0 留言 3697 瀏覽

鐵人賽自我挑戰組 DAY 5

破釜沉舟的轉職路-37歲從0開始成為一個軟體工程師系列第 5 篇

技術所以我下定決心要成為軟體工程師了嗎？

前情提要：我怎麼開始這一切還記得我在之前的文章提到的(若沒看過的可以先回去看就知道了)，在我正式開始上六角學院的 HTML、CSS 課程時，其實都還不清楚自...

Alec ‧ 2019-09-13

0 Like 0 留言 3684 瀏覽

鐵人賽 Modern Web DAY 16

Spring Boot... 深不可測系列第 16 篇

技術 Day 15 - WebSocket Config

今日目標，配置 WebSocket 設定。既然昨天介紹了 WebSocket 的相關背景知識，那今天當然就是寫 WebSocket 相關的程式了，首先要設定 W...

mark0613 ‧ 2022-10-01 ‧團隊那團名要叫什麼？

0 Like 0 留言 3667 瀏覽

鐵人賽 Modern Web DAY 13

React.js 從【0】到【1】推坑計畫系列第 13 篇

技術【Day 13】Conditional Rendering

大家好，經過兩篇 style 的介紹，今天總算要回到處理邏輯的部分了。一般在開發應用時，常常會需要根據特定 condition 做邏輯判斷，除了一般我們熟知的...

莫力全 Kyle Mo ‧ 2019-09-17

0 Like 1 留言 3617 瀏覽

鐵人賽 Modern Web DAY 10

用React刻自己的投資Dashboard 系列第 10 篇

技術用React刻自己的投資Dashboard Day10 - 用useCallback hook幫你記住函式

tags: 2021鐵人賽 React 在Day9說明了useEffect的用法，不過其實當Card.js渲染時，會發現console有錯誤訊息如下： src...

Sean Liu ‧ 2021-09-25

7 Like 0 留言 3577 瀏覽

鐵人賽 Modern Web

從零開始打造網頁遊戲－造輪子你也辦的到！系列第 31 篇

技術鐵人賽後感言 - 趣聞分享、30天回顧、四大收穫、Canvas遊戲後續發展

本次鐵人賽的作品，你玩過了嗎? 先分享一件趣聞在我上禮拜完成這個音樂遊戲後，我將它分享給了一些人看，包括我的印度室友，沒想到他深有感觸，在凌晨5點的時候...

jerrythepotato ‧ 2021-10-17

2 Like 2 留言 3492 瀏覽

鐵人賽 Modern Web DAY 22

今晚，我想來點 Web 前端效能優化大補帖！系列第 22 篇

技術 Day22 X Web Workers

身為前端開發者，整日與 JavaScript 這門程式語言打交道，應該都知道它是一個 single-threaded 的程式語言，剛開始會覺得有點詫異，現在的...

莫力全 Kyle Mo ‧ 2021-10-07 ‧團隊StarBugs 星巴哥技術週刊

0 Like 0 留言 3468 瀏覽

鐵人賽 Modern Web DAY 7

Spring Boot... 深不可測系列第 7 篇

技術 Day 06 - 資料庫

今日目標，安裝資料庫、設定資料庫連線資訊、建立 Model。資料庫小弟我本來就有 XAMPP 所以資料庫就用 XAMPP 的 MySQL，如果你比較習慣 M...

mark0613 ‧ 2022-09-22 ‧團隊那團名要叫什麼？

技術 【D26 - 用Vue實作網頁】從firebase拿資料~ 深入了解database