2019年12月9日 星期一

Javascript入門必學8條件判斷式

Javascript不只有條件式,還有條件判斷式呢!你都會了嗎?


Javascript不只有條件式,還有條件判斷式呢!你都會了嗎?


 

switch 條件式

在 JavaScript 中,如果前端工程師 有多個條件需要測試,那麼,為每個條件編寫 if...else 語句,可能不是最有效率的作法。這個時候, 前端工程師 們可以使用 switch 敘述式,這方式就可以依據不同的條件,執行所指定的程式。 switch 用法如下方代碼所示:
See the Pen JavaScript8-switch-1 by Tedutw (@Tedutw) on CodePen.


switch 敘述式只運算一次,看看敘述是否符合各個情況(case)所指定的條件。當有條件成立時,則會執行該情況(case)所對應的程式。如以下例子:變數「day」若為 1 時則輸出「Mon」、為 2 時,則輸出「Tue」、為 3 則輸出「Wed」、為 4 則輸出「Thu」、為 5 則輸出「TGIF」,都不符合就輸出「Weekend day」。
See the Pen JavaScript8-switch-2 by Tedutw (@Tedutw) on CodePen.

註1:以上例子也可以使用 if...else 條件式 來寫,但不如 switch 來的精簡。
註2:每一個 case 中的「break」語句,作用是讓 JavaScript 跳出該 switch 程式區塊,以阻止更多的程式碼執行、或是繼續在該區塊內繼續測試的動作。通常一種情況(case)的條件陳述中,會放一個「break」。

switch 條件式中的「default」

當所有條件都不成立時,「default」關鍵字指定 JavaScript 要執行的動作。如下例,若變數「member」的值都不符合所有情況(case)的條件陳述時,JavaScript 就跑到「default」,顯示「不是Stratovarius的現任團員」。以下的變數(var)「member」的值為 「Tokki」, 前端工程師 可以看看是否符合每個情況(case)的條件陳述。
See the Pen JavaScript8-switch-3 by Tedutw (@Tedutw) on CodePen.


相關文章

Javascript入門必學7條件式

Javascript入門必學9-for迴圈

Javascript入門必學10 while和do while迴圈

前端工程師知識站:CSS background-attachment 背景固定模式設定

前端工程師後端工程師傻傻分不清?想學寫網頁不知道可就糗了!

只要看了這篇前端工程師就再也不用擔心不會選擇RWD和AWD了!

不想再領死薪水?來上Java課程,保證你笑咪咪領高薪! 

2天考取Google Ads證照!新手廣告投放攻略

擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師

44歲媽咪順利轉職網頁設計師, 家庭事業都得意

零基礎如何花 14 小時考取 GoogleAds 認證? 五種 GoogleAds 廣告不藏私攻略

從無到有-挑戰14小時取得Google證照

2019年12月5日 星期四

Javascript入門必學7條件式

Javascript入門必學招數之一-條件式!


Javascript入門必學招數之一-條件式!

if 條件式

前端工程師 在使用 JavaScript 編寫程式碼時, 如果希望程式能根據不同的狀態,執行不同的操作時,就需要使用條件陳述式(conditional statements)。
前端工程師 可以使用if 條件式敘述:當一個指定的條件成立(為真)時會執行的程式碼,用白話來說就是「當...條件成立時,則會執行...程式」。
if 條件式的 JavaScript 語法如下
See the Pen JavaScript7-if-1 by Tedutw (@Tedutw) on CodePen.

只有當指定的條件成立時,程式碼才會執行。
下面為 if 條件式 的範例,聲明當「變數 Num1 小於 變數 Num2」的條件成立時,才會顯示「JavaScript其實不難啊!」。
See the Pen JavaScript7-if-3 by Tedutw (@Tedutw) on CodePen.


承上面的例子,當「變數 Num1 小於 變數 Num2」的條件不成立時,則程式會自動跳過要執行的代碼,不會顯示「JavaScript其實不難啊!」。如下所示:
See the Pen JavaScript7-if-4 by Tedutw (@Tedutw) on CodePen.

 

else 敘述

當條件不成立,除了不讓程式執行,我們還可以選擇使用「else」語句來指定不符合指定條件時,所要執行的動作。上方例子,當不符合「變數 Num1 小於變數 Num2」 的狀況時,就顯示「 前端工程師 都必須學JavaScript」。
See the Pen JavaScript7-if-5 by Tedutw (@Tedutw) on CodePen.

 

