Java瑪奇朵-非本科系的IT吃喝電玩日誌

最真實的達內教育評價來自學員們的真心分享!!看完就快去報名吧!!
▲ 掌握了自己的職涯，林同學也有了更多時間陪伴家人朋友
只有決心還不夠，更要用對的方法、找對的嚮導
「並不是只要想就可以改變低薪的職涯，你更需要有破釜沈舟的決心！」 林◯棠同學一開口談的不是轉職成功的美好生活，卻是當時下定決心的心情以及隨之而來的刻苦努力：「讓自己沒有退路，才能脫離不想要的工作！」。真理大學畢業的林同學，本來是位設備測試工程師，但受不了每天 12~15 小時的超長工時，讓他的生活除了工作只剩睡覺，看不到職涯希望，才毅然決然決定轉換人生跑道，將未來掌握在自己手中。
程式初學者的夢魘，在這裡都不會成真
談及對達內教育 Python 課程的評價，林同學馬上就提起那位專業又耐心的輔導老師。面對毫無程式基礎的林同學，輔導老師主動關心並追蹤他的學習狀況，讓他在程式學習的道路上多了一位專業人士的陪伴。輔導老師耐心的與他解釋所有 Python 課程中的疑難雜症，更手把手的教導林同學無法解決的難題。本來以為零經驗轉職的旅程會受到很多勸退與學習上的障礙，但在與輔導老師一步步解決每一個難題的同時，他對於未來職涯的迷茫也緩解了許多，也是林同學給達內教育最高評價的主因。
讓林同學放心的除了貼身指導的輔導老師，還有達內與業界銜接的實戰訓練。不管是AI語音識別系統的撰寫，或是程式交易的數據分析專題，都讓每一位接受 Python 教學課程的學員們都能在就業後具備程式語言「即戰力」。畢竟對於想轉職工程師的學員來說，沒辦法立即就業的 Python 教學課程又有什麼價值呢？
程式線上課程？那很容易半途而廢吧？
面對達內教育線上課程容易紀律鬆懈的評價與疑惑，林同學卻抱持著不一樣的意見：「身為初學者，能以自己的步調理解 Python 教學中的每個基礎概念，是不可或缺的！」以學長的姿態，林同學向所有對線上課程卻步的學員們喊話。林同學更補充，若不是線上課程，他就沒辦法接觸到北京業界一流的 Python 教學師資。「既然都要學了，當然要跟最好的老師，學最先進的技術！」我想，就是這樣追求卓越的決心以及面對學習挑戰的屹立不搖，讓他在達內教育的 Python 教學課程中成為程式語言的佼佼者吧！
 
更多關於達內教育評價的文章請點下方連結喔~
 
 
 
其他閱讀
哪些品牌在東方富比世榜上有名? 達內教育,海爾等等知名企業都進榜!!
機器人會跟你搶飯碗?達內教育教你如何善用人工智慧!
對自己未來很迷茫?聽林同學給達內教育評價,你會發現...
人工智慧讓你看清肥胖的原因 讓Python課程教你如何做到
美國NASDAQ上市公司、外商IT教育培訓企業
Python課程讓你免煩惱AI智慧的8億職缺危機 還能輕鬆領高薪
全球TOP 5熱門程式語言,除了Java課程你還應該知道….
2天考取Google Ads證照！新手廣告投放攻略
擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師
44歲媽咪順利轉職網頁設計師, 家庭事業都得意
零基礎如何花 14 小時考取 GoogleAds 認證？五種 GoogleAds 廣告不藏私攻略
從無到有 挑戰14小時取得Google證照

真的只要14個小時就能成功取得Google Ads的證照嗎?讀完這篇你就知道~(下)

