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

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

讓人心動的 6 個 React Design Systems
Latest Post

讓人心動的 6 個 React Design Systems

By Debby・6月 8 2021・技術文章
隨著網頁技術發展,現在的網站可以做到許多事,除了購物外、還能開發各式的工具,例如你可以透過瀏覽器收發信件 (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 Apa yu) 前言 隨著網路技術的發展,前端應用已經是網頁開發不可或缺的一塊,隨手打開一個網站,隨處都可以看到互動元素,從大至首頁炫炮華麗的 JavaScript 特效,小到輸入資料出現的驗證訊息,甚至是早些年代最愛用的跑馬燈(不要問我什麼是跑馬燈),或是近幾年熱門的 Si......
開發不難,會 Debug 就好!如何靈活運用 Chrome DevTools 來開發網站

如何在 Rails 中使用 Arel SQL

By Lance・7月 21 2020・技術文章
如何在 Rails 中使用 Arel SQL
(Photo by Clio Labs on Medium) 本篇文章主要是在說明如何在 Rails 中 使用 `Arel` 來做資料查詢, 以及解釋為何要使用 Arel 來操作的原因 使用的開發環境設置如下: Rails: `6.0.3` Ruby: `2.7.1` Arel sql......
如何在 Rails 中使用 Arel SQL
前言 在軟體工作中,經常要對文字做處理,例如資料的搜尋、擷取並重組文字、驗證使用者輸入等等,遇到這類與字串有關的問題,依情況使用正規表達式可以免去很多處理上的麻煩,使程式碼更簡單好懂。 這篇文章將帶你用 15 分鐘的時間,透過 MDN文檔 與幾個常見的例子,帶你初步認識並使用這門技術,我們話不多......
十五分鐘認識正規表達式,解決所有文字難題

Tailwind 求上車 - 重構 React component

By おK・6月 30 2020・技術文章
Tailwind 求上車 - 重構 React component
React 是 Facebook 2013 年推出的 Javascript 的框架,這篇文章是針對 React component 的重構,對 React 就不多做介紹。Tailwind 是 2017 年正式發佈的 CSS 框架,提供一堆超基本的 class,例如:`fontbold`、`text......
Tailwind 求上車 - 重構 React component
......