每週二 YT 直播 Q&A（可 Discord Call-in）
YT：https://www.youtube.com/@codelove_tw
DC：https://discord.gg/fvCF2whZ9D

⭐️ Shopify 接案服務（給品牌）
https://job.turn.tw/shopify-services

⭐️ Shopify 技術教練（給工程師）
https://job.turn.tw/developer-coaching

⭐️ 台灣 Shopify 開發者 LINE 群（非官方）
https://line.me/ti/g2/YUasX5K3CJ4QdIx76zppjHlh3-q8w-xkSyK1LA
登入次數：934 次
註冊於2022年11月28日
  發表了 508 篇貼文
  新增了 1,236 則留言
  貼文共 948,643 次瀏覽
全部留言
Git 入門上手教材：第4課 ── 學會 git 重置指令

很棒！就是這樣！順利完成！

Git 入門上手教材：第3課 ── 學會 git 版本切換

很棒！就是這樣！順利完成！

Git 入門上手教材：第2課 ── 學會 git 基本指令

很棒！就是這樣！順利完成！ --- 寫程式也是寫作的一種，工作行為跟作家非常相似！

Git 入門上手教材：第1課 ── 學會 git 初始化

很棒！就是這樣！順利完成！

甚麼是API?

很好的提問 我單獨寫一篇說明 請參考 https://codelove.tw/@howtomakeaturn/post/NxNBwx

甚麼是API?

很好的問題！這是程式設計中，幾乎每天都會用到的一個詞 API 全名是 Application Programming Interface，中文叫「應用程式介面」 簡單來說，就是程式跟程式彼此溝通的時候，對外開放使用的介面 打個比方，在硬體的領域來說，筆電的介面是鍵盤、滑鼠，要跟筆電互動，就是敲鍵盤、操作滑鼠 手機的介面是觸控式螢幕，電視的介面是遙控器 而在軟體工程領域、純軟體的領域，每個系統的介面是什麼？就由系統開發者自行決定 --- 以業界實務來說，我舉幾個每天都會用到的情境 ## 開發線上刷信用卡功能，金流功能由第三方廠商提供 後端工程師會說：金流廠商的 API 文件在哪呀？有提供哪些 API？他們有超商付款的 API 嗎？ ## 公司內部，前後端溝通 前端工程師會說：我這邊需要撈會員資料、訂單資料、產品資料，這幾組 API，你再開給我 ## 炒作加密貨幣的工程師，在跟交易所的客服聯絡 工程師：你們交易所有 API 嗎？驗證方式是什麼？我串你們 API 就可以自動交易了吧？ --- 實務上，大家常說的 API，有時候是指「功能規格」，有時候是指「實際可以呼叫、互動使用的網址」 要看前後文才能精準定義，但大家其實都看得懂 「使用 API」這個行為，我們通常會說「串 API」，也就是串接的意思 --- 以上，簡單說明，有沒有不清楚的地方？

JavaScript 系列二：第4課 ── 讀取與修改 DOM 元素的 class

寫得很好，順利完成！

JavaScript 系列二：第3課 ── 認識 for 迴圈

寫得很好，順利完成！

我要繼續寫一些新教材囉！

新教材已發佈～ 來寫寫看～

想請教javascript除了做網頁還能做什麼?

研發老人相關醫療產品的話，我直覺有幾個方向 ## 手機或者平板應用程式開發 有個簡單易用的程式，直接在常用的裝置上，會很棒 這樣的話，蘋果體系就是用 objective c 或者 swift 來寫 安卓體系就是用 java 或者 kotlin 來寫 ## 嵌入式裝置的程式開發 跟一些硬體搭配，通常好像會用 Java 來寫這類裝置的應用程式（這塊我比較不熟） --- 我認為，你可以先寫一些給老人用的簡單工具網頁，或者健康資訊追蹤手機 app 開始！

想請教javascript除了做網頁還能做什麼?

關於程式語言的資料型別 對於資料型別的理解，是程式設計師長遠來說需要培養的基本功 為了學習方便，可以先學弱型別，再學強型別，這沒問題，逐步加深對於「程式設計」的理解

