快取(Cache)對一般使用者來說
指的就是：瀏覽器快取(browser caching)
這個是各大瀏覽器内建的
透過儲存瀏覽資料，記住網頁內容（例如圖片）
讓下次訪問網站時，可以更快開啟網頁。

瀏覽器快取 : 用戶端瀏覽器的快取

當我們在上網時，第一次可能比較慢
第二次再上同一個網站，速度就快多了
這是瀏覽器會在快取(Cache)裡尋存取資料
讓我們瀏覽速度加快。

快取(Cache)在 Internet 上扮演什麼角色?

想像一下我們逛了一個購物網站，
首頁有上百項商品，還有數千張大大小小的圖片
每當你到首頁一次，資料庫就要抓取一次全部資料
如果每登入一次就請求一次，那就會很耗資源
先把查看過的部分，保留在某一個地方
等到請求時，再用極快的速度撈出來
而不用再到資料庫裡面重新算一次
這就是 Cache(快取，或緩存)在 Internet 上的功用

通常適合被快取的資料有兩項特性:

・快取 = 更快的載入頁面= 更好的頁面速度
・很常被使用到 ・資料不常變動

清除快取(Cache)會發生什麼事?

清除快取(Cache)後，
網站上的部分設定會遭到刪除，
你可能必須重新登入網站，
有些網站的載入速度，也有可能變慢。
清除快取(Cache)並不會對網站造成負面的影響，
也會不造成頁面消失，可以放心清除。

什麼時候會需要清除快取?

有時候會遇到這種情形: 網頁來回修改中，
網頁設計公司說已經改好了，
但不管怎麼刷新網站，都沒有任何變動
這是因為快取(Cache)在一段時間內只會更新一次，
造成網頁其實已經更動了，看起來卻沒有變化。
這時只要清除快取，就可以看見最新資料。

怎麼清除我的 Cache (快取)?

如果你是 Google Chrome:

開啟 Chrome。 點選右上角的選單圖示 。
點選更多工具 > 清除瀏覽資料...
或是在網址列輸:chrome://settings/clearBrowserData 再 按下 Enter。

如果你是 Safari:

啟動 Safari。
從左上角的 Safari 選單點選紀錄。
按一下清除記錄 一下彈出式選單，
然後選擇你要清除的瀏覽歷程。

如果你是 Firefox:

點擊選單按鈕並選擇設定。 選擇隱私權與安全性面板。
在 Cookies 和網站資料區域，點擊清除資料
將 Cookies 和網站資料前的勾選移除。
在網頁快取內容打勾的情況下，點擊清除按鈕。

如果你是 Edge:

啟動 Edge。點選右上角的選單按鈕 。
點擊設定 > 隱私、搜尋和服務。
在「清除瀏覽資料」部分之下，選取要清除的項目。
勾選快取圖像和文件的選項，然後選擇清除。

如果你是 Opera:

啟動 Opera。 點選左上角的 Opera 選單。
選擇偏好設定 > 進階 > 歷程 選擇清空快取選項
按一下現在清空。

今天邀請到 資料分析師Jeff 來分享他之前的轉職心得!!

Jeff 是我一位活潑有趣的朋友，一直以來他看事情的角度都有多種層面，對於新的事物也很能接納，我想這是為什麼他能夠成功轉職的重要特質之一

接下來是Jeff的分享，希望能夠給想要轉職工程師 or 還在迷茫的朋友一點方向

安安，我是Jeff，畢業於統計系，在學時的所學課程很少有程式語言的內容，這讓我在畢業後的工作選擇非常有限，因此就決定轉職成為數據相關的工程師，提高職場競爭力。

轉職的起點是在2017年當兵時，透過自學網站學習Python程式語言，並刷Leetcode上的easy題目。當時我很恐慌，不知道自己是否能成功轉職。如果可以回到當初，我會告訴自己要多多參加分享講座和工作面試，多聽多問，確認工作內容是否符合自己的未來期望。

轉職時並不需要學習非常深入的知識，學多少就得到多少，不用覺得學到很深才有資格轉職，總會有符合你當下程度的職缺，而困難在於你不知道你學的是不是有公司要的，甚至很多同樣職缺的工作對於技能的要求都不同，好像什麼都要學一樣，會很讓人疑惑，但這件事是無法控制的，選好自己想走的方向好好學就好。

在我轉職的過程中，有很多短暫的落寞，退伍後待業應徵半年，我海投了50多份工作，收到20份左右的面試，最後只拿到3份offer，但我想這麼廢的應徵結果，一定可以讓很多轉職中的人更有信心，肯定沒有人比我更廢的，所以你也一定可以！

我的第一份工作是透過104人力銀行找到的，工作四年後，現在的薪水大約是100初萬，完全不會後悔我的轉職決定，我覺得現在的自己大概有80分，而下一步是努力讓自己達到更高的水平，短期內期望能夠達到150萬以上的薪水。

