iT邦幫忙

mobile web application development相關文章
共有 43 則文章
3 Like 0 留言 18086 瀏覽
鐵人賽 Modern Web DAY 4
你應該要知道的新一代Web技術---漸進式網頁(PWA) 系列 第 4 篇

技術 [Day04] Service Worker の 基礎介紹(Part1)

什麼是Service Worker？ 從一般普通的Javascript開始說，Javascript是在single thread上運行。這意味著，如果我們訪問一...

rehome ‧ 2019-09-18
0 Like 0 留言 12837 瀏覽

徵才 【毛小愛】徵軟體工程師！最有潛力的寵物科技新創！

隨著亞洲地區的共享產業崛起，毛小愛 Fluv 是一個由美國與台灣的連續創業家組成的寵物科技新創團隊，也在一年內就達到近30k用戶的目標並成為了當地最大的共享寵物...

amychen99999 ‧ 2021-04-28
0 Like 0 留言 12392 瀏覽

徵才 【毛小愛】徵資深軟體工程師！最有潛力的寵物科技新創！

隨著亞洲地區的共享產業崛起，毛小愛 Fluv 是一個由美國與台灣的連續創業家組成的寵物科技新創團隊，也在一年內就達到近30k用戶的目標並成為了當地最大的共享寵物...

amychen99999 ‧ 2021-04-28
1 Like 0 留言 12090 瀏覽
鐵人賽 Modern Web DAY 1
你應該要知道的新一代Web技術---漸進式網頁(PWA) 系列 第 1 篇

達標好文 技術 [Day01] 什麼是漸進式網頁應用(Progressive Web Application)

那個..到底什麼是漸進式網頁(PWA)？ 或許你可能已經有聽過這個名詞，但是很難去說出它真正的含意 QQ 其實我們一般會認為漸進式網頁應(PWA)只是一個術語，...

rehome ‧ 2019-09-15
3 Like 0 留言 10903 瀏覽
鐵人賽 Modern Web DAY 22
你應該要知道的新一代Web技術---漸進式網頁(PWA) 系列 第 22 篇

技術 [Day22] 實作PWA推播通知(Part1)

為何PWA需要推播通知(Push Notifications) 首先，只要用戶允許我們推播，當有新的貼文資訊時，我們就可以主動通知用戶。即使今天用戶關閉網頁或是...

rehome ‧ 2019-10-06
0 Like 0 留言 7458 瀏覽

活動 Best Mobile Web Application Development Companies In India

Web Application is software which runs on a web browser. Perhaps this is just th...

digitalprem ‧ 2018-11-19
2 Like 0 留言 7212 瀏覽
鐵人賽 Modern Web DAY 3
你應該要知道的新一代Web技術---漸進式網頁(PWA) 系列 第 3 篇

技術 [Day03] 再探Web App Manifest

現在我們可以在android模擬器上的chrome瀏覽器測試一下我們的網站，記得按下Add to home screen加入到手機螢幕上，可以發現我們在Mani...

rehome ‧ 2019-09-17
3 Like 0 留言 6694 瀏覽
鐵人賽 Modern Web DAY 7
你應該要知道的新一代Web技術---漸進式網頁(PWA) 系列 第 7 篇

技術 [Day07] 複習一下Jacvascript中的 Promise 和 Fetch(Part2)

Fetch API是目前較新版本的瀏覽器都有支援的javascript function，它允許我們透過HTTP Request來獲取外部資源，這其實跟Ajax...

rehome ‧ 2019-09-21
1 Like 0 留言 5287 瀏覽
鐵人賽 Modern Web DAY 2
你應該要知道的新一代Web技術---漸進式網頁(PWA) 系列 第 2 篇

技術 [Day02] 初探Web App Manifest

什麼是Web App Manifest？ Web App Manifest就是一個json文件，當browser載入文件後，可以幫助我們安裝Web到手機的螢幕上...

rehome ‧ 2019-09-16
2 Like 0 留言 5166 瀏覽
鐵人賽 Modern Web DAY 5
你應該要知道的新一代Web技術---漸進式網頁(PWA) 系列 第 5 篇

技術 [Day05] Service Worker の 基礎介紹(Part2)

來看看Service Worker怎麼監聽事件 我們可以在sw.js file裡，開始監聽一些比較基本的事件。 // 當service worker在「安裝階段...

