操作完簡單的 Javascript 實作後，馬上來進到下一步 —— 認識重量級函式庫！ 那～ 我們馬上來看看 React.js 能帶給我們哪些便利之處吧～ 本篇日記針對 React 的十大特點做概括性的介紹 希望新手朋友們看完此篇對於 React 就能有最基礎的認識＆了解 😆 1. React 超基本介紹…
前面幾集已差不多把 JS 基本觀念做了一輪概括性的整理，這集我要來和大家示範如何製作最簡易的下拉式選單，也順便驗收＆應用所學觀念，那我們就不囉唆～ Let’s get rolling! 首先，製作最基礎的下拉式選單需要的是簡單的 HTML 和 CSS 觀念，甚至如果你只需要滑鼠游標 hover 到按鈕上就能展開選單的功能，那你根本不需要動用到 JS。今天小白🙆♀️ 我會分享不需要用到 JS 和必需要用到 JS 的下拉式選單版本，對…
JS 基本概念大補帖（上） 你是否和我一樣快速入手 JS 時沒想太多，但到頭來才發現少了些什麼呢？ 那麼～這篇文章就是為你而寫 以下分為 JS 五問，送給同是新手的你們😆 🎯 1. 什麼是 console ？ 什麼又是 console.log? Console 譯成中文即為「控制台」，普遍來說是 Javascript…
Javascript在紅什麼？快跟著網頁設計小白🙆♀一起速速了解JS吧！ 這篇文章專給... 彷彿聽過，對JS 似曾相似，但從來沒有真正了解 愛用Google analytics & inbound marketing (Hubspot) 的行銷人 覺得跟前端工程師錯頻，想了解一下他們星球的語言 想學互動式網頁設計，創建屬於自己的第一個網頁天堂 上次最後提到了 React hooks 的優缺和功用 ，也賣了好多關子，這次趁著「…
Javascript在紅什麼？快跟著網頁設計小白🙆♀一起速速了解JS吧！ 這篇文章專給... 彷彿聽過，對JS 似曾相似，但從來沒有真正了解 愛用Google analytics & inbound marketing (Hubspot) 的行銷人 覺得跟前端工程師錯頻，想了解一下他們星球的語言 想學互動式網頁設計，創建屬於自己的第一個網頁天堂 📌 React 觀念澄清： 以下分為 3…
Javascript在紅什麼？快跟著網頁設計小白🙆♀一起速速了解JS吧！ 這篇文章專給... 彷彿聽過，對JS 似曾相似，但從來沒有真正了解 愛用Google analytics & inbound marketing (Hubspot) 的行銷人 覺得跟前端工程師錯頻，想了解一下他們星球的語言 想學互動式網頁設計，創建屬於自己的第一個網頁天堂 接續 JS ES6，趁著對 ES6…
Javascript在紅什麼？快跟著網頁設計小白🙆♀一起速速了解JS吧！ 這篇文章專給... 彷彿聽過，對JS似曾相似，但從來沒有真正了解 愛用Google analytics & inbound marketing (Hubspot) 的行銷人 覺得跟前端工程師錯頻，想了解一下他們星球的語言 想學互動式網頁設計，創建屬於自己的第一個網頁天堂 (more…)
Javascript在紅什麼？快跟著網頁設計小白🙆♀一起速速了解JS吧！ 這篇文章專給... 彷彿聽過，對JS 似曾相似，但從來沒有真正了解 愛用Google analytics & inbound marketing (Hubspot) 的行銷人 覺得跟前端工程師錯頻，想了解一下他們星球的語言 想學互動式網頁設計，創建屬於自己的第一個網頁天堂 📌 首先，我們先來談談什麼是 DOM 和 Javascript…
Javascript在紅什麼？快跟著網頁設計小白🙆♀一起速速了解JS吧！ 這篇文章專給... 彷彿聽過，對JS似曾相似，但從來沒有真正了解 愛用Google analytics & inbound marketing (Hubspot) 的行銷人 覺得跟前端工程師錯頻，想了解一下他們星球的語言 想學互動式網頁設計，創建屬於自己的第一個網頁天堂 📌 首先，我們來暖暖身，複習一下何謂變數，又何謂宣告變數？ 如果把變數比喻成一個個空箱子，撰寫程式的我們就是個居家收納達人，我們可以任意地、隨興地把任何和喜歡的東西（像是襪子、內褲、撲克牌等）擺入不同箱子中。於是，原本空的箱子隨著時間內容物就變得越趨豐富，一個個箱子也逐漸出現有了差異。但你一定會疑惑說都是一樣的箱子要怎麼光看表面就知道裡頭裝了些什麼，這時候就要使用到妙用「標籤紙」來讓每個承裝不同性質物品的箱子擁有名字標籤 (name tag)。而宣告變數就是將箱子取名、並告訴大家裡面收納了什麼的過程，像是我們可以定義一個變數為 irisIsTheQueen： var…
Javascript在紅什麼？快跟著網頁設計小白🙆♀一起速速了解JS吧！ 這篇文章專給... 彷彿聽過，對JS似曾相似，但從來沒有真正了解 愛用Google analytics & inbound marketing (Hubspot) 的行銷人 覺得跟前端工程師錯頻，想了解一下他們星球的語言 想學互動式網頁設計，創建屬於自己的第一個網頁天堂 📌 這次我們的起手式，JS編輯器的初認識🙌 講到「編輯器」我們必然會談到它對應的概念「編譯器」 所以，到底什麼是「編輯器」，又什麼是「編譯器」呢？ 長話短說，編輯器就是個專門編輯程式的Word…