建議想要轉職的朋友要多問人，學對事情，做對事情。這個時代每個領域的人都會碰到程式語言，都用著自己理解的方式溝通，工程師之間都有用詞差異，更不用提轉職的人對於討論程式語言時一定會有更多的阻礙，持續保有一個請教的心態是非常重要的。

謝謝大家，如果你有什麼想法或問題，歡迎留言指教~

嗨大家！！！有位可愛的女孩正在努力轉職中，我覺得他的轉職想法很正面，並且有一直在執行自己的計畫！

轉職過程就怕只是說說QQ 以下是他轉職ing個人經驗分享，希望能帶給正在轉職的你們一些勇氣～👊👊👊

我是Eileen，畢業於英文系，在學期間沒有接觸過任何程式語言，從事過專案管理、行銷等工作。現在是PM，因工作關係製作過 Landing page，因此接觸過一點程式。目前工作漸漸開始接觸到更多程式開發的內容！像是code review其他同事寫的程式碼，其實這些工作跟我的職務並無相關，正在努力透過工作給的機會嘗試轉職中～

想轉職的的動機，實際一點的話領到的薪水肯定有差異，另外以前一直對於文藝創意、文字、行銷、企劃這些創造領域比較有興趣，但在做程式開發的時候發現他們其實有個共通點就是創造~ 用不同的媒介完成 0 到 1 這個過程，從這個角度切入的話，除了覺得寫程式這件事更有趣外，也沒有收益天花板，而且如果我能把在行銷經驗中獲得的市場洞察力以及使用者行為帶到這個領域裡面，會比本科生更有優勢

對於沒有專業程式開發經驗的人來說，我覺得轉職的過程並不容易。

剛開始接到實際任務難免有恐慌，會害怕要接觸未知的東西又需要在時間內完成。不過轉念一想，既然這是常態，不如想現在能先做好什麼事情。

到目前為止，從來沒有想過要放棄，我對程式語言保持好奇及熱情，加上工程師的薪水待遇不錯，還是想成為一名軟體工程師。我很滿意現在自己的狀態，但也知道我還有很多進步的空間，我會持續精進我的技能。對我來說，程式是一個創意腦能實現夢想的工具，這也是我為什麼喜歡程式的原因之一。

最後，我想給想要轉職的人一些建議：時常調整自己的心態，並且相信自己，你一定可以做到。不要害怕學習新事物，這個領域的學習是永無止盡的，程式學習是一個漸進的過程，慢慢來反而比較快。

Jessie 是我在職場中認識的好朋友
個性大方有趣的她，一點也不像宅宅工程師
她在三年前轉職成功，以下是我訪問她的一些心得感想
希望能帶給你一點啟發，祝福你在轉職的道路上一切順利

Hi，我是Jessie，經濟系畢業，在轉職前的工作經驗是助理業務和特助。
一直以來我都非常有興趣去嘗試不同的工作，但在轉職前完全沒有程式相關的經驗。當初因為對職涯有規劃，想要成為產品經理，所以選擇了前端工程師這條路。

我在轉職時，老實說有些恐慌，當時26歲，擔心轉職失敗後找不到工作，但也頂多回去做自己原本的工作，其餘好像也沒有什麼可以失去的了。

要學多少才能轉職？學習過程很難嗎？

學多少這個問題因人而異，至少基本的邏輯要有，學起來比較不吃力。而對我來說，整個轉職過程是蠻痛苦的，但是如果你對這個領域感興趣，那麼就會更容易克服困難。

有想過要放棄嗎？

在學習過程中，我曾經想過放棄，因為我本身並不是很喜歡專精某一個領域（善變的女人），而寫程式需要很專精。

對寫程式有熱忱嗎？

一開始其實還好，對程式的熱忱是在我感覺到寫程式很厲害時產生的。但我也清楚地知道，寫程式只是我的一種工具，用來實現我的想法而已。

是什麼支撐你走到現在？

對我來說，職涯規劃非常重要。現在我對自己的職涯非常滿意，並且正持續朝著我的目標前進！

給想要轉職的朋友的建議？

建議想要轉職的朋友，先想好自己想要什麼跟喜歡什麼，不要因為外在因素而隨波逐流。做不來再換也沒關係，工作不是永遠的。

會建議轉職軟體工程師嗎？

這因人而異耶，不同人的喜好和能力不同，有些人可能會很痛苦，而有些人可能不會。建議在開始轉職之前，多多了解自己吧！

在網頁開發中，網頁工程師又分為前端、後端以及全端

這三者之間到底有什麼不同呢？

我們先來了解以下幾點

一、使用者訪問網頁的過程

在了解前後端工程師差別之前

要先了解一下網頁的使用過程

故事場景：男友的生日快到了！阿美在 Love Shop 購物商城中買一件充滿愛意的禮物，以下是阿美的線上購物流程：