想請教javascript除了做網頁還能做什麼?

很好的提問，簡單分享幾個方向 ## 網頁前端 javascript 是王者，這不用講 ## 網頁後端 `Node.js` `Express` 自己去找看看職缺 其實很多公司是用 js 在寫後端喔 ## 桌面應用程式 別懷疑，可以寫桌面應用程式，請查詢 `Electron` 框架 --- 除此之外，其餘領域，確實比較少用 javascript 語言喔！ 很多領域，還是 Python 或者 C 之類的，比較常使用

JavaScript 系列二：第2課 ── 從 DOM 樹移除元素、動態加上 onclick 事件

寫得很好，順利完成！

JavaScript 系列二：第1課 ── 認識 DOM 樹、新增元素

寫得很好，順利完成！

MVC是一個巨大誤會

這是我2015年寫的文章，當時（2013-2014）面試時，常常被問到 MVC，我覺得很困擾 因為我發現幾乎所有人都不知道自己在講什麼，所以寫了篇文章闡述我對 MVC 的看法 2023年不知道還有沒有公司面試會問這個。順手轉貼分享一下

自學網頁の嬰兒教材：第2課 ── CSS 輕入門

寫得很好，順利完成！

JavaScript 系列一：第7課 ── 認識巢狀結構

寫得很好，順利完成！

JavaScript 系列五：第7課 ── 學會 AJAX 與 data attribute 的結合

寫得很好，順利完成！

JavaScript 系列五：第4課 ── 學會 AJAX 基本原理

寫得很好，順利完成！

JavaScript 系列五：第3課 ── 變數作用域、箭頭函式、ES6 語法

寫得很好，順利完成！

JavaScript 系列五：第2課 ── 學會 Local Storage 相關功能

寫得很好，順利完成！

JavaScript 系列六：第7課 ── 資料序列化

寫得很好，順利完成！

[好文分享] 太屌了吧！？用Class(類)製作Jquery的效果！

看起來，你有在寫系列文章的習慣！ 或許，我找時間開發功能，讓多篇文章可以串成一份系列文章，方便你寫作！

[好文分享] 太屌了吧！？用Class(類)製作Jquery的效果！

像這樣把現有的套件功能臨摹一次，是很好的學習方法！ 大家可以多多向這種態度看齊！

[好文分享] 太屌了吧！？用Class(類)製作Jquery的效果！

小網站、快速開發的話，jQuery 還是很好用的，我自己也經常使用！

我有個疑問

沒註冊的話，按下 save 之後，要記得複製網址。 註冊登入的話，比較好用。儲存之後可以在個人頁面找到。

HTML新標籤dialog簡化modal實作

looks good! 查了一下，各大瀏覽器也都已有支援！ https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog

JavaScript 系列五：第1課 ── 學會 Cookie 相關功能

寫得很好，順利完成！

JavaScript 系列二：第2課 ── 從 DOM 樹移除元素、動態加上 onclick 事件

寫得很好，順利完成！

JavaScript 系列一：第2課 ── 基本的變數操作、從 html 取得內容

兩個按鈕的訊息，弄相反囉～

JavaScript 系列一：第1課 ── 基本的函數操作、onclick 事件

寫得很好，順利完成！

還好有站長阿川

寫程式這個技能，不可能只依靠上課、讀書、聽課，就吸收進去 一定要大量的親自去寫、去完成，才有可能吸收 一開始找各種有趣的作業來寫 之後就可以自己發想、自己研發一些有趣的小專案 --- 祝：早日研發出「超猛醫療 IT 工具」

[心態分享] 新手學前端應該具備的心態：絕對不是謙虛，假謙虛的心態：做作又噁心！

別擔心，放輕鬆。身為開發者，專注在 1. 提升自己的研發能力 2. 提升自己的溝通能力 就對了 每個社群各自有一些習慣與優缺點，不用太在乎～

RWD 網頁設計入門：第5課 ── 能屈能伸，讓圖片適應各種螢幕