身為SEO人員~要怎麼做才能讓自己的跨境電商和多國語言網站被更多人看到呢?看這篇就對了!!
當在架設擁有多語言的網站（如跨境電商網站）時，你需要注意幾個 SEO 的要點要注意。因為目前的演算法機制著重於網站的使用者體驗，所以若 SEO 做得好的話，無論對你的客戶、或是你的商業，都是有正面效果的。
要進行多種語言的 SEO，首先要確保使用者可以在他所在的地區內，看到對應於該地區的網頁（這意味著美國有美國的網頁、甚至在加拿大的法語區與英語區的網頁是不同的），同時也要避免讓搜尋引擎誤會網站中有「太多內容重複的網頁」而在排名上給予逞罰。幸好 Google 有針對多國語言，做了一些 SEO 上的建議，讓我們可以放心的進行 SEO 優化、提昇網頁排名。
首先，也是最重要的，是要先了解多國語言 SEO 的本質：
什麼是多國語言/跨境電商網站的 SEO？
多國語言 SEO （multilingual SEO）是指在同一個網站上，分別針對各種不同的語言，來做對應的 SEO 優化。如此一來，不同國家的使用者就可以輕易看見你的網頁，幫助你更快的開拓市場。多國語言網站/跨境電商網站的 SEO 基要如下列五點：
1. 使用包含語言指示的 URL
一個多國語言網站，首先要避免的是：讓搜尋引擎誤判為「重複的內容」而降低網站權重。
雖然並非所有重複的內容都對 SEO 有害，但是當同樣的內容出現在網站的多個頁面中，可能會導致排名降低、甚至跳出搜尋引擎索引之外。

避免因被搜尋爬蟲誤判內容重複而導致懲罰，Google 就建議使用含有「language indicator（語言指示符）」的「專用 URL」。
含有「language indicator（語言指示符）」的 URL 可讓使用者以及搜尋引擎，可以直接從網址的文字，看出該網頁的使用語言。例如，若原本的網址為 www.example.com，則其英文的版本就可以為「www.example.com/en」、法文版本即為「www.example.com/fr」，以此類推。


無論你的 URL 是頂級網域、子網域或是子目錄的架構，都可插入語言指示符，例舉如下：

頂級網域：www.example.en

子網域：www.en.example.com

子目錄：www.example.com/en

 
就算是使用 language indicator（語言指示符），有時候仍然會有被 Google 誤判的狀況（點此看例子）。因此這只是確保網站與多國語言 SEO 兼容的第一步，且還有很多要做的。

SEO優化-網址優化與子目錄

2. 使用<hreflang>標籤
除了前面提到的「language indicator（語言指示符）」之外，Google 也使用了<hreflang>標籤來輔助辨識網頁的語言、針對哪個地區等等。

<hreflang>標籤可以加在網頁中的 header 區域，或是使用網頁地圖 sitemap 來提交。例如，一個針對住在加拿大的法語區居民的網站其<hreflang>標籤可能會是：
<link rel=”alternate” hreflang=”fr-ca” href=”http://example.com/fr/” />
要是是針對多重地區的網頁，就可以依照地區的多寡，而加多個<hreflang>標籤。
3. 每一頁都只專注用同一種語言
當只翻譯一個頁面的某些部分、其他部分保持原來的語言，聽起來可能很省力省時。一個頁面呈現多種語言的狀況，經常見到的狀況如下：

只翻譯主要內容、導覽列仍維持原語言

使用者自產內容（如論壇網站上，不同的留言可能會以留言者使用的語言出現）