1. 阿美打開Google瀏覽器
2. 輸入 love_shop.com 網址，進入到 Love Shop 網站
3. 逛了5頁商品，終於看到一件很適合男友的禮物
4. 加入購物車，填寫買家個人資料
5. 確認下單 完成刷卡付款交易
6. 在歷史訂單中看到此筆訂單

阿美進入到 Love Shop 網站，看到網頁上的畫面

看到的這些畫面就是前端工程師的工作範疇

而看不到的那些資料處理，基本上就是後端工程師負責的範疇

什麼是看不到？

像是資料的傳輸，阿美在網站中填寫買家資料後

這些資料會被送到後端，後端會將這些資料儲存起來

在下次阿美重新進入到Love shop網站時，前端就會跟後端說：上次那個阿美又來了！請你給我她上次填寫的姓名、住址、聯絡電話、收貨地址

後端接收到前端的請求後，會從資料庫中撈取阿美的資料送給前端

前端就知道該呈現哪些個人資料

目前為止可以了解到：前端會跟後端拿資料，把這些資料呈現在畫面上

接著繼續探討最後阿美進行刷卡付款的過程

阿美輸入付款資料，前端帶著阿美的付款資料給後端：請你處理一下付款

後端會與金流商進行數據溝通，完成安全的線上交易付款後，回應結果給前端：付款成功

前端收到後端的付款成功結果後，呈現訂單已成立的畫面給阿美看

想像一下，平常在線上付款的時候，後端就是做了這些看不到的事情，看得到的只有：有沒有付款成功的畫面

再來探討阿美的訂單流程，前後端會做什麼事？

前端會將訂單資料送給後端，後端會將接收到的資料儲存到資料庫，並且做一系列關於訂單邏輯的處理，比如減少該商品庫存

之後阿美就可以在歷史訂單頁面中找到有哪些訂單

為什麼阿美看得到歷史訂單？因為是前端呈現資料

為什麼前端有這些資料？因為前端有跟後端拿資料

以上可以了解到

後端主要是在負責收送資料給前端、資料運算處理、資料溝通等等

而前端則是與後端溝通，把這些資料很有美感的放到畫面上提供使用者查看

畢竟使用者也不會接受網頁呈現像excel表中的一行行數據資料

這時候就需要前端變出美美的畫面增加使用者體驗！

想更了解前後端的詳細說明可以觀看此影片：

接下來就再更清楚說明一下前端與後端的主要工作職責為何？

二、前端工程師的工作範疇？

前端工程師(Front End Developer)的主要職責目標，就是 建立流暢的使用者介面

這些介面可能會由UI/UX(使用者介面、使用者體驗)設計師提供設計圖

前端再依照設計圖，將網頁畫面刻畫出來

包含一些互動或特效，比如：網頁頁面中的下拉選單、橢圓形的按鈕、去邊框的表格、彈跳視窗

我們看到的那些美麗的畫面、具有良好互動的體驗

都是前端工程師使用HTML、CSS、JavaScript 將設計圖轉成網頁

前端也需要考量在不同載具、不同瀏覽器下，網頁都能夠有一致的良好呈現

前端語言包含：HTML、CSS、JavaScript

學習順序：HTML → CSS → JavaScript

三、後端工程師的工作範疇？

後端工程師(Back End Developer) 主要的職責就是資料處理、提高數據處理的效能

依照不同專案的商業邏輯，與資料庫進行互動

當前端跟後端請求資料時，能把資料正確的傳輸給前端

相對前端需要有更通透的數據處理邏輯

所觸及的範圍可能也包含資料庫、伺服器等等

後端語言有很多：PHP、Java、Python、Golang

學習順序：HTML → 後端語言 & 資料庫

（網頁後端還是懂一點HTML好）

四、什麼是全端工程師？

全端工程師(Full Stack Developer)

顧名思義就是前端 + 後端，一打二的概念

在早期網頁工程師並沒有區分前後端

而隨著科技越來越進步，使用者對於畫面的質感要求越來越高

因此才漸漸衍伸出前端與後端分離

前端專注於使用者畫面

後端專注於數據資料處理

專業分工也能讓專案項目更加完善

五、前端、後端哪個比較好？

前端與後端沒有誰比較好的問題，主要依照自己喜好

對於畫面排版、動畫製作比較有興趣就可以選擇前端

對於數據處理、邏輯思考比較感興趣就可以選擇後端

而我本身屬於後者，邏輯與數據讓我覺得很有挑戰性

每次解決一個問題、完成一種功能，就會有像是遊戲打怪破關之後的喜悅及成就感

而前端也有把設計稿完美呈現、網頁動畫製作的挑戰性

也不是說前端不用邏輯！寫程式都要有邏輯^^