寫得很好，順利完成！

JavaScript 系列五：第1課 ── 學會 Cookie 相關功能

寫得很好，順利完成！

JavaScript 系列八：第1課 ── 碼表應用程式

寫得很好，順利完成！

JavaScript 系列七：第7課 ── 認識 Template Refs

寫得很好，順利完成！

JavaScript 系列四：第7課 ── TinyMCE 套件

寫得很好，順利完成！

JavaScript 系列三：練習7 ── carousel 輪播元件

寫得很好，順利完成！

JavaScript 系列一：第5課 ── 基本的 if/else 條件流程控制

寫得很好，順利通過！

分享最近面試心得

非常好的分享～ 簡單分享一些回饋～ --- 首先，你分享的六個 JS 面試小測驗，有五個我答不出來，只有第一題我看得出正確答案～ 再來，我前幾年有次去面試 senior 職缺的時候，白紙測驗，我連 for 迴圈都寫錯，我搞錯 `++` 是第二或第三個參數。最後我沒有被錄取，我一點都不在乎，因為我覺得這些都不重要～ 開發專案時，刷新畫面一下，或者 IDE 根本就會檢查的東西，我不會花費記憶力去想～ 我想說的是，不同公司對於面試方法的觀點天差地遠，認為哪些程式觀念重要的看法也差很多～ 四處看看，覺得有缺觀念就自學補充一下～ 但是，很多面試內容也未必有道理～不需要太受打擊，持續學習就是了～ --- 關於 class 與 this，以前端開發來說，大概 2015 年以前，工程師迫切渴望 JS 也可以寫 class 跟 this 2015 - 2020 終於可以了，大家用 JS 大量寫 OOP，不過呢，2021 之後，大家又迫切渴望擺脫 OOP 你從 vue 2 開始學 vue 3，就會發現 `this` 不見了，開發過程根本不寫 this 了 React 18 之後更是如此，大家開始鄙視 OOP 了～ 我想說的是，OOP 是一個重要觀念，需要知道一下，但也不用花太多時間專精～ 我幾年前有寫一篇 OOP 觀念文，給你參考：https://codelove.tw/@howtomakeaturn/post/GqPYzx --- 最後，以我研發的教材來說，我覺得應該不少「接案公司」會覺得畢業生是即戰力～ 不過「研發自家產品」的公司，應該不少會覺得基礎不夠扎實，覺得這套教材的畢業生不夠用～ 我可以理解，也可以預期大概會是這樣～ --- 以上，有遇到投緣的公司、把你當即戰力的公司，就儘早上班、賺錢、累積經驗～ 真的到處碰壁，就補充一下相關知識，這條路學無止盡～ 祝早日上班，有問題＆心得多多上來寫作分享～

歡迎串 Part.1 👋👋👋

Very good~! 慢慢來，熟悉程式語言的運作方式，需要一點時間 作業盡量自己寫，卡關再參考別人的，學習效果比較好 有非常多作業可以練習，你會慢慢抓到感覺的～ 有觀念實在想不通，就到討論區多多發問，因為「提問」也是「學習」很重要的技巧之一 加油囉～！

04/28 本週閒聊串 😁😁😁

很好的分享 哈哈 你可以單獨發一篇文章嗎？比較多人可以看到~ 我在那邊留言給你一些建議~👍👍

[前端學習] 用JS動態修改CSS的三種寫法，花式JS玩弄樣式，嚇死你的同事！

我又看了幾篇文章 https://csplite.com/csp215/ 我目前感覺是：CSP 應該是支援度相當高，可以的話，也應該要設定的東西 Nuxt SSR 有支援，但 SPA 無解 至於類似框架的情況呢？ 以 React 體系的 Next 來說 https://csplite.com/csp251/ SSR 跟 SPA 都有支援 相關討論有很多：https://github.com/vercel/next.js/issues/256 --- 然後，這個可能可以看一下 https://github.com/victor-perez/nuxt-helmet