else if 敘述

if 條件式 中,我們還可以加入「else if」敘述另一個條件。當所指定的條件不成立時,是否還符合另一個條件。如以下例子所示,當變數「age」大於 17 的條件成立時,則顯示「成人」;若不成立,則看看是否符合另一個條件(變數是否大於 11)。當另一個條件成立時,則顯示「青少年」;若兩個條件都不成立,就顯示「兒童」。
See the Pen JavaScript7-if-6 by Tedutw (@Tedutw) on CodePen.


相關文章

Javascript入門必學8條件判斷式

Javascript入門必學9-for迴圈

Javascript入門必學10 while和do while迴圈

前端工程師入門需要先知道什麼?零基礎入門先知!!

網頁工程師問與答:前端工程師的必備技能有哪些

教你如何分辨Python.Java第二部曲

搶救低薪大作戰,再不來上Java課程就來不及了!

2天考取Google Ads證照!新手廣告投放攻略

擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師

44歲媽咪順利轉職網頁設計師, 家庭事業都得意

零基礎如何花 14 小時考取 GoogleAds 認證? 五種 GoogleAds 廣告不藏私攻略

從無到有-挑戰14小時取得Google證照

2019年12月4日 星期三

人工智慧和物聯網的完美結合!

人工智慧和物聯網的革新,將擦出什麼新火花?


人工智慧和物聯網的革新,將擦出什麼新火花?


▲ 5G 網路的介紹
▲ AIoT 的介紹

 

延遲低於一毫秒的網路到底可以做什麼?

延遲低於一毫秒的網路,除了能讓你在線上競技遊戲中,快狠準的痛擊使用 4G 網路的對手之外,還能在穿流不止的車流中即時為你修正行車路線,或是在高速公路上叫醒快要打瞌睡的你。這些都需要比 4G 更快速、覆蓋率更高的 5G 才做得到!但是只有更快的網路還不夠,如果沒有更聰明的演算法,5G 充其量只是比較快的 4G 而已。所以到底是什麼讓 5G 擁有改變我們科技生活的魔法?

美女與野獸中會說話的傢俱,就快要出現了?

5G 更廣的頻寬讓生活中的每個東西都可以上網並連結人工智慧,成為人工智慧物聯網(AIot)的一部分,意思就是說:你的每一樣傢俱、電器都能思考了!想像一下這樣的生活,家中各個角落的垃圾桶可以相互連結,計算家中的垃圾總量,並搜尋最方便快速的垃圾車時間與地點。冰箱也會像媽媽一樣嘮叨了!她開始透過手機碎唸你上個禮拜丟進冰箱的巧克力蛋糕已經過期!
當然,萬物上網並不只是能讓家中的物品像【美女與野獸】中的茶杯茶壺一樣碎碎唸,它也會為你帶來更方便的生活。例如,冰箱除了會提醒你食物的保鮮期限,也會在網路上為你列出待採買的蔬果清單,讓你能一鍵買齊所有食材與廚房用品。或是可以上網查看氣象的鬧鐘,發現今天上班的路上交通特別順暢,那就大發慈悲讓你多睡五分鐘。你們期待與這些有趣的智慧型物件一起生活嗎?

萬物上網如何為網路世界帶來價值?

能連上網路的人與物件越多,網路本身的價值就越高。你可以想像,在 2G 的世界中,每個人的腰間都還掛著 BB call ,並在街邊的電話亭排隊等著通話的時代,那時並不是每個人都能上網,網路上的資訊相對有沒有這麼豐富。
如今每個人甚至每個物品都能連上網路的時候,網路上的資訊暴增億萬倍,網路的價值也日與俱增。而當 5G 的時代來臨,每個物品也能搜集周圍資訊並上傳的時候,網路上幾乎就充斥著全世界各地的數據,而這些數據的價值也將帶來無限商機。
不懂2G 世代到 5G 世代的科技如何演進?來看看這篇文章

人工智慧物聯網(AIoT)建構出的科幻世界如何成真?

而在這 AIoT 的浪潮之中,有三個產業的發展至關重要,也因為這些技術的發展,才建構出這萬物上網的夢幻世界

雲端數據分析