無法說誰較輕鬆、比較好，都有各自需要鑽研的技術！端看自己的喜好

如果喜歡我的分享歡迎下方留言板按讚~ 或是追蹤我的IG跟我分享你轉職的疑難雜症:)

在 什麼是 URL? 這篇文章當中我們認識到了網址

而網址的組成，其中需要有「伺服器位址」

這裡的伺服器是指提供服務的那台電腦主機，伺服器位址一般使用網域名稱或是IP位址

什麼是網域名稱？

網域名稱，Domain Name，簡稱域名、Domain、網域

用途：當傳輸資料時，用來辨別伺服器的位置

網域舉例：

• codingbeginner01.com
• google.com
• wikipedia.org

透過這些域名，就可以知道要去哪裡找伺服器以請求資源

就像是門牌一樣

有地址才能找到目的地

有域名才能找到伺服器

而這些「網域名稱」就是幫伺服器的位址掛上門牌

這些門牌方便人們辨識

如果沒有網域名稱，那就只有IP位址

IP位址由一串數字所組成，例如：2001:db8:0:1234:0:567:8:1 或是 172.16.254.1

一般我們在打網址時，不太可能記得住這一串數字吧！

所以後來就衍生出了網域名稱，就是幫這些伺服器的IP取一個可讀的名稱

而在網際網路中，每一個裝置的ip都是獨一無二的，所以網域名稱也都是獨一無二的

像是只會有一個 google.com 不會再有第二個

網域名稱的組成

Domain 是由一串用點（.）分隔的字元所組成

點分隔出每一個層級，層級從右到左

舉例：www.codingbeginner01.com.tw

從右邊到左邊看

• tw 是地理域名，tw就是指台灣，屬於頂級域名（Top-level Domain, TLD）
• com 是通用域名，也是屬於頂級域名
  常見通用域名：
  com → commercial，商業機構
  edu → education，教育機構
  gov → government，政府機構
  org → organization，非營利組織、團體、機構等
• codingbeginner01：主網域，屬於二級域名（Second-level domain, SLD），在頂級域名的下一層級就是二級域
• www：子網域，隸屬於主網域codingbeginner01底下，屬於三級域名，因為在二級域名底下

網域的命名

如果你想要幫伺服器命名

可以依照網域組成的概念來命名

快速取名三步驟：

1. 主網域：什麼名稱可以代表我的網站？
2. 要加上哪一種通用域名？.com .net .co ...?
3. 要不要加上國碼？

總結

網域名稱就像是地址一樣，通過地址可以找到伺服器的所在位址

最後，謝謝您的閱讀支持

如果不想錯過第一手資訊，歡迎訂閱電子報

在網際網路的傳輸中，很常聽到HTTP，到底什麼是HTTP呢？

什麼是 HTTP?

全名為 超文本傳輸協定，顧名思義就是用來傳輸超文本的協定

超文本 是什麼？如果你有了解過 網頁的基本組成，對於超文本多少有點概念

所以可以簡單理解 HTTP就是用來傳輸網頁的協定

當然他也不局限於傳輸網頁，在網際網路上傳輸數據也可以使用

而 HTTPS，加上了 S 就只是多了個 Secure 安全，用來傳輸較隱私、敏感的訊息，在原本不安全的網際網路中建立一個安全的通道提供保護作用

因此當在傳輸重要資訊時，可以確認一下網址中的 http是否有加 s

HTTP 可以做什麼事情？

了解 HTTP是用來傳輸數據的協定之後

就不難理解他是 使用者端 與 伺服器端 之間的溝通橋樑

使用者可以發起 HTTP請求給伺服器，就像是使用者訪問 https://codingbeginner01.com/about 這個網址時，就是透過 https 協定 去 codingbeginner01.com 這個伺服器 找到想要的 about 頁面

這個過程 使用者會發送請求（https://codingbeginner01.com/about ）之後再接收結果（about頁面）

而再更深入探討一下「發送請求」這部分

請求又有分很多種方法

簡單理解就是 要求配合執行 xxx 動作

HTTP 常見的請求方法

舉例：

• 小美查看新手轉職班這個頁面
  請求方法：GET
  請求網址：https://codingbeginner01.com/course/
• 小明將購物車中的產品2刪除
  請求方法：DELETE
  請求網址：https://codingbeginner01-shop/delete_product/2
• 大雄將購物車中的產品1修改數量為5
  請求方法：PATCH
  請求網址：https://codingbeginner01-shop/edit_product/1

總結

HTTP 就是在網際網路上傳輸資料用的協定

而在進行HTTP請求的同時也要聲明請求的方法

最後，謝謝您的閱讀支持

如果不想錯過第一手資訊，歡迎訂閱電子報

在 什麼是URL？ 這篇文章中已經了解到什麼是 URL

但有一個 URI 縮寫跟他長得很像，不仔細看還以為是小寫L

什麼是 URI?