在以上的例子中，這個頁面的預設語言以及地區都可以使用前述的<hreflang>標籤來定義。
但是當一個頁面呈現許多不同的語言，會降低使用者體驗。上述的第一個例子中，雖然主要內容是以多種語言呈現，方便各國的使用者閱讀。但是當他要瀏覽同站的其他頁面時時，他可能看不懂導覽列（因為導覽列只以原來的語言呈現）所以就無法逛到同網站的其他頁面而增加跳出率。上述的第二個例子中，由於論壇呈現各種不同的語言，所以可能會讓該討論內容無法連貫，甚至讓使用者感到困惑。
因此你必須盡可能讓你的頁面，從導覽列到內容等，都是用同一種語言。但是倘若你的網頁很多（如電商網站）、或是人力有限的話，坊間有一些付費工具，可以自動偵測網頁上所呈現的語言（包含論壇網頁中不同語言的留言）並翻譯，以確保不同語言的使用者可以讀懂你的網頁。
4. 翻譯你的中繼標
中繼標一直以來都是網頁優化的重點。所以除了網頁內容有多國語言之外，也別忘了把中繼標翻譯成對應的語言 - 當然你必須避免逐字的機械式翻譯，以免不符合該語言的文法與敘述方式。
SEO 應該要針對目標國家，做該國家的關鍵字研究，看看哪些關鍵字及搜尋習慣（慣用的搜尋引擎、該語言區人民較常搜尋的字眼等）是符合該地區，並做出關鍵字規劃。像是日本的關鍵字規劃可能就無法複製到法國、美國左岸的關鍵字搜尋習慣可能就不同於右岸等等，所以不同的國家就有不同的關鍵字規劃。
坊間有一些免費或是需要付費的 SEO 工具，例如 Ahrefs 或是 Ubersuggest，可以針對不同的地區/國家給予不同的關鍵字建議清單。

SEO 8部曲之3-老方法Meta Tag還是要做

5. 確認你網頁的載入速度夠快

從 2018 年 7 月開始，網頁載入速度就是影響排名的重要因素之一。當 SEO 為了提昇網頁速度，而所做的每一個微調，都會大大影響網頁的流量（對於原本載入速度超過三秒的網頁最明顯）。SEO 可以安裝啟用頁面緩存的插件、或是使用 CDN 等方式來加速網頁的載入速度。

SEO 8部曲之2-你的網頁夠快嗎?

其實以上只有舉例五點多國語言 SEO 的基本要點。其實每個國家的 SEO 都有所各自需要注意的細節，而且也不是所有國家的使用者都跟台灣、美國一樣，慣用 Google 搜尋引擎。像是美國之外，全球第二大經濟體中國大陸，則是使用百度搜尋引擎，在演算法與 Google 有所不同，因此 SEO 的手法也有所不同。目前台灣也有數位行銷教學單位，針對百度搜尋引擎開設 SEO 課程，請點此「百度搜尋引擎 SEO 課程」了解詳情。另外， 若想善用 Google 行銷工具，可點此「Google 數位行銷工具六小時課程」了解詳情。
 
更多SEO相關文章請到本部落格首頁搜尋喔!!
 
 
 
其他閱讀
SEO優化課程教你在短短幾分鐘內快速設定好robots meta!!
SEO優化教你認識URL網址結構大小事!! 解讀優化一把罩!!
SEO優化人員和前端工程師一定要知道的語意標記入門!!
人工智慧讓你看清肥胖的原因 讓Python課程教你如何做到
美國NASDAQ上市公司、外商IT教育培訓企業
Python課程讓你免煩惱AI智慧的8億職缺危機 還能輕鬆領高薪
全球TOP 5熱門程式語言,除了Java課程你還應該知道….
2天考取Google Ads證照！新手廣告投放攻略
擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師
44歲媽咪順利轉職網頁設計師, 家庭事業都得意
零基礎如何花 14 小時考取 GoogleAds 認證？五種 GoogleAds 廣告不藏私攻略
從無到有 挑戰14小時取得Google證照

真的只要14個小時就能成功取得Google Ads的證照嗎?讀完這篇你就知道~(上)