rehome ‧ 2019-09-19
1 Like 0 留言 3844 瀏覽
鐵人賽 Modern Web DAY 6
你應該要知道的新一代Web技術---漸進式網頁(PWA) 系列 第 6 篇

技術 [Day06] 複習一下Jacvascript中的 Promise 和 Fetch(Part1)

在Service Woker中會用到大量的promise和Fetch API，所以這邊先來好好複習一下 JavaScript程式語言在設計時，需考量非同步、單...

rehome ‧ 2019-09-20
1 Like 0 留言 3840 瀏覽
鐵人賽 Modern Web DAY 23
你應該要知道的新一代Web技術---漸進式網頁(PWA) 系列 第 24 篇

技術 [Day24] 實作PWA推播通知(Part3)

VAPID Library是使用「非對稱式加密的方式」確保傳送推播訊息到瀏覽器供應商的push server是「來自我自己的server」。 也就是說它會產生一...

rehome ‧ 2019-10-09
1 Like 0 留言 3477 瀏覽
鐵人賽 Modern Web DAY 23
你應該要知道的新一代Web技術---漸進式網頁(PWA) 系列 第 23 篇

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

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

rehome ‧ 2019-10-07
1 Like 0 留言 3423 瀏覽
鐵人賽 Modern Web DAY 8
你應該要知道的新一代Web技術---漸進式網頁(PWA) 系列 第 8 篇

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

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

rehome ‧ 2019-09-22
1 Like 0 留言 3038 瀏覽
鐵人賽 Modern Web DAY 23
你應該要知道的新一代Web技術---漸進式網頁(PWA) 系列 第 28 篇

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

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

rehome ‧ 2019-10-14
1 Like 0 留言 2915 瀏覽
鐵人賽 Modern Web DAY 15
你應該要知道的新一代Web技術---漸進式網頁(PWA) 系列 第 15 篇

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

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

rehome ‧ 2019-09-29
1 Like 0 留言 2268 瀏覽
鐵人賽 Modern Web DAY 9
你應該要知道的新一代Web技術---漸進式網頁(PWA) 系列 第 9 篇

技術 [Day09] 在Service Worker中實作Caching(Part2)

接續昨天的進度，我們已經pre-cache app.js這個檔案了，但是我們監聽fetch event時還時直接回應從網路fetch回來的結果，沒有從cache...

rehome ‧ 2019-09-23
0 Like 0 留言 2251 瀏覽
鐵人賽 AI & Data DAY 26
AI Facial Expression Recognition: Data, Model, Application 系列 第 26 篇

技術 [Day 26] Android Studio 七日隕石開發：噓! 我正在監聽這個元件

前言 昨天我們設計好UI介面後，我們有一堆按鈕和文字框的"元件"，要讓這些元件活起來，我們必須"綁定"元件，將元件與Ko...

佑佑來了 ‧ 2021-10-11
1 Like 0 留言 2082 瀏覽
鐵人賽 Modern Web DAY 23
你應該要知道的新一代Web技術---漸進式網頁(PWA) 系列 第 29 篇

技術 [Day29] 自動化管理Service Worker(Part2)

繼續昨天「針對不同的URL來路由(Routing)到對應的cache策略」，這裡我要將兩種不同的URL分別存入獨立的sub-cache中。第一個為materia...

rehome ‧ 2019-10-14
1 Like 0 留言 2035 瀏覽
鐵人賽 Modern Web DAY 21
你應該要知道的新一代Web技術---漸進式網頁(PWA) 系列 第 21 篇

技術 [Day21] 了解PWA中的背景同步(Part3)

目前我的整個漸進式網站(PWA)是使用「http-server」這個node package來運行的，不過這也僅在開發階段可行而已。之後為了讓其他用戶也能使用，...

rehome ‧ 2019-10-05
1 Like 0 留言 1999 瀏覽
鐵人賽 Modern Web DAY 10
你應該要知道的新一代Web技術---漸進式網頁(PWA) 系列 第 10 篇

技術 [Day10] 在Service Worker中實作Caching(Part3)

來開始實作Dynamic Caching吧 到目前為止，我們已經在在install階段中實現了pre-cache靜態資源，現在讓我們也來實作Dynamic C...

rehome ‧ 2019-09-24
0 Like 0 留言 1958 瀏覽
鐵人賽 AI & Data DAY 25
AI Facial Expression Recognition: Data, Model, Application 系列 第 25 篇

