iT邦幫忙

modern web相關文章
共有 399 則文章
鐵人賽 Modern Web DAY 18

技術 [Day18] SQL 關聯語句 - join

2022 Medium 新版傳送門 SQL 關聯語句 - join(Left, inner…) 今天筆者要討論的東西是 join 這個詞句,join 這個詞的...

鐵人賽 Modern Web DAY 5
Go into Web! 系列 第 5

技術 Day5 | Gin - 好用的 web framework

昨天簡單介紹了如何利用 net/http 加上 html/template 這兩個 package 建立一個簡單的網站,但是在開發一個網站不是只有這麼簡單的事情...

鐵人賽 Modern Web DAY 2

技術 [Day2] 語言的選擇與比較( 2 )

2022 Medium 新版傳送門 語言的選擇與比較( 2 ) 第二天,我會介紹一些市佔率『總體』較低,但許多新創產業,以及國外也很常使用的網站程式語言,他們並...

鐵人賽 自我挑戰組 DAY 9

技術 今天我們用 CSS 來排版吧

在正式開始之前,要先說兩件很重要的事,CSS RESET 和 {margin: 0 auto}。 CSS RESET 我們先來講關於 CSS RESET,目前...

鐵人賽 Modern Web DAY 4

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

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

技術 初探前端三劍客之一 - JavaScript 大神(變數、console.log() 與 textContent)

★首先這篇文章適合以下背景的人閱讀: 熟悉 HTML、CSS 正要開始一腳踏進 JavaScript 的初學者 今天我們要開始進入 JavaScript...

鐵人賽 Modern Web DAY 4
Go into Web! 系列 第 4

技術 Day4 | 無痛使用 Golang 打造屬於自己的網頁

前兩天已經介紹過基本的 Web 知識與安裝好相關環境了,接下來我們就使用 golang 原生提供的 net/http package 來建立一個簡單的網頁吧!...

鐵人賽 Modern Web DAY 1

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

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

鐵人賽 Modern Web DAY 4

技術 [Day 04] Message Queue - (1)

上個觀念 IOC 強調程式碼的品質,第二個觀念 message queue 強調的則是 “訊息的溝通”。 接下來會利用三篇文章的篇幅講解 message que...

鐵人賽 Modern Web DAY 22

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

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

鐵人賽 Modern Web DAY 24

技術 【D24 - 用Vue實作網頁】一天搞定登入+註冊+登出

昨天我們提到了Firebase 的Authentication~ 今天就會純coding,帶大家走過一遍完整的登入到登出流程! 前言 今天會比較多codin...

鐵人賽 Modern Web DAY 14

技術 [Day 14 - 小試身手] 用HTML、CSS、JS打造個人網站 (1)

所有的網站大概可以分成兩類:靜態網頁、動態網頁,靜態網頁顧名思義就是靜止的網頁,不會去太頻繁的更新內容;動態網頁則是會根據使用者的輸入而有不同的內容更新,包含的...

鐵人賽 自我挑戰組 DAY 10

技術 CSS 的絕對定位與相對定位

嗨~大家今天過得好嗎?(揮手) 上一篇我們好不容易說明完了用float及clear的排版方式了,所以我們現在知道了可以用 CSS RESET 來去除瀏覽器默認...

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

為何要使用Redux-Observable? 首先,一開始我們都知道redux跟react搭配的很好,redux扮演著資料倉儲的角色,但是許多的side eff...

鐵人賽 自我挑戰組 DAY 3

技術 我怎麼開始這一切

很快的,在結束了挫敗感重重的 Python 課程後,我仍積極地尋找接下來該怎麼辦,在網路上翻來覆去的我找到了一篇 CakeResume 的文章想轉職成為工程師...

鐵人賽 Modern Web DAY 6

技術 [Day 06] Message Queue - (3) 程式範例

這是 message queue 系列文第三篇,以下附上前兩篇連結 讓任務排隊吧:Message Queue — (1)讓任務排隊吧:Message Queue...

鐵人賽 Modern Web DAY 3
Go into Web! 系列 第 3

