Javascript在紅什麼？快跟著網頁設計小白🙆♀一起速速了解JS吧！ 這篇文章專給... 彷彿聽過，對JS似曾相似，但從來沒有真正了解 愛用Google analytics & inbound marketing (Hubspot) 的行銷人 覺得跟前端工程師錯頻，想了解一下他們星球的語言 想學互動式網頁設計，創建屬於自己的第一個網頁天堂 (more…)
irisJuly 25, 2020
Javascript在紅什麼？快跟著網頁設計小白🙆♀一起速速了解JS吧！ 這篇文章專給... 彷彿聽過，對JS似曾相似，但從來沒有真正了解 愛用Google analytics & inbound marketing (Hubspot) 的行銷人 覺得跟前端工程師錯頻，想了解一下他們星球的語言 想學互動式網頁設計，創建屬於自己的第一個網頁天堂 📌 首先，我們來暖暖身，複習一下何謂變數，又何謂宣告變數？ 如果把變數比喻成一個個空箱子，撰寫程式的我們就是個居家收納達人，我們可以任意地、隨興地把任何和喜歡的東西（像是襪子、內褲、撲克牌等）擺入不同箱子中。於是，原本空的箱子隨著時間內容物就變得越趨豐富，一個個箱子也逐漸出現有了差異。但你一定會疑惑說都是一樣的箱子要怎麼光看表面就知道裡頭裝了些什麼，這時候就要使用到妙用「標籤紙」來讓每個承裝不同性質物品的箱子擁有名字標籤 (name tag)。而宣告變數就是將箱子取名、並告訴大家裡面收納了什麼的過程，像是我們可以定義一個變數為 irisIsTheQueen： var irisIsTheQueen = 87; 那麼從這時開始有個叫做…
irisJuly 16, 2020
Javascript在紅什麼？快跟著網頁設計小白🙆♀一起速速了解JS吧！ 這篇文章專給... 彷彿聽過，對JS似曾相似，但從來沒有真正了解 愛用Google analytics & inbound marketing (Hubspot) 的行銷人 覺得跟前端工程師錯頻，想了解一下他們星球的語言 想學互動式網頁設計，創建屬於自己的第一個網頁天堂 📌 這次我們的起手式，JS編輯器的初認識🙌 講到「編輯器」我們必然會談到它對應的概念「編譯器」 所以，到底什麼是「編輯器」，又什麼是「編譯器」呢？ 長話短說，編輯器就是個專門編輯程式的Word 而編譯器則是轉化你所編輯的程式碼，將之翻譯成機器能理解的低端語言 那現成編輯器用誰好呢？ 誰好用呢？ 這我們繼續看下去😎…
irisJuly 13, 2020
Javascript在紅什麼？快跟著網頁設計小白🙆♀一起速速了解JS吧！ 這篇文章專給... 彷彿聽過，對JS似曾相似，但從來沒有真正了解 愛用Google analytics & inbound marketing (Hubspot) 的行銷人 覺得跟前端工程師錯頻，想了解一下他們星球的語言 想學互動式網頁設計，創建屬於自己的第一個網頁天堂 (more…)
irisJuly 3, 2020
前言 什麼是集合？ 集合(set)是一個無序且不重複的元素集合。但是因為集合本身是無序的，所以不可為集合創建索引或執行切片(slice)操作，也沒有鍵(keys)可用來獲取集合中元素的值。 set和dict一樣，只是沒有value，因此set也有如下特性： 不可重複 元素為不可變對象 大綱 創建集合 常用操作 一.創建集合 集合創建需使用大括弧 { } 或者 set() 函數創建集合。 ※ 注意：創建一個空集合必須用 set() 而不是 { }，因為 { }…
celiaMay 15, 2020
前言 在這個網路越來越發達的時代，大家每天都在上網，使用瀏覽器查詢資料、看影片、購物等等，都與網頁有關，當你在使用時，你有沒有想過網頁也有區分為靜態網頁以及動態網頁呢，可能會有人覺得動態網頁就是在頁面上有動畫，會動的就是動態網頁，而頁面靜止，不會動的就是靜態網頁，其實不然。以下內容我們將介紹何謂動態網頁以及靜態網頁，讓你可以更加了解平時所使用的網頁喔。 靜態網頁 在了解動態網頁以前，也需要先了解靜態網頁究竟是什麼，這樣才能夠真正搞懂靜態跟動態究竟差在哪裡。 超文件標示語言HyperText Markup Language，簡稱：HTML，HTML是網站建置的基礎技術，常與CSS與Javascript配合成一個適合觀看的網頁，讓瀏覽器去讀取，一般判斷方式為網頁副檔名為html或htm皆為靜態網頁，靜態網頁的優勢為容易為搜尋引擎所接受，所以很多動態網頁會將動態網頁轉變成靜態方式，就是所謂的【偽靜態網頁】來提高搜尋引擎的友善度達到排名優化的成效。 當用戶瀏覽器通過HTTP協議向Web伺服器請求提供網頁內容時，伺服器僅僅是將原先的HTML文檔文檔傳送給用戶瀏覽器，用戶看到的內容是標準的HTML文黨的內容，可能在另外加上GIF格式的動態圖片或是Flash動畫等等，如果想更改網頁上的內容，就必須手動更改HTML文檔。 (more…)
學程式助教November 28, 2019
前言 在剛開始學程式時，你是不是常常聽到一個說法：HTML、CSS 與 JavaScript 是網頁前端三大要素。HTML 主要是負責資料與結構，CSS 則負責樣式的呈現，而JavaScript 負責行為與互動。但其實JavaScript 並沒有提供網頁的操作方法，前端開發者在網頁的操作方法都是「瀏覽器」提供的。 這些操作方法基本上會分別由這兩種物件所擁有：「BOM」與「DOM」。 所以在瀏覽器上的 JavaScript 包含了： JavaScript 核心 (以 ECMAScript 標準為基礎) BOM (Browser Object Model，瀏覽器物件模型) DOM (Document Object…
學程式助教November 27, 2019
此文章的內容是有關Messenger Bot開發設定及規範，而本篇文章的專案是使用Botman＋Laravel去製作Messenger Bot，如果想要了解製作流程的話，可以去參考另一篇文章Laravel + Botman 製作Messenger聊天機器人。這篇文章適合想嘗試製作Messenger Bot的朋友，本篇文章主要分為兩個重點： 建立Facebook Page(粉絲專頁) 建立Facebook App(應用程式) (more…)
學程式助教November 26, 2019
在這裡我就將Model稱為M職員，我們之前有提到Model的工作內容吧， 我們的M職員是負責管理資料的，只要是跟資料有關的都是M職員來幫我們處理。 以下簡單的介紹要如何讓Model去執行他的工作： (more…)
學程式助教November 22, 2019