喜歡Switch的讀者們聽過Unity3D嗎?想開發遊戲的話就非學好他不可喔~
重現馬力歐經典遊戲！Unity3D 支援平台「任天堂 Switch」遊戲夯
任天堂，是所有熱愛遊戲的玩家們一定聽過的夢想製造廠，從 2006 年推出的 Wii ，到 2014 年誕生的 PokemonGo。任天堂一再的在人們快要淡忘這家公司時，再次震驚世人，並改造人們的遊戲體驗。
而2017年，就在人們都以為手機遊戲才是遊戲世界的未來時，任天堂卻反其道而行的推出了 Switch，一個可以帶在身上的螢幕遊戲器。並在推出後一個月賣出了超過一千五百萬台，更帶動任天堂的營收成長整整一倍。這樣的遊戲產業傳奇的起頭，就必須談及1980年誕生的那位留著大鬍子、身穿鮮紅色吊帶褲的馬力歐叔叔。

▲ 任天堂的傳奇歷史
你知道大力水手卜派與超級馬力歐有血緣關係嗎？
沒有玩過任天堂 Switch 你也一定見過馬力歐叔叔圓 Q 的身影，他就這樣輕輕鬆鬆的攻下了 Switch 熱賣遊戲榜上的前三名，包括【馬力歐賽車】！馬力歐最早誕生在 1980 年任天堂出產的一款掌上型遊戲機 GAME&WATCH 系列名作【大力水手】之中。本來主角是要由大力水手卜派飾演，但是任天堂與漫畫商洽談角色版權失敗，於是任天堂乾脆將本來的卜派加上大鼻子與大紅吊帶褲，以及一頂永遠不脱下的帽子，但是你知道他為什麼要戴帽子嗎？
我的第一個直覺是：馬力歐一定是懶得洗頭髮！
雖然這個答案是錯的，但是真相也相去不遠了。原因是因為任天堂公司的遊戲設計師懶得畫馬力歐在跳躍時舞動的頭髮。所以就直接讓他戴帽子，從根本解決了這個遊戲設計師的煩惱。設計馬力歐原型的宮本茂還曾得意的說：這樣連他的眉毛、瀏海都不用畫了呢！
馬力歐叔叔就這麼誕生了，並且帶領任天堂縱橫遊戲世界近30年！

▲ 最新 Switch 馬力歐經典遊戲
遊戲設計魔法師的魔杖：Unity3D 開發
但是在這樣競爭激烈的遊戲產業中，任天堂的公司氛圍卻不像一般的科技公司，而更像藝術家村落，尊重每一位遊戲設計師的空間以及休憩。這樣的公司文化，也凸顯了遊戲開發的本質，並不像一般的技術開發，而更需要一顆充滿創造力的藝術心。
Unity 3D 遊戲設計除了必須具備遊戲場景設計的藝術思維，更需要了解玩家的遊戲心理，一步步帶領玩家進入遊戲的奇幻世界。所以 Unity3D 遊戲開發不只是需要開發人員的程式能力，更需要洞悉電玩玩家的遊戲心理，以及遊戲畫面的設計，是需要結合多個領域的全新職業。
所以，你是個熱愛遊戲、卻沒辦法成為電競選手的玩家嗎？成為 Unity 3D 遊戲設計師是你擁抱遊戲職涯的另一種可能！隨著 Switch 席捲全球，現在的遊戲產業正迎來更大的巨浪。若你也想成就自己的遊戲帝國，現在或許是不錯的時機！

▲ 一人團隊！用 Unity 開發出任天堂 Switch 高質感遊戲:

▲ 以 Unity 開發出的十大優質遊戲
 
心動不如馬上行動吧!!快點手刀報名去!!
 
 
 
其他閱讀
怕過勞又薪水不漲嗎?!開始上UI課程你可以過你要的人生!
程式語言都會了,為什麼還要來上UI課程?
為什麼小屈能穩坐台灣藥妝界龍頭?UI 課程是關鍵!
人工智慧讓你看清肥胖的原因 讓Python課程教你如何做到
美國NASDAQ上市公司、外商IT教育培訓企業
Python課程讓你免煩惱AI智慧的8億職缺危機 還能輕鬆領高薪
全球TOP 5熱門程式語言,除了Java課程你還應該知道….
2天考取Google Ads證照！新手廣告投放攻略
擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師
44歲媽咪順利轉職網頁設計師, 家庭事業都得意
零基礎如何花 14 小時考取 GoogleAds 認證？五種 GoogleAds 廣告不藏私攻略
從無到有 挑戰14小時取得Google證照