技術 [Day 25] Android Studio 七日隕石開發：一起來布局 App 介面!

前言 昨天我們成功的運行了自己做的App。但我們還有2個步驟要做： 布局App元件 實作App功能 User Research (with/by mysel...

佑佑來了 ‧ 2021-10-10
1 Like 0 留言 1888 瀏覽
鐵人賽 Modern Web DAY 12
你應該要知道的新一代Web技術---漸進式網頁(PWA) 系列 第 12 篇

技術 [Day12] Service Worker進階Caching實作(Part2)

Cache then Network Strategies 這個策略算是目前應用場景最為廣泛的。主要目的就是能「從cache中盡快的獲得用戶所需要的資源」，並且...

rehome ‧ 2019-09-26
1 Like 0 留言 1792 瀏覽
鐵人賽 Modern Web DAY 17
你應該要知道的新一代Web技術---漸進式網頁(PWA) 系列 第 17 篇

技術 [Day17] PWA中不可或缺的響應式網頁設計(Part1)

漸進式網頁(PWA)的其中一個目標就是讓網頁「感覺起來」像是手機原生的APP。所以在網頁的設計上必須得適應不同的手機裝置，這種設計方式我們就把它稱之為「響應式網...

rehome ‧ 2019-10-01
1 Like 0 留言 1751 瀏覽
鐵人賽 Modern Web DAY 19
你應該要知道的新一代Web技術---漸進式網頁(PWA) 系列 第 19 篇

技術 [Day19] 了解PWA中的背景同步(Part1)

什麼是背景同步(Background Sync) 簡單來說，就是當用戶沒有網路連線時，背景同步就會將數據發送到server。 這裡有一點非常重要，在servi...

rehome ‧ 2019-10-03
0 Like 0 留言 1720 瀏覽
鐵人賽 AI & Data DAY 27
AI Facial Expression Recognition: Data, Model, Application 系列 第 27 篇

技術 [Day 27] Android Studio 七日隕石開發：又到了開啟相簿的季節

前言 昨天我們成功開啟相機並且回傳相片，但我還沒設定要回傳到哪，今天我一樣要在不設定回傳到哪的情況下(有夠不負責任的啦!)，先來實現開啟相簿的功能。 昨天:開...

佑佑來了 ‧ 2021-10-12
1 Like 0 留言 1711 瀏覽
鐵人賽 Modern Web DAY 11
你應該要知道的新一代Web技術---漸進式網頁(PWA) 系列 第 11 篇

技術 [Day11] Service Worker進階Caching實作(Part1)

如果今天用戶沒有拜訪過某個頁面(舉例來說我的PWA中help.html)，那麼在網路離線時，我們之前所做的dynamic caching是無法fetch到這個資...

rehome ‧ 2019-09-25
1 Like 1 留言 1660 瀏覽
鐵人賽 Modern Web DAY 23
你應該要知道的新一代Web技術---漸進式網頁(PWA) 系列 第 25 篇

技術 [Day25] 了解Media API和Geolocation API(Part1)

終於要來開始實作存取「裝置的媒體」和「地理位置」的功能。 當用戶要發佈貼文時，應該要開啟裝置的攝像鏡頭並將畫面顯示在PWA的表單中，當用戶按下拍照鍵時即完成影像...

rehome ‧ 2019-10-09
3 Like 1 留言 1657 瀏覽
鐵人賽 Mobile Development DAY 1
Flutter 從零開始，Android、iOS一次搞定。 系列 第 1 篇

技術 [Day 1] 介紹與前言

前言 為何會投入這個肯呢？原因是我本是學前端的部分，但我覺得前端做了一陣子了想碰碰些新的東西，以前有試著嘗試過React-Native，當時因為一些原因而放棄了...

kevinypfan ‧ 2019-09-02
1 Like 0 留言 1615 瀏覽
鐵人賽 Modern Web DAY 14
你應該要知道的新一代Web技術---漸進式網頁(PWA) 系列 第 14 篇

技術 [Day14] 使用indexedDB暫存Dynamic Data(Part1)

先來為我的PWA建立一個後台資料庫吧 我目前對於用戶的貼文，是先去request一個假的Restful API Endpoint，再用createCard()...

rehome ‧ 2019-09-28
iThome鐵人賽
參賽組數
1064 組
團體組數
40 組
累計文章數
22200 篇
完賽人數
602 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