隨著網速的加快以及頻寬的擴大,在雲端存取資料已經和在本地端存取資料的速度差不了多少,甚至未來所有設備的運算功能也可以搬至雲端作業。意思是,以後你的電腦本身可能只有顯示與輸入的功能了!這樣的技術使輕薄的超級電腦成為未來的另一種可能!這樣的技術也將應用在各種家電設備上,因為不需要具備運算能力,所以只需要有連上網路的設備,就可以輕易的思考!到這裡看更多雲端數據分析的魔法吧:

嵌入式系統與感測器

要怎麼讓家電全部連上網路而不用加大體積?這時像指尖一般大小的上網設備就至關重要了!除了上網,嵌入式系統也讓物件之間可以相互串聯,交換所搜集的資料,形成我們生活中的智慧網路更多嵌入式系統的介紹,就來看這裡吧!
站在 2019 的尾端,我們正見證著 2020 人工智慧的滔天巨浪席捲而來,正準備滲透我們生活的每個角落。而在這個產業中,也即將誕生下一個 Google 、Facebook 等改變世界的獨角獸公司,想要趕上這科技的浪潮嗎?那就快來這裡看看吧!

相關文章

人工智慧爭輸贏!麻將AI與圍棋AI大PK(上)

人工智慧爭輸贏!麻將AI與圍棋AI大PK(下)

真假!竟連廁所都有人工智慧!?

雪中送炭!感謝AI人工智慧,讓流浪貓在冷冷的冬天也有地方溫飽!

國小課綱加入AI人工智慧,讓小孩搶先別人踏進科技的世界!

最新程式語言排行榜:Python再次蟬連最熱門語言之首

臉書現在也能靠這方法訓練AI人工智慧,而且你我都是其中一員! 

2天考取Google Ads證照!新手廣告投放攻略

擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師

44歲媽咪順利轉職網頁設計師, 家庭事業都得意

零基礎如何花 14 小時考取 GoogleAds 認證? 五種 GoogleAds 廣告不藏私攻略

從無到有-挑戰14小時取得Google證照

2019年12月3日 星期二

真假!48小時立馬拿到Google Ads證照

Google Ads證照48小時迅速取得!數位行銷小白必備!


Google Ads證照48小時迅速取得!數位行銷小白必備!



現代網路發達,人們使用谷歌搜尋資訊,網頁代替了紙質書刊、 Youtube 頻道影片逐漸取代了傳統電視節目。以網路平台作為行銷媒介的「數位行銷」隨之崛起,比起電視廣告、報章雜誌等傳統媒介,數位行銷具有門檻低、收費彈性、不受時空限制、受眾精準等優點。
2018 年,台灣的數位廣告投放量高達 389 億台幣,比起 2017 年的 330.97 億再創新高。現今許多品牌只做數位行銷,傳統產業也紛紛數位轉型,因此市場上對數位人才的需求日漸增高。

Google Ads 證照-數位新手入行門票
數位行銷種類多,如 Google 廣告、SEO 等,新手要從何下手?數位界老大 Google 推出的 Google 廣告「Google Ads 認證」,門檻低又具 Google 品牌公信力,是進入數位界的必考證照。
2017 年  Google 報告顯示:84% 的台灣人每天使用 Google 搜尋。意味者只要投遞 Google 廣告,就可能被這 84% 的人點擊,另外還能指定受眾爭取主動曝光。因此 Google 廣告獲業界青睞,對於 Google Ads 認證人才需求有增無減。

Google 廣告起源於 2000 年「關鍵字廣告」, 18 多年已擴展到五種投放方式:關鍵字、GDN、購物、Youtube、App,皆為「有點擊才收費」。 AdWords 證照也在 2018 年 7 月正名為 Google Ads。五種廣告介紹如下:

Google Adwords 關鍵字廣告

在 Google 輸入關鍵字後顯示的「搜尋結果」頁面,不時會有被標示為「廣告」的結果,就是「Adwords 關鍵字廣告」。這些廣告與所搜尋的關鍵字相關,意味著與搜尋者的需求相關,因此有機會將搜尋者轉換為客戶,能帶來較精準的流量。關鍵字廣告在輸入關鍵字後才曝光,不會主動出現而打擾受眾、引起反感。
當公司有限時活動或新產品推出時,業主可即時提交廣告,在兩天內(有時甚至不到一天)讓關鍵字廣告上架曝光。每一次的曝光、點擊、費用都被自動記錄,最後呈現數據報表,讓業主可依數據即時調整廣告內容、受眾等,加上「有點擊才收費」的特性,可讓每分廣告費都花在刀口,
在預算有限的情況下,使用「關鍵字廣告」可得到較精準的轉換與投報率。廣告以文字方式曝光 slogan、產品服務、活動內容等,因此文案內容撰寫、關鍵字的選擇,就是廣告是否吸引到受眾的關鍵。