[前端學習] 用JS動態修改CSS的三種寫法，花式JS玩弄樣式，嚇死你的同事！

哇，我又研究了一下，Nuxt 的 CSP 好像只有 SSR 會支援，SPA 的話沒辦法支援 https://github.com/nuxt/nuxt/issues/6592

[前端學習] 用JS動態修改CSS的三種寫法，花式JS玩弄樣式，嚇死你的同事！

https://nuxtjs.org/docs/configuration-glossary/configuration-render/#csp 這個設定值，調整為 `true` 可以搞定嗎？

[前端學習] 用JS動態修改CSS的三種寫法，花式JS玩弄樣式，嚇死你的同事！

嗨 Jordan，先別管 Apple 了，我研究了一下，現在絕大多數前端技術，應該都會支援 CSP 的！ 看一下這篇：https://stackoverflow.com/questions/58397934/are-we-forced-to-use-unsafe-inline-in-our-csp-when-using-vue-js > According to the Vue.js docs, the runtime build is fully CSP-compliant. > Nuxt is supporting a csp config to create hashes via webpack sent as header on dynamic SSR mode and meta elements otherwise (see https://github.com/nuxt/nuxt.js/pull/5354) 有試過這個方向嗎？

JavaScript 系列七：第1課 ── 認識 Vue 基本環境與 render state

寫得很好，順利完成！

04/28 本週閒聊串 😁😁😁

我這邊分享手邊幾個情報 ### 第一個是台灣獵人頭公司跟我分享的郵件 > 最近一切都還好嗎? 這次分享2023 Q2 Job Market Report，尤其是科技產業世界性的裁員潮，光是 2023 年 1 月，美國科技業裁員總數就突破 10 萬人。同樣受到全球經濟走緩影響，台灣人力市場也有類似波動。以科技產業為例，今年第一季所開出的職缺人數，與 2022 年第四季相比，少了約 50%。軟體業盤點人力、調整過剩人力。2023 年的整體人力市場將有別於 2022 年年初大量徵才的氛圍，進入穩紮穩打、檢視人力資源與配置的階段。 ### 第二個是我合作的美國接案公司寄給我的郵件 > All, > Given the current macroeconomic situation, we are reaching out with information that we hope will be helpful. Like many companies, Toptal clients are increasingly budget constrained. In addition, we have a larger number of talent indicating they are available for engagements, resulting in a more competitive market than ever before. ## 個人看法 我認為近期軟體工程師的機會＆收入 明顯是受影響了 但是呢 應該是以 senior 職缺的影響比較大 我認為 junior 的職缺應該還是很多 綜合起來 建議大家： 轉職的時候 穩紮穩打 目前工作不一定要先辭掉 確定有錄取再離職＆轉職 個人小觀點 😎

JavaScript 系列九:發表作業＆心得分享

Very good sharing! 感謝付費支持！ 😄😄😄

熱門搜尋： ui ＳＳ LA https id the ar 使用 Ai COM go Re am __ jav 開發 學習 AWS AI Github 專案 ＣＳ 語言 github app 工作 API ci 技術 css 程式 amazon javasc 網站 re 作為 create ul HTML json 研究 結構 嗎？ git Model aws 工程 cn 測試 JS 第一 Java Javascript la bi JAVA *d console.log 套件 AR 編輯 gpt 基礎 Ml import for Node 框架 設計 AMP 開源 Ts ts GIT 提示 user ai with vs 作業 Imgur /m 登入 com 伺服器 推薦 node React line CD Git log this PYTHON console.log( v_ js 查詢 bug 風格
🛡️ 隱私及網站安全：本站註冊過程「不須提供任何個資」，只要 E-Mail 與帳密即可註冊，請安心註冊！線上付款過程使用「綠界科技 ECPay 」第三方專業金流廠商，全程在「綠界科技 ECPay 」網站進行付款程序，本站「不會紀錄任何信用卡資訊」，請放心付款、解鎖課程！您隨時可以透過 FB 粉專或者 Email 聯絡站長，請求刪除網站上的個人資料。