URI，Uniform Resource Identifier，統一資源標識符

顧名思義就是 用來標識網際網路中的資源

資源像是 HTML檔案、程式碼、影片、圖片等等都適用 URI 來標識

其實 URL 就是一種 URI

URL 像是 https://codingbeginner01.com 就是標識出這是新手學程式0到1的首頁

所以 URL 也是一種標識

URI 與 URL的差別？

我們可以說 URL 是一種 URI

但不一定每一種 URI 都是 URL

因為 URL 當中，又有包含 URN

URN，Uniform Resource Name，統一資源名稱，就像是一個人的名字

URN 就是幫資源取名字（名字）

URL 就像是幫資源定位（地址）

簡單理解

URN 就是定義某資源的身份

URL 就是尋找某資源的方式

總結

URI 就是標記網路上的資源，其中又包含 URN 和 URL

URN：給名字

URL：給地址

最後，謝謝您的閱讀支持

如果不想錯過最新資訊，歡迎訂閱電子報

當我們打開瀏覽器訪問網頁時，這些網頁當然不會憑空出現

為什麼瀏覽器會知道要顯示什麼網頁內容？

這是因為我們有告訴他：你要去哪裡獲取內容。

怎麼告訴他的？

透過瀏覽器上面的網址欄

他就像是一串詳細地址，能夠讓瀏覽器知道他要去哪裡找到你想要的資源，然後再呈現出結果給你

什麼是網址？

Uniform Resource Locator，縮寫：URL，全名為 統一資源定位符

俗稱網址 → 網頁的位址

「統一」資源定位符，指的是 規定統一格式

而從「資源定位符」字面上來解讀，就是定位資源的一串詳細地址

透過這個地址才能找到我們想要的資源

比如：https://google.com 這個地址所放的資源是 Google查詢首頁

或是 https://codingbeginner01.com 這個地址所放的資源是 新手學程式0到1網站的首頁

當訪問這些特定的網址(URL)時，就會顯示定位在該網址上的資源

網址的標準組成？

而一長串網址的統一格式如下：

[協定類型]://[伺服器位址]:[埠號]/[資源路徑]?[參數]#[區塊ID]

協定類型

協定有很多種，在網際網路中的數據互動(像是瀏覽網頁)是使用 超文本傳輸協定(HTTP) 或是 超文本傳輸安全協定(HTTPS)。

另外其他協定像是 SMTP 用在電子郵件、ftp 用在檔案傳輸、ssh 用在安全加密等等，協定有很多種，而每種協定都有他的用處。

比如：https://codingbeginner01.com/tag/beginner-must-know/

伺服器位址

這裡的伺服器是指提供服務的那台電腦主機，伺服器位址一般使用網域名稱或是IP位址。

比如：https://codingbeginner01.com/tag/beginner-must-know/

埠號

port 號，連結這個伺服器的接口，以數字表示，如果沒有特別設定port號即為預設值80，可省略不寫。

資源路徑

請求的資源路徑。

伺服器後面夾帶 /tag/beginner-must-know/ 表示會去 codingbeginner01.com 這台伺服器找到 /tag/beginner-must-know/ 這個資源

參數

請求時可能會夾帶一串參數在後面。

如果你到購物網站中搜尋產品，就會發現網址後面有一串看不懂的參數，而這些參數會夾帶在 ? 後面，可以夾帶很多參數，每個參數會使用 & 隔開。

? 後面帶了以下參數供查詢商品：

• keyword=豆干
• noCorrection=true
• page=0
• shippingOptions=2

區塊ID

# 後面接的是該網頁的區塊ID，就像是書籤一樣可以做記號，可以在網頁中的特定位置標記ID，如果網址後面帶ID就可以快速到達那一個ID區塊。

總結

網址（URL）的組成不一定要夾帶上述所有的資訊

可依照需求而定

最後，謝謝您的閱讀支持

如果不想錯過最新資訊，歡迎訂閱電子報

當專案在執行時，會進行資料的處理、邏輯的運算等等

這個過程當中，一定會先儲存許多資料等待進一步的邏輯處理

這時候就要瞭解到：這些資料要儲存在哪裡呢？

資料是先將它存放在記憶體中，需要用到的時候再從記憶體將這個資料拿來用

而每個記憶體空間都有地址，有地址才知道資料被存放在什麼地方

這個就稱為記憶體位址

一般是以固定長度的位數來記憶，比如像是 0120FFAA

But ...

當我們工程師要取用這些資料來運算時

難道要知道這一串記憶體位址才能拿到資料嗎？！

NO！！！這坨位數太難記憶了！！！

因此就衍生出了「變數」

直接將這個記憶體位址取名稱

就可以透過方便記憶的名稱拿到資料囉～

接下來要了解在Python當中如何建立變數

建立變數

建立變數的方式很簡單

變數名稱 = 資料