Google 購物廣告 (Shopping Ads)

購物廣告包含圖片、品名、價格等資訊,是專為販售實體商品的電商所打造的投放模式。出現時機與關鍵字廣告一樣,都是因搜尋特定關鍵字才出現。

Google 多媒體聯播網廣告 (GDN)


GDN 廣告提供圖文影音多種格式,主動曝光在多個網站或 App 的廣告版位。目前有 200 多萬個網站集結成 GDN 廣告聯播網,可主動觸及九成以上的用戶,範圍廣大。業主可設定廣告投放客群、情境、甚至指定網站,達成精準行銷。
GDN 廣告還能追蹤標記用戶,對受眾進行再次投放(再行銷)。回訪客的轉換率為新訪客的三倍。

Youtube 影音廣告
根據 Google,平均每個月都有超過 10 億人觀看超過 60 億小時的 Youtube 影片。
多數 Youtube 影片會自動播放廣告影片五秒鐘,之後才會顯示「掠過廣告」按鍵,讓用戶決定是否繼續看。用戶在看了影片 30 秒或與影片有互動時,Google 才會收取廣告費。業主尚可設定廣告播放時間、位置、客群等,因此若預算足夠的話,業主千萬別放棄以 Youtube 影音廣告曝光產品的機會!

Google App 廣告
App 廣告僅針對 App 應用程式的宣傳,並只在行動裝置上出現。只要在 App Store 或 Google Play 上架 App,Google 就會自動抓取資料、生成廣告並尋找受眾,業主不需另外設定關鍵字。

用對方法 零經驗也能兩天內取得 Google Ads 認證
現在的 Google Ads 認證在 2018 年由「Google Adwords 認證」改名而成,但坊間仍有不少 Google Ads 教材未隨之更新。
要獲得 Google Ads 認證,需要通過兩項測驗:一為 Google 廣告投放通則的 「入門測驗;另一項則從上述的五種 Google 廣告中任選一項做進階測驗。對於尚未從事 數位行銷 的人來說,要獲得此職缺的面試錄取機會,這張認證是敲門磚。
新手想快速取得認證,就得在有限時間內用對方法學習、熟悉專有名詞,最好有老師帶領才有機會考取。目前已有機構聘任業界專家、開設假日課程,幫助零基礎新手在兩天內取得「Google Ads 認證」。因此無論是學生、在職或待業者,只要有心,都有機會考取而順利入行數位行銷。(文章出處:Yahoo奇摩新聞)


 
 

相關文章

零基礎輕鬆考GoogleAds認證秘訣大公開!(上)

零基礎輕鬆考GoogleAds認證秘訣大公開!(下)

別鬧啦!看漢堡王怎麼用網路行銷惡搞對手!

SEO優化師都愛用的Robots,兩種入門款都會了嗎?

Zepeto:網路行銷課程同學都在用的app,你下載了嗎?

連SEO優化師都大讚好用的Schema,你還不趕快來學?

自從會用HTML5,SEO優化搞定了,老闆更愛我了!

2天考取Google Ads證照!新手廣告投放攻略

擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師

44歲媽咪順利轉職網頁設計師, 家庭事業都得意

零基礎如何花 14 小時考取 GoogleAds 認證? 五種 GoogleAds 廣告不藏私攻略

從無到有-挑戰14小時取得Google證照

2019年12月2日 星期一

新版Google Ads編輯器來啦!10種新功能上線!

Google Ads編輯器1.2版上線囉!這次新增了10種功能呢!


Google廣告編輯器1.2版上線囉!這次新增了10種功能呢!







▲ 新版的 Google Ads Editor v1.2
谷歌在十一月七日發布了 Google Ads 編輯器(Google Ads Editor)1.2 版。這個版本增加了10種新功能:包括支援新的廣告類型和多重帳戶管理等。之前七月發佈的 1.1 版已經有一段時間了,所以新版上線囉。
以下是10大新功能的完整列表:

1. 在編輯窗格中隱藏重複的空白字段