JavaScript基礎入門教學登場啦!!需要的同學快往下閱讀吧!!(六)
邏輯運算子
JavaScript 中的邏輯運算子，又稱作「布林運算字（Booleen Operators）」，可用來評估表達式，並且回傳 true 或是 false。


邏輯運算子
敘述




&&
and 運算子：若兩個運算元為真，則回傳「ture」


||
or 運算子：若其中一個運算元為真，則回傳「ture」


!
not 運算子：若運算元不為真，則回傳「ture」


上表中的JavaScript 運算子，範例如下所示，前兩個分別為「and 運算子」、「or 運算子」連接兩個布林表達式，最後一個為「not 運算子」接一個布林表達式
See the Pen 邏輯運算子｜JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.

條件運算子
也有一種

JavaScript教學的邏輯運算子為「條件運算子」，會根據指定的條件而指派一個值給一個變數，寫法如下：
variable = (什麼樣的條件) ? 第一個值:第二個值
範例如下所示：
See the Pen 條件運算子｜JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.

 
在以上例子中，如果變數 age 的值小於 18 的話，則變數 isAdult 的值將為「未滿18不得入場」，若變數 age 的值為 18 以上的話，則變數 isAdult 的值將為「18歲以上可以入場」。
 
欲知更多JavaScript教學文章,請到本部落格首頁搜尋喔~
 
 
 
其他閱讀
Python控制結構1.布林值Boolean-True or False?
 
Python控制結構2.if else條件判斷(1)
 
Python控制結構2.if else條件判斷(2)
 
Python控制結構3.布林邏輯:and,or,not
 
Python控制結構4.運算子優先順序(Operator precedence)一覽
 
Python控制結構5.while 迴圈
 
Python控制結構7.List串列與其他運算子的應用
 
Python控制結構8.List-append,insert,index,len函數
 
Python控制結構9.Range數列生成
 
Python控制結構10.for迴圈
 
 
 
 

這篇要來跟每位對UI設計有興趣的同學來介紹一下關於黑色的設計應用和意義!!快往下看吧!!(下)
本篇為

每位UI設計師都應該要會的五個關於黑色的設計及應用~(上)的下集
3. 讓你的設計更簡潔、更有記憶點
當初見一項商品、或瀏覽一個網頁，容易讓大眾留下印象的是什麼呢？是整體的視覺印象，也就是 UI 課程 會強調的介面設計，而視覺印象則是取決於色彩運用。透過讓品牌視覺形象中的視覺印象的不斷重複，就能夠加深使用者對品牌的印象。
在品牌經營上，色彩有助於吸引喜好自己品牌的客群，將色彩形象落實在商品、圖像等方面，久而久之客人看到某種顏色時就會聯想到你的品牌。
4. 能平衡過亮的顏色
若使用明度較高的亮色，以黑色為基底時能平衡整個畫面，使亮色不至過於刺眼；並且加入些許亮色，能與黑色對立並形成點綴，讓觀看者能專注於色彩變化，整體畫面層次平衡且又能建立脈絡。
但正是因為黑色容易吸收和稀釋周圍的一切顏色，所以建議慎用黑色作為品牌LOGO的主體色喔！
5. 黑白色搭配永遠不過時
無論在服裝設計、平面設計、商業設計或多媒體設計，黑白配色永遠有超然的地位。
純粹的黑與白除去多餘的干擾，又能展現出迥異多變風格，從古至今黑白色實驗性的創新用法層出不窮，將黑色變成了一種永恆，使創意變得無所不能。
UI 設計 這門專業包羅萬象，除了科學理論、資訊架構技巧，基礎設計美感等等，行銷大師 Neil Patel 曾說：「顏色在你購買特定產品的原因中佔了85％。」可見色彩學也是很重要的知識。
想要進修 UI 課程 的同學們，在挑選課程時也要仔細選擇喔。
 