這個公式就是標準的建立變數的方式

在程式當中，一個等於代表 賦予值 的意思，與數學運算中的等於是不同的概念

建立變數，就是將資料放進去變數當中

變數的名稱是 自定義 的，也就是說想要命名什麼隨便你～

#建立變數
fruit = "apple"

#print打印出 fruit的位址
print(id(fruit)) # 140334445780784

#打印出fruit的值
print(fruit) # apple

為了顯示結果，可以使用 print() 函數打印出結果

id()函數可以知道變數的記憶體位址（你的位址可能跟我的不一樣）

P.S. # 表示註解

刪除變數

如果變數沒有再用到的話，就可以刪除變數以釋放記憶體資源

del 變數名稱

del fruit
print(fruit)

刪除剛剛所定義的 fruit 變數，再將其打印出來就會出現如下錯誤

------------------------------------------------------------
NameError                  Traceback (most recent call last)
<ipython-input-44-13884ae962ee> in <module>
----> 1 del fruit
      2 print(fruit)

NameError: name 'fruit' is not defined

錯誤訊息中的 name 'fruit' is not defined 表示fruit沒有被定義(建立)

變數的命名規則

雖然說變數是自定義的，但也有一些命名上的規定要遵守

不遵守規則就會報錯喔

• 第一個字 必須是英文大小寫字母、底線、中文。不可是數字。

Fruit = 'apple'
_fruit = '水果'
水果 = 'banana'

• 其他字 可由大小寫字母、底線、數字組成。

people_1 = '王小明'

• 不可包含空格、@、% 以及 $ 等特殊字符。

# 錯誤示範
what? = '什麼'
you&me = '你和我'

• 區分大小寫。
  大小寫不同視為不同變數，Fruit 跟 fruit 是兩個不同的變數。

Fruit = "apple"
fruit = "banana"
print(Fruit)
print(fruit)

• 不可與關鍵字（保留字）同名。關鍵字就是指python語法，已經被Python所定義有特殊使用方式的字。像是

if else for and or while try

結語

變數的定義讓資料的儲存與取得變得更容易

而為何要稱作「變數」呢？

是因為變數中的資料可以更動

fruit = "apple"
print(fruit) # apple
fruit = "banana"
print(fruit) # banana

相同的變數可以重複地賦予值

就會讀取到最後賦予的資料（會將前面的覆蓋掉）

此範例中，fruit 變數裡面存放的值已經變成了 banana 而不是 apple

以上我們就了解到了變數！

如果支持我的分享歡迎Follow IG：新手學程式0到1 給我更多回饋～

在安裝完成Ananconda之後，接下來要繼續來認識 Jupyter Notebook

學習Python就從這個相對簡單的環境開始

首先先開啟Jupyter Notebook

在Anaconda當中已經有預設幫我們安裝好這個軟體

開啟Anaconda > 首頁 > 點選Jupyter Notebook

啟動之後，會直接在瀏覽器當中開啟Jupyter

預設會顯示停留在「File」頁籤當中

「File」可以看到電腦裡的檔案及資料夾

注意：開啟之後的檔案路徑是在根目錄

這裡要移駕到你想要存放 Python檔案的資聊夾。比如：/ Desktop / python

移動到資料夾底下之後，就可以在這個資料夾底下創建檔案了！

創建檔案要按下右邊的「New」下拉選項，點選Python3

點下去之後就會幫你自動生成一個 Untitled.ipynb 的檔案

觀察你的資料夾底下就會生成這個檔案，表示檔案已經創建成功！

在檔案裡面，可以自定義檔案名稱，底下的區塊就可以編輯程式碼

先來認識一下 Cell 編輯區塊

使用 Jupyter Notebook 最大的好處就是這個Cell

在執行程式碼的時候，是以這個一個一個區塊來執行程式碼

好處是可以讓我們在初學程式碼時更方便的學習及除錯

Cell 可以新增很多個，按下功能區塊當中的 ＋ 符號，就可以在所處的 Cell底下插入新的 Cell

關於Cell 的新增、刪除，可以使用鍵盤快捷鍵 A 、 B 以及 DD

A：在上方插入 Cell

B：在下方插入 Cell

DD：刪除所處的 Cell

此時你很有可能發現，Cell 有兩種顏色：綠色、藍色

這兩個顏色代表不同的模式

綠色：表示編輯模式，可以編輯Cell區塊裡的內容

藍色：表示命令模式，像是可以執行 新增Cell、刪除Cell 等等的指令

想要從綠色編輯模式 跳出來 變成 藍色命令模式，按下「Esc」退出鍵即可

而在編輯模式中，可以編輯的內容其實不只有程式碼

在功能區塊當中有一個「code」下拉選項

這裡也可以切換不同種的編輯模式

預設就是Code 程式碼模式，也可以選擇 Markdown模式用來編輯Markdown語法