一些「實體類型」(註:Entities,為廣告活動、廣告群組等類型的總稱)的項目類似,但被填寫的只有少數幾個。過去的編輯器總是顯示所有項目,這導致編輯區域變的很長,用戶常需要滾動滑鼠,從一個項目移到另一個項目。
新版的編輯器可以自動隱藏空白的項目,每當有變更時,編輯器都可以自動隱藏空白的項目或其相關的項目組合。用戶可自由選擇顯示或隱藏空白項目。


▲ 新版的 Google Ads Editor 可以自動隱藏空白的類型。

2. 在匯入 CSV 檔案時新增/移除標籤語法

過去透過 CSV 匯入功能或「大量修改」來更新項目標籤時,必須指定完整的標籤組合。現在,您可以新增或移除標籤,並保留所有現有標籤:
1.在標籤名稱前面加上「+」,即可保留該現有標籤。
2.在標籤前面加上「-」,即可移除該標籤並保留其他標籤。

3. 圖片名稱

Google Ads 中的圖片是可以命名的。現在,凡是從 Google Ads 帳戶所下載的圖片,編輯器都會顯示該名稱。
在編輯器中,當從電腦檔案新增圖片時,系統會使用檔案名稱做為該圖片的名稱。該名稱會與圖片資料一起上傳到 Google Ads 帳戶。

4. 在搜尋廣告活動中採用「盡量提高轉換價值」

搜尋廣告活動現已支援「盡量提高轉換價值」出價策略。請注意,該策略的「目標廣告投資報酬率(target ROAS)」欄位無法使用,必須留空。

5. 探索廣告活動

現在Google Ads 編輯器完整支援「探索廣告活動」 (又稱「自有自營」廣告活動)。這個版本包含探索廣告 (又稱「自有自營多素材資源廣告」)。「探索廣告活動」不支援輪轉廣告。

6. 通用應用程式參與式廣告活動 (UACe)

現在 Google Ads 編輯器完整支援通用應用程式參與式廣告活動。

7. 搜尋錯誤

用戶現在可在 Google Ads 編輯器的篩選列中選取「錯誤(Violation)」,篩選出標有特定錯誤的項目。

8. 共用排除關鍵字清單

用戶現在可在 Google Ads 編輯器左側選取「共用資料庫(Shared Library)」的「共用排除關鍵字清單」,與別的帳號共用同個「共用排除關鍵字清單」。
以下是更新的項目:

9. 影片廣告活動的展示頻率上限

影片廣告活動的展示頻率上限有兩項變動:
僅支援按「廣告活動」設定上限。按「廣告」或「廣告群組」設定上限的功能已不適用,且遭到 API 封鎖。
最多可設定 6 個上限 (「{曝光次數、觀看次數} x {每天、每週、每月}」的六種組合各可設定一個)。先前只支援兩個上限,一個是曝光次數的上限,另一個則是觀看次數的上限。

10. 「發布變更」對話方塊顯示更詳細的數量

點擊「發布」或「檢查變更」時,您會看到該對話方塊,當中顯示您要上傳/檢查的變更數量。之前該對話方塊只會顯示含有變更的項目總數。
現在,這個總數會依「即將建立」、「更新」及「刪除」的項目細分。這樣一來,用戶便能一眼看出即將進行的變更,這樣就不會誤刪廣告活動了。
若你想從事 網路行銷 ,但是尚未考取 Google Ads 認證的話,達內教育推出的「14 小時 Google Ads 認證 考照班(連結點此)」可以幫助你短時間內了解 Google Ads 的基本操作並且 2 天內取得證照。

相關文章

網路行銷必學Top10影片文字特效懶人包!

零基礎輕鬆考GoogleAds認證秘訣大公開!(上)

零基礎輕鬆考GoogleAds認證秘訣大公開!(下)

最新程式語言排行榜放榜,是Python第一還是Java第一?

想當一名遊戲開發者嗎?Unity3D幫你完成夢想!!

有趣的網路行銷讓漢堡王華堡戰勝麥當勞大麥克?!

一定要聽過的FB演算法part1

2天考取Google Ads證照!新手廣告投放攻略

擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師

44歲媽咪順利轉職網頁設計師, 家庭事業都得意

零基礎如何花 14 小時考取 GoogleAds 認證? 五種 GoogleAds 廣告不藏私攻略

從無到有-挑戰14小時取得Google證照