五倍紅寶石・專業程式教育

五倍紅寶石 ・專業程式教育機構

從模組化帶你認識 Webpack
Latest Post

從模組化帶你認識 Webpack

By William・7月 20 2021・技術文章

認識瀏覽器的神秘儲存空間 - localStorage

By 哲昱・7月 5 2021・技術文章
認識瀏覽器的神秘儲存空間 - localStorage
前言 在瀏覽網站的時候,可以根據我們的喜好更換版面,即使重新整理或關閉瀏覽器後,再度開啟該網站時,設定居然都還存在!或者是購物網站,將物品加入購物車,但沒有結帳就關掉瀏覽器,過了很久之後,再次去買東西,購物車裡的物品也都還在,究竟是為什麼呢?其實透過後端做存取就可以解決這個問題了,但瀏覽器也有個......
認識瀏覽器的神秘儲存空間 - localStorage

用 Rails 串接藍新金流一點都不難!

By Yuchan・6月 25 2021・技術文章
用 Rails 串接藍新金流一點都不難!
線上購物已成為目前消費行為的主流趨勢,而商家為了擁有更多元的付款方式以及方便對帳及退款的後台管理,通常就會仰賴第三方金流服務。 目前台灣主流的金流商為綠界科技、紅陽科技及藍新科技,三者提供的付款功能除了基本的信用卡收退款外也都各自有不同的服務,因此商家可以根據自己的商業需求來決定金流商。 本篇......
用 Rails 串接藍新金流一點都不難!

讓人心動的 6 個 React Design Systems

By Debby・6月 8 2021・技術文章
讓人心動的 6 個 React Design Systems
在前端切版時應該會很常遇到 UI Component 的困難,像是 Component 命名、撰寫方式、可擴充、可共用性等問題。 我雖然不是準 React 工程師,單純因為工作關係接觸了 Next.js 、 Tailwind CSS ,就此愛上這種以資料驅動樣式改變、建立組織、 Component......
讓人心動的 6 個 React Design Systems
隨著網頁技術發展,現在的網站可以做到許多事,除了購物外、還能開發各式的工具,例如你可以透過瀏覽器收發信件 (Gmail) 、存取檔案 (Dropbox)、輕鬆的看電影(Netflix)、專案管理 (Trello)、線上會議 (Google Meet) 等;那麼要如何開始著手撰寫網站呢? 你需要先知......
網站開發新手必知 - 什麼是 HTML / CSS / JavaScript ?

你今天 Promise 了嗎?

By 哲昱・5月 5 2021・技術文章
你今天 Promise 了嗎?
Photo by Kun Fotografi from Pexels 前言 近期跟學員們介紹如何使用 Fetch API 串接資料時,發現同學對於回傳的 Promise 物件似乎有很大的疑惑。藉此來介紹何謂 Promise,也收集了一些同學們的常見問題來展開初探 Promise 之旅。 何......
你今天 Promise 了嗎?

網頁設計師的六個實用小工具分享

By Debby・4月 21 2021・技術文章
網頁設計師的六個實用小工具分享
Photo by Alexandru Acea on Unsplash 筆者身為網頁設計師一半設計師、一半工程師,蠻多時候會花時間在設計稿與 CSS 樣式調整,以下我將分享工作中常用的小工具網站,減少設計稿和網頁切版的落差。 如果你有推薦的工具也歡迎來信和我交流 😉 話不多說,正文開始! ......
網頁設計師的六個實用小工具分享
大家是否有在使用瀏覽器『擴充套件』呢?筆者已經使用 uBlock 這款開源的廣告阻擋器多年囉,但是一直以來都不知道瀏覽器擴充套件是如何製作以及其可取用的 API 為何,前陣子花了點時間研究一下,才發現在 Chrome/Chromium 上開發擴充套件竟然是如此的簡單,而且可取用的 API 跟在 W......
PTT 新貼文提醒、單字蒐集 Chrome 擴充套件?一同窺探有哪些強大的 API 可以使用
(Photo by Markus Winkler on Unsplash) Google 在今年5月28日發表了一篇關於提升網站使用體驗為的部落格文章,公布新的搜尋引擎排名指標 Core Web Vitals,以三個使用者體驗導向的指標所組成,分別為: Largest Contentful P......
2021 行銷人與開發者都要懂的 SEO Core Web Vital
......