在功能區塊當中 儲存、複製、剪下、貼上、Run 執行程式碼 這些常用功能都可以透過快捷鍵！

在開始學習一門程式語言之前，都要先佈置好開發環境，也就是寫程式的環境。

對於新手一開始要學習Python語法，最推薦使用 Anaconda！

下載一個軟體就能建置好基本學習環境，不用煩惱還要安裝什麼。

而且 Anaconda 還是免費的，所以新手學習 Python 只要花點時間練習程式碼，其他幾乎都是零成本，不覺得投報率挺高嗎？

如果你也想學習Python，我們就一起從這裡開始吧！

Anaconda 有哪些優點？

• 免費
• 圖形化介面（新手友善👍）
• 已內建安裝許多常用套件，不需額外安裝（新手友善👍）
• 內含 Spyder 編輯器
• 內含 Jupyter Notebook（建議使用 Chrome 或 Firefox 瀏覽器開啟）
• 內建套件管理工具 conda

安裝 Anaconda

👉 官網安裝傳送門 👈

因為我的電腦是Mac作業系統，所以預設會出現 MacOS 的下載按鈕，如果你的作業系統是 Windows 或 Linux，選擇相對應的作業系統下載即可。

安裝包下載完畢後即可開始執行安裝，安裝的過程不會太複雜，一直按下一步就可以了，其他安裝路徑要額外指定的話就看個人需求，不然都使用預設設定就可以囉。

Anaconda 環境介紹

安裝完成後打開，主要有兩個部分，左邊 側邊欄（紅色框框），以及右邊 相對應的內容（橘色框框）。

打開一看發現，也支援太多功能了吧@@!!!

請放心，不用覺得眼花撩亂，因為主要會用到的只有兩個

1. 首頁
2. 環境

首頁介面說明

首頁中已經幫我們安裝好一些軟體，直接按下 Launch按鈕 就可以使用。

不過新手學語法也不用用到這麼多，何況有些軟體並不是給Python使用，Anaconda也支援 R語言、資料分析等等，所以新手大部分只會用到一兩個，像是 上圖橘色圈起來的 Jupyter、沒有圈起來的 Spyder，這兩個都可以拿來寫 Python 語法。

環境介面說明

在開發時，可能會應用到許多環境，不同環境下所安裝的套件會不同，需要建立其他環境的話可以在這邊創建。（什麼是套件之後會說明）

但以新手練習Python來說，一個環境就夠用了，所以就保持預設的base環境即可，也不用額外再調整什麼。

環境建置完成之後就可以來學習Python囉

不過在開始真正撰寫之前，要先來熟悉一下撰寫的工具

新手練習語法建議使用 Jupyter Notebook
ㄧ開始單純學習好語法就好，其他什麼的先不要煩惱

很多人在建置環境第一步就搞得暈頭轉向

而這並不是我們目前主要的學習重點，從簡學習，比較不會灰心

在下一篇新手學Python系列文章當中

將與你分享 Jupyter Notebook 的使用方法

什麼是網頁呢！？網頁就是你正在瀏覽的頁面

一個網站可能會有許多頁面，我們就稱之為網頁

而網頁是透過哪些語言所組成的呢？

主要有三大種

一、HTML

二、CSS

三、JavaScript

以下將一一解說這三種語言

一、HTML

• HyperText Markup Language
  簡稱：HTML
  全名：超文本標記語言
• 網頁的基本架構，如文字、圖片、超連結、表格等等的「內容」
• 檔案副檔名 .html .htm
• 非程式語言，僅僅只是一種「語言」

二、CSS

• Cascading Style Sheets
  簡稱：CSS
  全名：層疊樣式表
• 網頁的樣式美觀、佈局排版，如圓形的按鈕、紅色的背景、排版在左邊的側邊欄
• 檔案副檔名 .css
• 必須與HTML搭配使用才有作用
• 非程式語言

三、JavaScript

• JavaScript
  簡稱：JS
• 增添網頁與使用者的互動性效果，如警告出現的彈跳視窗、自動左右滑動的廣告banner、抽獎轉盤小遊戲
• 檔案副檔名 .js
• 是一種程式語言，前端工程師主要就是使用JS
• 跟Java沒有血緣關係，兩者是不一樣的程式語言！

結語

一個網頁的組成必定要有HTML與CSS

因為如果只有HTML沒人會想看

借一下全聯網站當示範

沒有CSS樣式就會變成……

有時候網頁CSS樣式載入失敗時，網頁就會變成這副醜醜的模樣

加上CSS樣式之後，就是正常的網頁了~

有排版有顏色等等的樣式

以上網頁的基本組成就是由 HTML、CSS、JS 三大語言所組成

如果想要成為網頁前端工程師

得先摸清HTML與CSS

有良好的基礎再學習JS會更快速喔！

在開發專案的階段