部落格首頁還有很多UI設計和UI課程的相關文章喔~有興趣的話快去看看吧!!
 
 
 
其他閱讀
怕過勞又薪水不漲嗎?!開始上UI課程你可以過你要的人生!
程式語言都會了,為什麼還要來上UI課程?
為什麼小屈能穩坐台灣藥妝界龍頭?UI 課程是關鍵!
人工智慧讓你看清肥胖的原因 讓Python課程教你如何做到
美國NASDAQ上市公司、外商IT教育培訓企業
Python課程讓你免煩惱AI智慧的8億職缺危機 還能輕鬆領高薪
全球TOP 5熱門程式語言,除了Java課程你還應該知道….
2天考取Google Ads證照！新手廣告投放攻略
擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師
44歲媽咪順利轉職網頁設計師, 家庭事業都得意
零基礎如何花 14 小時考取 GoogleAds 認證？五種 GoogleAds 廣告不藏私攻略
從無到有 挑戰14小時取得Google證照

JavaScript基礎入門教學登場啦!!需要的同學快往下閱讀吧!!(五)

這篇要來跟每位對UI設計有興趣的同學來介紹一下關於黑色的設計應用和意義!!快往下看吧!!(上)
色彩的魔力：黑色在UI設計的運用

▲ 黑色的UI設計範例
色彩對人造成的影響是非常強烈的，色彩心理學的開創者 Carl Jung 曾說：「色彩是潛意識的母語。」即使沒有自覺，但是我們的各種選擇其實都受到潛意識左右，而潛意識則很容易被顏色影響。CCI COLOR的研究顯示，消費者在網路上評估一項商品時平均只花費短短90秒，而對於產品的印象，有62%以上都來自於顏色。
因此「色彩心理學」對於 UI 設計 非常重要，無論是要設計軟體產品的介面、品牌形象網頁的整體視覺風格或提升 使用者體驗（UX) ，都不可或缺，但是並不是每個 UI 課程 都有這方面的教學。
今天將探討「黑色」的色彩意義，以及優秀的 UI 設計 師必須掌握的配色技巧！
黑色：最富有多元意義的顏色

▲ 德國的歌德金屬樂團 Lacrimosa 的專輯封面，一率用黑白且富有歌德元素的素描
說到黑色代表的意象，你可能會想到：侵略、權力、優雅、高貴、恐懼、神秘、邪惡……會有這麼多含意，是因為黑色被色彩學定義為無彩色，但能帶給人心理上的特殊感受，在許多文化中都賦予了黑色不同的哲學意涵，是一種心理色調。
歐美文化中，黑色經常被賦予死亡、恐懼的意義，如稱呼鼠疫為黑死病；同時也是悲傷的象徵，如參加葬禮會著黑色衣服。
在中國文化中，黑色在《易經》裡被認為是天的顏色，同時也是眾色之王，是古中國單色崇拜最長的色系。以黑白表示陰陽合一的「太極圖」，是中國千百年的哲學思想結成的碩果。
正因黑色在文化意義層面上被賦予多種的寓意，當用於設計作品時，也可以傳達出各種不同的概念:
1. 只使用黑色，能凸顯空間感和構圖
▲ 黑白常用在建築繪圖中，凸顯空間感和構圖（圖片來源：andrewprokos.com
黑色因沒有色調深淺和亮度，常被認為是嚴肅、正式的顏色，但相對地，黑色當作背景能讓產品凸顯出來，在呈現空間感的同時看起來更具質感。但若是有大量文字的網頁就不建議以黑色作為背景色，因會使閱讀變得吃力。
同時，只使用黑色也能凸顯核心重點，避免被過多的顏色分散焦點。
2. 畫面容易達成一致性
▲ 黑色用在 UI 設計，能讓很多畫面達成一致性
因人類的大腦天生就對井井有序、整齊易懂的設計有所偏愛，無色調的黑色方便透過深淺漸層的配色方式，讓視覺保有一致性，自然地帶給觀者美的感受。
一致性指的是畫面上各個色彩之間的和諧一致。在同一個框架內，配色沒有做到協調一致的話，設計容易變得支離破碎。
本文待續，下集請