技術 Day3 | Web 基礎原理介紹

在真正開始進入 web 開發之前,我們必須要好好的理解 web 會用到的名詞與其運作原理,這樣在開發時才不會不清楚自己在做什麼,至於今天要說什麼呢,就讓我們繼續...

鐵人賽 Modern Web DAY 14

技術 [Day14] 演算法

2022 Medium 新版傳送門 演算法 演算法,應該是現在學 CS 最潮、最常被提到的詞,那演算法到底是什麼呢?用白話文說起來,就是指『設定一套解決一個問題...

鐵人賽 Modern Web DAY 3

技術 [Day03] 再探Web App Manifest

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

達標好文 技術 領進前端門,修行在個人:一變應萬變的響應式網頁設計(2) - 常見版型佈局設定

禁止顯示x軸法則 在開發響應式網頁時最切記的就是不能出現x軸,為什麼呢?當使用者瀏覽時,若畫面有x軸也有y軸時,使用者必須上下左右滑動去瀏覽,這樣對於使用者體驗...

鐵人賽 Modern Web DAY 7

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

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

鐵人賽 自我挑戰組 DAY 11

技術 CSS 的 LOGO 圖片隱藏標題與選單並排

之前我們都在講關於排版的東西,現在我們要開始講網站的內容囉,由上至下,我們先從.header開始講起,不管甚麼類型的網站,尤其是商業網站,一定都會有一個 lo...

鐵人賽 自我挑戰組 DAY 2

技術 這一切是怎麼開始的?我怎麼跑去學了 Python

在即將離開公司的前一個月左右,我在 Facebook 上看到一個廣告跳出來,是五倍紅寶石的 ASTRO 全端工程師實戰訓練營,這是我第一次看到「全端工程師」(...

鐵人賽 Modern Web DAY 1

技術 [Day 01] 前言

大家好,我是來自臺北教育大學玩遊所的碩士生 May,在大學接觸到如何寫網頁後,就毅然踏入了前端這個大坑。 我想學前端,從哪裡開始?然後呢? 變幻莫測的前端技術好...

鐵人賽 Modern Web DAY 17

技術 Day17 X 初探快取 & HTTP Caching

今天即將進入 Caching & Networking 章節的第一天,快取,是一個非常重要的技術,不論是前端還是後端,甚至是再更底層的系統開發,都ㄧ定...

鐵人賽 Modern Web DAY 2

技術 [Day 02] IOC 控制反轉 & DI 依賴注入 - (1)

第一個主題先來暖暖身子,要講的不是一個 backend 專屬的技術或概念,更像是屬於寫出優質程式碼的一種方法或者說模式,畢竟不管是前端後端,或是任何領域的工程師...

技術 JavaScript 的 if 條件

運算子 要來正式介紹 if 條件式之前,必須要先來介紹運算子,因為 if 條件式內的條件會由運算子來進行比較與運算。 比較運算子 == 與 != 僅單純比...

鐵人賽 Modern Web DAY 1

技術 [Day 01] 系列文動機與大綱

Hi!各位鐵人賽讀者好,我是 Kyle,也可以叫我老莫,這是我第二次參加鐵人賽,去年的參賽主題為 React 從 0 到 1 推坑計畫,最後幸運完賽,希望今年也...

技術 [筆記] React 如何使用 Redux-Observable 及 Google Map Api:副線打怪一下(3) - Finish

口罩即時查 先附上作品網址及成果展示:口罩即時查 功能(電腦、平板、手機皆可觀看) 電腦版 ᴘᴄ平板 ᴛ手機版 ᴍ 定位 - 在地圖上顯示目前位置 ᴘᴄ 藥局...

鐵人賽 Modern Web DAY 3

技術 [Day 03] IOC 控制反轉 & DI 依賴注入 - (2)

上回說明了 IOC 與 DI 的概念與基本實作方式,並在文末提及每次都自行實作依賴注入當 codebase 一大成本也會相當高,因此能不能有一個統一的介面來實做...