常常需要使用到圖片素材

這些圖片素材如果自行製作的話 往往需要付出大量時間

但是 想要找圖片素材 卻也不知道哪些圖片可以免費使用？

以下分享我常用的三個免費圖片素材網站

一、Unsplash

使用條款：

✅ 所有的圖片都可以免費使用並且下載

✅ 應用在商業、非商業用途都可

✅ 無需署名作者

❌ 沒經過大幅修圖的圖片不得販售

❌  利用unsplash圖庫複製出類似的圖片服務

💁‍♀️ 使用心得：

圖片畫質都很高清

甚至可以選擇圖片大小

搜尋需要打英文 但不妨礙使用 問問谷歌翻譯即可

二、Pixabay

使用條款：

✅ 除非圖片有特別標注不允許什麼，不然都可以免費下載並且用在商業或非商業用途

✅ 無需署名pixabay

✅ 圖片可修改

❌ 直接販售

❌ 以負面的方式描繪圖片中的人像

❌ 將圖片與品牌連結，產生產品/服務相關的誤導

💁‍♀️ 使用心得：

畫質也是高清

可搜尋中文很方便

三、Pexels

使用條款：

✅ Pexels 上的所有相片和影片均可免費使用。

✅ 無需註明相片來源、表揚攝影師或 Pexels 。

✅ 可以修改來自 Pexels 的相片和影片。

❌ 不得醜化或以冒犯方式呈現可識別身分的人物。

❌ 不得銷售未經處理的相片或影片，例如：不得在未經修改的情況下，用於海報、印刷品或實體產品上。

❌ 不得暗示圖像中的人物或品牌為你的產品背書。

❌ 不得重新散佈或銷售其他圖庫相片或桌布平台的相片和影片。

💁‍♀️ 使用心得：

免費圖片畫質也是一樣讚

搜尋可打中文

需要注意，有時找著找著會連到付費圖片

結語

製作專案時常常不知道哪邊可以取得素材

在網路上取得圖片素材都都要很小心不能觸犯著作權

以上三個網站都有提供可免費用在商業用途的圖片

而且畫質一點也不馬虎

喜歡哪個網站的圖片就看個人喜好

我個人最習慣使用Unsplash

如果你也有其他習慣使用的素材網站

歡迎留言在下方與大家分享！

SEO是什麼？

搜尋引擎優化（Search Engine Optimization，SEO）

就是運用頁面內與頁面外的實作來微調網站，提高網站在搜尋頁面上的排名。

關鍵字搜尋結果頁面底下主要會有兩大區塊

1. 付費廣告

2. 自然排序(SEO操作的部分)

為什麼需要SEO?

主要目的是：爭取網頁排名在第一頁，獲取免費自然流量

想想我們在上網找資料時

很少會按到第二頁的搜尋結果吧XD

如果網頁排名在第一頁

大家自然就會訪問你的網站

將主動轉為被動

不用再花大把的廣告預算推廣網站or品牌

只是SEO需要花費久一點的時間經營

需要透過時間及技巧來取得搜尋引擎的信任

雖然無法立即見效，但是長期下來的成本會比廣告成本低很多

是不可忽視的行銷手法之一

SEO的歷史演變

早期的SEO是抓取網頁中定義的關鍵字參數

但後來發現，有人會濫用這個標籤，定義無相關的資訊以爭取曝光率

因此就開始改變搜尋引擎的演算法

改為抓取網站內容作為分析來源，不再依靠網頁開發人員所提供的參數

現在除了網頁內容本身，演算法還會參考一些數據，像是

• 網站的年齡
• 內容的年齡
• 內容的獨特性

這就是為什麼SEO需要花時間經營

SEO還有分黑的白的？

在業界，SEO還有分為白帽與黑帽，甚至是灰帽

黑帽SEO是透過未經認可的手段來獲取排名

一但被發現，整個網站可能會永遠從搜尋引擎名單中剔除

很有可能需要砍掉重練，過往心血都付諸流水

白帽SEO是遵循搜尋引擎的指導方針

不違規的創造內容，是正確的搜尋引擎優化方式

可以避免被懲罰的風險

相對投入時間也會較長

不過付出最終也會有收穫

簡單來說 黑帽 白帽 灰帽就是

黑帽 → 不合法

白帽 → 合法

灰帽 → 遊走法律邊緣

總結

搜尋引擎的演算法會持續不斷更新

每次演算法的變革後，排名都有可能被改變

如果沒有持續的做好SEO，排名也可能會掉下來

所以SEO是一件長期抗戰的事情

SEO不一定可以很快增加網站流量，卻是可以根本的強健網站體質

搜尋引擎的目的就是將最相符的內容呈現給使用者

所以想要做好SEO，先把內容做好最重要

用心真誠的自創內容一定會在海海網站中脫穎而出

參考資料：SEO維基百科