每位UI設計師都應該要會的五個關於黑色的設計及應用~(下)
 
部落格首頁還有很多UI設計和UI課程的相關文章喔~有興趣的話快去看看吧!!
 
 
 
其他閱讀
怕過勞又薪水不漲嗎?!開始上UI課程你可以過你要的人生!
程式語言都會了,為什麼還要來上UI課程?
為什麼小屈能穩坐台灣藥妝界龍頭?UI 課程是關鍵!
人工智慧讓你看清肥胖的原因 讓Python課程教你如何做到
美國NASDAQ上市公司、外商IT教育培訓企業
Python課程讓你免煩惱AI智慧的8億職缺危機 還能輕鬆領高薪
全球TOP 5熱門程式語言,除了Java課程你還應該知道….
2天考取Google Ads證照！新手廣告投放攻略
擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師
44歲媽咪順利轉職網頁設計師, 家庭事業都得意
零基礎如何花 14 小時考取 GoogleAds 認證？五種 GoogleAds 廣告不藏私攻略
從無到有 挑戰14小時取得Google證照

JavaScript基礎入門教學登場啦!!需要的同學快往下閱讀吧!!(四)
數學運算子
JavaScript 中的數學運算子，作用是對數字（文字的形式或是變數的形式）進行函式運算。


運算子
敘述
範例




+
加號
1 + 1 = 2


-
減號
2 - 1 = 1


*
乘號
2 * 3 = 6


/
除號
10 / 2 = 5


--
減去
var a = 10; a--; Now a =9


%
餘數
20 % 3 = 2


++
遞增
var a = 10; a++; Now a =10


--
遞減
var a = 10; a--; Now a =9


在下面例子中，加號運算子是用來決定兩個數的和：
See the Pen Addition｜Math Operator｜JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.
你也可以運用多種變數，例子如下：
See the Pen Addition-2｜Math Operator｜JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.
承第一個例子，假如我們把「var x = 20 + 30」使用字串表示，變成「var x = "20 + 30"」的話，答案就不會是 20 + 30 的和，而是以字串形式呈現如下:
See the Pen Addition-string｜Math Operator｜JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.
 
減、乘、除運算子
四則運算中，除了上述介紹的加號運算子外，JavaScript 的減、乘、除運算子範例如下：
See the Pen 減、成、除運算子｜Math Operator｜JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.
 
遞增與遞減運算子

JavaScript教學 的遞增運算子「++」把數值加一，至於運算元的前後，意義各異：要是置於運算元的前方，則回傳被遞增的值；要是至於運算元的後方，則回傳原值，然後才遞增運算子。這樣解釋看似模糊，請見範例如下：
把遞增運算子放在運算元「y」前方的例子：
See the Pen 遞增運算子++var｜Math Operator｜JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.
把遞增運算子放在運算元「y」後方的例子：
See the Pen 遞增運算子var++｜Math Operator｜JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.
 
同理，遞減運算子「--」則是把數值減一，於運算元的前方，則回傳被遞減的值；要是至於運算元的後方，則回傳原值，然後才遞減運算子，範例如下：
把遞減運算子放在運算元「y」前方的例子：
See the Pen 遞減運算子--var｜Math Operator｜JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.
 
把遞減運算子放在運算元「y」後方的例子：
See the Pen 遞減運算子var--｜Math Operator｜JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.