星期一, 12 4 月, 2021
23.4
C
Taiwan
- 最新消息
- 科技新聞
- AllAI人工智慧AmazonAppleCovid-19 新冠肺炎DeepMindFacebookGoogleIBMKKBOXLineNetflixNVIDIAOpenAISamsungUnity3D區塊鏈台灣人工智慧學校台灣人工智慧實驗室微軟擴增實境 AR
【SEO關鍵字研究教學3】關鍵字挑選五步驟
本文把SEO挑選欲優化的關鍵字分為五步驟，並說明如何從消費者的需求出發發想關鍵字，如何從Google搜尋結果頁與SEO工具、還有競品網站搜集關鍵字並查驗結果。【SEO關鍵字研究教學2】冷門的長尾關鍵字篇
在SEO關鍵字研究中，還可依照關鍵字的熱門度分為「核心關鍵字」與「長尾關鍵字」。核心關鍵字搜尋量高且競爭度高，長尾關鍵字搜尋量不高，但是競爭度低且容易觸及到精準客戶，好操作且數量多，因此適合SEO新手或中小型網站操作「超能力」具現化？臉書推手腕 AR 感測器 讓你隔空操縱介面
社群平台 Facebook 近日分享旗下研究中心最新研究，公開了最新的腕帶式的 AR 感測器，讓使用者只靠手腕感知，就可以實現如隔空操控介面、高速打字、透過觸覺反饋得知來電者等等讓生活更加便利的功能。 Facebook 也 PO 出展示影片，其中酷炫的功能與操作方式也讓許多人聯想到如「隔空取物」般的超能力！ Facebook Reality Labs 再添新產品 AR、VR 一把抓 Facebook 近年來致力發展 AR/VR 的研究與應用，2020 年 8 月更是把內部各個與 VR、AR 有關的研究團隊全都納入 Facebook Reality Labs，並從原本的研究中心，擴大成為容納相關軟體及硬體研發的實驗室。 Facebook...Google為保護隱私，棄Cookie卻改用人工智慧？
Google官方部落格證實將棄用Cookie技術追蹤,改用人工智慧技術-FLoC.這款與傳統機器學習不一樣的FLoC演算法將不只投放廣告,也能保護隱私?網站核心指標LCP、FID、CLS將於五月成SEO排名因素！優化看這篇就夠了
2021年5月Google網站核心指標(LCP、FID、CLS)即將成為SEO排名因素!本篇詳細介紹何謂LCP,FID,CLS這三大指標以及如何優化,還有Google官方檢測工具有哪些人工智慧將照片變動畫，讓已逝親人「活過來」對你微笑？
人工智慧將照片變動態,讓已逝親人眨眼微笑!以色列一家基因溯源公司MyHeritage,日前公開人工智慧服務Deep Nostalgia,透過人工智慧讓肖像照片動起來,能眨眼,微笑等27歲華裔工程師用人工智慧，預測疫情比專業準！
人工智慧用來預測疫情死亡人數竟神準,還是出自27歲MIT華裔工程師Youyang Gu打造的機器學習演算法.Youyang Gu的專長是人工智慧,機器學習,一手打造了Covid-19預測網站Google放寬Search Console網站核心指標的標準！SEO會更好做嗎？
最近SEOer可能們會在Search Console的網站使用體驗核心指標Core Web Vitals報告看到更多的網頁被評比為速度良好.但這並非是因做了什麼SEO優化,而是因最近Google放寬了網站使用體驗核心指標LCP,FID與CLS的標準
- 數位行銷
【SEO關鍵字研究教學3】關鍵字挑選五步驟
本文把SEO挑選欲優化的關鍵字分為五步驟，並說明如何從消費者的需求出發發想關鍵字，如何從Google搜尋結果頁與SEO工具、還有競品網站搜集關鍵字並查驗結果。【SEO關鍵字研究教學2】冷門的長尾關鍵字篇
在SEO關鍵字研究中，還可依照關鍵字的熱門度分為「核心關鍵字」與「長尾關鍵字」。核心關鍵字搜尋量高且競爭度高，長尾關鍵字搜尋量不高，但是競爭度低且容易觸及到精準客戶，好操作且數量多，因此適合SEO新手或中小型網站操作Google為保護隱私，棄Cookie卻改用人工智慧？
Google官方部落格證實將棄用Cookie技術追蹤,改用人工智慧技術-FLoC.這款與傳統機器學習不一樣的FLoC演算法將不只投放廣告,也能保護隱私?網站核心指標LCP、FID、CLS將於五月成SEO排名因素！優化看這篇就夠了
2021年5月Google網站核心指標(LCP、FID、CLS)即將成為SEO排名因素!本篇詳細介紹何謂LCP,FID,CLS這三大指標以及如何優化,還有Google官方檢測工具有哪些Google放寬Search Console網站核心指標的標準！SEO會更好做嗎？
最近SEOer可能們會在Search Console的網站使用體驗核心指標Core Web Vitals報告看到更多的網頁被評比為速度良好.但這並非是因做了什麼SEO優化,而是因最近Google放寬了網站使用體驗核心指標LCP,FID與CLS的標準Google搜尋可能減少顯示「精選摘要」！對SEO有什麼影響？
Moz,SEMRush等4大SEO分析工具數據都顯示:2月18日起,精選摘要Featured Snippet在Google搜尋結果頁中的顯示機率大幅下降,那SEO要如何因應呢?Google 推出搜尋結果新功能！SEO可能會變更複雜⋯⋯
SEO未來可能不只要優化內容與網站體質!Google宣布將推出一項新功能,會在使用者點擊搜尋結果前顯示訊息來源.來源的摘要主要來自維基百科SEO是什麼？跟AdWords差在哪?如何自學？
SEO 跟付費的關鍵字廣告有何不同？為何在網路行銷很重要？ 相信每個網路行銷從業者都希望自家網站能在 Google 搜尋結果上「有效」曝光，以吸引更多人潮！要達成此目的，有兩種方法：第一種是透過付費「關鍵字廣告（PPC）」出現在廣告版位，第二種便是透過符合搜尋引擎規範的網站優化（SEO），使你的網站能被 Google 搜尋引擎收入，出現在 Google 的自然搜尋結果！ 以上的方法，前者的「關鍵字廣告（PPC，有些業者把這種方式稱為「SEM（搜尋引擎行銷）」，其實並不是很精準）」，優點是曝光快，但在廣告版位的排序與名次，則是依你交了多少廣告費而定。若帳戶內的錢用完，廣告則會自動下架；而後者（SEO 網站優化) 速度雖然慢，且要做的事很多，但是一但排名衝上去後，停留的時間便很持久。 ▲ 自然排序與關鍵字廣告在搜尋結果頁的位置。來源：達內教育 回歸正題，SEO（Search Engine Optimization）本意是「搜尋引擎最佳化」，是一種善用搜尋引擎（如 Google 搜尋、Yahoo 搜尋等等）的演算法原理，來優化網站的概念與技術。 當網站能「不」透過付費的關鍵字廣告，而能在搜尋結果頁面上透過自然排序、曝光度吸引更多的訪客來瀏覽網站時，成交的機會也就隨之增加，對企業的業績與口碑都有正面影響。 不像需要付費的關鍵字廣告，錢沒了網站就停止曝光；透過 SEO 技巧所奪得的網站排名與曝光可以持久。因此 SEO 優化在網路行銷佔有一席之地。 公司中身為 SEO 的困難點？ 比起上一段提到的 PPC 廣告投放，能有許多清楚的數據，業界知名的...
- 程式設計課程
大一生把Python程式碼可視化: Ryven讓debug變簡單！
Python程式碼視覺化編輯器Ryven可用簡潔的彩色流程圖介面,明確的呈現Python程式碼,清晰化的介面提升了Python的編程效率,讓debug變得更輕鬆了2020年度十大Python函式庫-人工智慧 · 機器學習必備
2020年被選出來的10大Python函式庫有美化CLI命令列介面的Typer,Rich以及Dear PyGUI;將Python錯誤資訊重新排版的PrettyError;用Python繪製雲系統組織的Diagrams;機器學習必備的PyTorch Lightning,Hummimgbird,Hydra等秀程式設計也能交女友！工程師專屬交友App：VSinder
專為程式設計師設計的交友App"VSinder"不同於Tinder等秀出大頭照的方式,是讓使用者秀出最拿手的程式語言來吸引異性,支援Python,Java,Go,Swift等程式語言JavaScript 命名與 Java有關嗎？[JavaScript的歷史·特色·應用]
JavaScript為何要叫JavaScript?由來是否跟Java有關?而除了應用於網站前端,後端開發(Node.js)外,竟還能畫3D圖,實現AR/VR?本篇帶你重新認識JavaScript語言用說的就能寫程式！人工智慧替手傷工程師開發語音程式工具
程式設計師因傷恐無法再用雙手,就藉著人工智慧開發出一款可以用說的來輸入程式的工具Serenade Pro.人工智慧能分析你所說的話,並將其轉換為語法正確的程式碼.Nature：語言天才比數學高手更適合學 Python！別在嘴文科生、女性不能寫程式了
多人認為Python等程式語言更適合理科生.但根據NATURE旗下期刊,語言能力天才在Python課程與寫程式的表現較佳.而數學能力與寫程式能力較無關係第一次上程式設計課程-選Python還是Java？差在別?
▲ 由上圖中可看出：同樣是列印出「Hello world」的程式，左側的 Python 只要寫一行，右側的 Java 相對冗長。 Python 和 Java 是兩個都十分熱門、但有不少差異的程式語言。以求職而言，兩者都常成為需求最多的語言榜首，Java 工程師一直各大求職網站常見的職缺；而隨著 Python 的熱度持續上升，市場對會此語言的需求也越來越高。 推薦閱讀：Python 取代 Java 奪得亞軍！2020 第 3 季 RedMonk 程式語言榜大洗牌？ 相信不少想進入程式設計一行的朋友們，一開始是都會苦惱該選擇哪個，希望能避免最後徒然耗費金錢、精力和時間。當然這兩種語言各有各的市場，不管選擇哪種語言，在職場上一定用的到，差別在於哪個語言更方便、更有效率。 推薦閱讀：APCS 程式檢定，高中生該從 C、Java 還是...使用 Java、Python 等 22 種語言寫出「Hello World」會如何？
「Hello World」幾乎是每一個剛接觸程式設計課程的人，第一個碰到的語句。不管你學的是台灣「市佔率」稱霸的 Java、還是未來炙手可熱的人工智慧首選 Python，只要是程式設計課程，幾乎都是從「Hello World」學起。 推薦閱讀：Python 不是蟒蛇、Java 就是咖啡？看看程式語言命名起源多奇葩 以下整理出「Hello World」使用不同程式的語言的寫法： Java Java 的特殊之處在於它經過專門設計，因此您可以編寫一次代碼，然後可在任何操作系統上運行，為各大科技公司所愛用。所有 Android 的 App 都是用 Java 編寫的。 class HelloWorldApp { ...Facebook 開源 Python 語言的安全與隱私工具 Pysa
▲ Pysa 檢測 Python 程式碼中安全漏洞的官方說明影片 Facebook 近日開源了一個用於檢測 Python 程式碼中安全漏洞的自動化工具「Pysa」。該工具最初是用來保護旗下的 Instagram。 Pysa 為「Python Static Analyzer」的縮寫，是 Python 靜態分析工具的意思，與另一套同名的勒索軟件 Pysa 毫無關係──希望讀者別把這兩者混為一談。 Pysa 專門用於追蹤大規模的 「Python 代碼庫──如驅動 Instagram 的 Python 程式碼──中的潛在安全漏洞。 這套工具會在代碼運行 /...Python 首度把 Java 踢出前兩名外！本季 RedMonk 程式語言排名狀況
RedMonk 發表了 2020 年第 3 季的熱門語言程式排名，大破了 2012 年以來 Java 總是落在冠軍與亞軍的紀錄。這次 Python 正式擠掉 Java 成為第 2 名，讓 Java 退到了第3名。 JavaScript 仍蟬聯冠軍寶座，而第 4 名多年來都是 PHP，接下來則是由 C++ 和...
- 網站前端開發
基礎JavaScript教學-再談遞增與遞減運算子
JavaScript 的兩組運算子「遞增（++）」與「遞減（--）」可以針對指定的數值進行「加1（遞增）」與「減 1（遞減）」的運算。 遞增運算子（++） 遞增運算子能對數值進行「加1（遞增）」的運算。當置於運算元前方，就會先執行運算，因此得到的值是遞增過的值；若配置於後方則是先取值後運算，會先得到運算元本身的值後才加 1。如以下例子： var x = 10,y = 10; var a = ++x,b = y++; console.log(a,x); console.log(b,y); 前置運算會先完成遞增運算後再設值。因此 x 完成遞增運算結果為 11 後，再設值給變數 a。因此 a 的值為 11、x 的值也為 11；而後置運算會先設值後再完成遞增運算。因此...JavaScript 命名與 Java有關嗎？[JavaScript的歷史·特色·應用]
JavaScript為何要叫JavaScript?由來是否跟Java有關?而除了應用於網站前端,後端開發(Node.js)外,竟還能畫3D圖,實現AR/VR?本篇帶你重新認識JavaScript語言用說的就能寫程式！人工智慧替手傷工程師開發語音程式工具
程式設計師因傷恐無法再用雙手,就藉著人工智慧開發出一款可以用說的來輸入程式的工具Serenade Pro.人工智慧能分析你所說的話,並將其轉換為語法正確的程式碼.前端工程師也該會的後端：MySQL 的 DDL DML DQL DCL
對於前端工程師來說，MySQL 是屬於後端工程師的技能。但是若前端工程師也略懂 MySQL 的話，無論是求職上會有莫大幫助。 因為在人力銀行網站搜尋前端工程師的職缺，會發現有些公司會把 MySQL 列為前端工程師的必備技能。通常 (非全部) 擁有 MySQL 技能的前端工程師獲得高薪的機會較大。多一項能力，調薪的籌碼就越大。 推薦閱讀：前端工程師的學習路線圖整理 我們就直接切入基礎的 MySQL 教學！本篇先來簡介一下資料庫 4 大基要語句，他們分別是定義資料庫的 DDL (Data Definition Language)、操作資料庫的 DML (Data Manipulation Language)、控制資料庫的 DQL (Data...Python 首度把 Java 踢出前兩名外！本季 RedMonk 程式語言排名狀況
RedMonk 發表了 2020 年第 3 季的熱門語言程式排名，大破了 2012 年以來 Java 總是落在冠軍與亞軍的紀錄。這次 Python 正式擠掉 Java 成為第 2 名，讓 Java 退到了第3名。 JavaScript 仍蟬聯冠軍寶座，而第 4 名多年來都是 PHP，接下來則是由 C++ 和...使用 A/B 測試來改善網站 UI 設計的 30 個例子
UI 設計的知識網站「GoodUI.org」整理分享了許多已經 A/B 測試的 UI 設計，先幫忙把常見的網頁排版都測完，幫助 UI 設計師/網頁設計師們省下許多功夫！ 什麼是A/B測試 A/B 測試（A/B Test）運用了統計學的原理，顧名思義就是眼前有「A 版」與「B 版」兩種方法，為了測試哪種方法能獲得更好的市場反應，將 2 種版本同時上線，將消費者導入 A 或 B 版網頁做測試。 A/B 測試的優點在於可以得到實際的數據，而非依靠主觀意見來決定網站的架構與UI 設計，也能不落傳統思維的俗套。只是各個版本需運行一段時間，待累積足夠的數據，才能確保測試的準確性，也需耗費不少成本。 範例1：嘗試使用單欄排版取代多欄 多欄式排版的 UI 設計有分散頁面焦點的風險，而單欄式排版可以更好地安排內文敘述，同時從上而到下引導讀者的視覺動線也更加直覺，也能避免於閱覽者分心。最後可以安排醒目、富有號召力的內容做結尾。 範例2：在行動呼籲前先給予誘因 在 UI 排版上，先給予像是「送禮」等誘因，是一種基於互惠原則的有效說服策略，同時也是能優化...6個酷炫HTML5電子書翻頁效果
1. HTML5 書本翻頁動畫特效 這是手動翻書頁面特效的基本款。這款 HTML5 翻頁動畫可以用鼠標拖動頁面來模擬手動翻頁的效果，也可以點擊書頁的邊框來快速翻頁。 ▶網頁上展示 ▶原始碼下載 2. HTML5 3D書本翻頁特效 利用 HTML5 和 CSS3 不但可以實現翻頁動畫，還可以 3D 的立體形式實現。下面這款書本翻頁特效，使用鼠標拖拽書本頁面即可翻動頁面，在翻頁的過程中，書本還可以呈現出3D立體的效果 - 包括書本中的圖片也是。 ▶網頁上展示 ▶原始碼下載 3. HTML5/CSS3書本翻頁3D動畫 另一種簡潔版書本3D動畫特效，當我們將鼠標滑過書本時，書本就會自動一頁頁翻過去，書本的3D效果非常鮮明、極簡舒服。 ▶網頁上展示 ▶原始碼下載 4.超逼真書本翻頁動畫(CSS3版) 這款 CSS3 動畫效果是模擬書本翻頁的動畫特效。當鼠標滑過書本右上角時，書本即可向前翻一頁，而且翻頁動畫非常逼真。由於 CSS3 的運用，我們並不需要使用複雜的圖片來製造逼真的書本效果，書本翻頁可以很簡單地完成。 ▶網頁上展示 ▶原始碼下載 5.超逼真書本翻頁動畫(jQuery版) 這款 jQuery 書本翻頁 3D 動畫，功能更加強大，支援頁數不限，並且也有非常逼真美觀的視覺效果。書本的內容支持所有的...為什麼學習網頁前端一定要掌握JavaScript？
今天達內教育要跟大家分享的文章是關於為什麼學習網頁前端一定要掌握 JavaScript ？在前端的世界裡，沒有什麼是 JavaScript 實現不了的，關於 JS 有一句話：凡是可以用 JavaScript 來寫的應用，最終都會用 JavaScript ， JavaScript 可運行在所有主要平台的所有主流瀏覽器上，也可運行在每一個主流操作系統的服務器端上。現如今我們在為網站寫任何一個主要功能的時候都需要有懂能夠用 JavaScript 寫前端的開發人員。 而後端代碼是用什麼編寫的則無所謂——不管是 Java，PHP，.NET，Node.js 還是其他——但是用戶端就一定需要一個 JavaScript 開發人員。事實上，現在很多開發人員依然沒有認識到 JavaScript 有多麼強大。學習網頁前端開發技術，掌握 JavaScript 這門語言是必要的，那麼JS有哪些功能和領域呢？一起看一看吧！ 1.資料視覺化 資料視覺化是當下大家所推崇的一種互動展示模式，而 Java...IEEE 2019 程式語言排行榜：Python 蟬連最熱門語言之首
Python程式語言勇奪IEEE 2019程式語言排行榜的冠軍.Python受歡迎的主因是完美搭上了AI熱潮,像是最知名的函式庫"Keras"提供的 TensorFlow,CNTK,Theano深度學習框架的介面和工具包,正是人工智慧工程師們必備的武器...
- 設計
介面、體驗大不同！UI設計/UX設計工作內容完整剖析
UI vs. UX 設計 - 為什麼容易搞混？ UI 設計 和 UX 設計 常常被混在一起使用、或將兩者視為同一種專業，也有不少公司開出「UI 設計師」的職缺，卻要求應徵者兩種能力兼而有之。 除了因對 UI、UX 不甚了解外，其中一個原因是 UX 包含的事情較為廣泛：從介面設計、視覺風格、程式功能和運作效能等等都是其中一環，與 UI 設計或多或少有所重疊。而且許多專業設計師對這兩種專業都有涉獵，久而久之就常見 UI、UX 並稱的狀況了。 ▲ UI、UX 設計雖為不同專業，但在某些方面會有重疊。(來源：Asinthecity) 但隨著對 UI、UX 的認識日漸普及，目前的分工也越來越明確了，接著讓我們來看看...使用 A/B 測試來改善網站 UI 設計的 30 個例子
UI 設計的知識網站「GoodUI.org」整理分享了許多已經 A/B 測試的 UI 設計，先幫忙把常見的網頁排版都測完，幫助 UI 設計師/網頁設計師們省下許多功夫！ 什麼是A/B測試 A/B 測試（A/B Test）運用了統計學的原理，顧名思義就是眼前有「A 版」與「B 版」兩種方法，為了測試哪種方法能獲得更好的市場反應，將 2 種版本同時上線，將消費者導入 A 或 B 版網頁做測試。 A/B 測試的優點在於可以得到實際的數據，而非依靠主觀意見來決定網站的架構與UI 設計，也能不落傳統思維的俗套。只是各個版本需運行一段時間，待累積足夠的數據，才能確保測試的準確性，也需耗費不少成本。 範例1：嘗試使用單欄排版取代多欄 多欄式排版的 UI 設計有分散頁面焦點的風險，而單欄式排版可以更好地安排內文敘述，同時從上而到下引導讀者的視覺動線也更加直覺，也能避免於閱覽者分心。最後可以安排醒目、富有號召力的內容做結尾。 範例2：在行動呼籲前先給予誘因 在 UI 排版上，先給予像是「送禮」等誘因，是一種基於互惠原則的有效說服策略，同時也是能優化...今年10月即將入手的新身分證，它的UI設計有啥亮點？
睽違14年，今年10月即將入手的 eID，新功能你期待嗎? 還記得 2018 年內政部舉辦的「新版身分證」設計競賽嗎? 當時任職 HTC，參與 HTC Sense UI 介面設計與 HTC Themes 設計的魯少綸，他的作品「形｜SHAPE」以簡潔的 UI 廣獲評審青睞，獲得「設計獎」，更成為新式身分證的設計依據。 ▲ 新身分證得獎做品：左圖為設計獎、右圖為人氣獎 不過在網路票選過程中，「形｜SHAPE」僅獲得 46 票，與獲得近 10 萬票卻只得了一個「人氣獎」的作品「嶼民在地」票數相差懸殊，引發網友們不滿。「不禮貌鄉民團」在臉書上貼出比較，質疑為何 9 萬 6 千票的作品卻輸給僅有...UI設計師的配色攻略：5個黑色的設計意義/用法
色彩的魔力：黑色在UI設計的運用 ▲ 黑色的UI設計範例 色彩對人造成的影響是非常強烈的，色彩心理學的開創者 Carl Jung 曾說：「色彩是潛意識的母語。」即使沒有自覺，但是我們的各種選擇其實都受到潛意識左右，而潛意識則很容易被顏色影響。CCI COLOR的研究顯示，消費者在網路上評估一項商品時平均只花費短短90秒，而對於產品的印象，有62%以上都來自於顏色。 因此「色彩心理學」對於 UI 設計 非常重要，無論是要設計軟體產品的介面、品牌形象網頁的整體視覺風格或提升 使用者體驗（UX) ，都不可或缺，但是並不是每個 UI 課程 都有這方面的教學。 今天將探討「黑色」的色彩意義，以及優秀的 UI 設計 師必須掌握的配色技巧！ 黑色：最富有多元意義的顏色 ▲ 德國的歌德金屬樂團 Lacrimosa 的專輯封面，一率用黑白且富有歌德元素的素描 說到黑色代表的意象，你可能會想到：侵略、權力、優雅、高貴、恐懼、神秘、邪惡……會有這麼多含意，是因為黑色被色彩學定義為無彩色，但能帶給人心理上的特殊感受，在許多文化中都賦予了黑色不同的哲學意涵，是一種心理色調。 歐美文化中，黑色經常被賦予死亡、恐懼的意義，如稱呼鼠疫為黑死病；同時也是悲傷的象徵，如參加葬禮會著黑色衣服。 在中國文化中，黑色在《易經》裡被認為是天的顏色，同時也是眾色之王，是古中國單色崇拜最長的色系。以黑白表示陰陽合一的「太極圖」，是中國千百年的哲學思想結成的碩果。 正因黑色在文化意義層面上被賦予多種的寓意，當用於設計作品時，也可以傳達出各種不同的概念: 1. 只使用黑色，能凸顯空間感和構圖 ▲ 德國錯覺藝術大師 Escher 喜歡使用黑白兩色，凸顯建築空間感、矛盾的結構等。 黑色因沒有色調深淺和亮度，常被認為是嚴肅、正式的顏色，但相對地，黑色當作背景能讓產品凸顯出來，在呈現空間感的同時看起來更具質感。但若是有大量文字的網頁就不建議以黑色作為背景色，因會使閱讀變得吃力。 同時，只使用黑色也能凸顯核心重點，避免被過多的顏色分散焦點。 2....落實「數位優先」的 UI 設計，Audi、福斯把 Logo 壓扁了？
AUDI 的「數位優先（digital-first）」UI 設計策略 ▲ 因應 Audi 的「數位優先」品牌重塑計畫，德國設計公司 Strichpunkt 幫 Audi 打造出極簡一致、功能為主的跨平台 UI 介面。主要元素為區塊佈局、簡單配色、獨特的 Audi 字體以及平面化的 Audi 標誌 現今人們上網的媒介已不再侷限於桌上型電腦，手機上網、或是在車上裝設平板電腦上網早已普及。因此德國汽車公司 Audi 早在於2017 年透露了他們的品牌重塑（rebrand）計畫，以「數位優先（digital-first）」為其主軸。 「數位優先（digital-first）」的品牌重塑（rebrand）計畫聚焦於數位裝置的 UI 設計，期望更多用戶，無論是使用平板、手機、桌上型電腦等上網媒介瀏覽 Audi 網站、或是使用 Audi...改變 UI 竟能增進友情、UX 讓麵包烤更香？Netflix 紀錄片揭露設計師巧思
為何我們會想寫這篇文章? 你以為產品設計師的工作只是讓產品美觀就好了嗎？沒那麼簡單！重點除了賦予外型質感外，更要顧慮到 UI (使用者介面）與 UX (使用者體驗)。目前 NETFLIX 上熱播的【抽象：設計的藝術 第二季】就聚焦在數位產品、字體、玩具、服裝、建築等領域的頂尖設計師，一起來看看他們的想法與普羅大眾相比，是否有什麼獨道之處，才能衍生出如此突出又充滿人性的創意？ 所有的設計，必須兼顧到質感、以「人」為出發點，才可稱得上是合格的設計。可見要當個成功的設計師，所思考的面向都必須比一般人更多，擁有更細膩的思維。目前 NETFLIX 上熱播的【抽象：設計的藝術 第二季】，由《Wired》雜誌前主編 Scott Dadich 以及奧斯卡最佳紀錄片導演 Morgan Neville 聯手打造，聚焦於不同領域的六位設計大師為主題，介紹他們如何玩轉設計。 節目中不時引領觀看者思考「設計的目的到底是什麼?」而設計又如何以我們意想不到的方式，改變我們的日常生活? 一起來窺探他們的想法、創意有何獨到之處吧！ Instagram 設計總監、前 Youtube 資深 UX 設計師——Ian Spalter ▲...6個酷炫HTML5電子書翻頁效果
1. HTML5 書本翻頁動畫特效 這是手動翻書頁面特效的基本款。這款 HTML5 翻頁動畫可以用鼠標拖動頁面來模擬手動翻頁的效果，也可以點擊書頁的邊框來快速翻頁。 ▶網頁上展示 ▶原始碼下載 2. HTML5 3D書本翻頁特效 利用 HTML5 和 CSS3 不但可以實現翻頁動畫，還可以 3D 的立體形式實現。下面這款書本翻頁特效，使用鼠標拖拽書本頁面即可翻動頁面，在翻頁的過程中，書本還可以呈現出3D立體的效果 - 包括書本中的圖片也是。 ▶網頁上展示 ▶原始碼下載 3. HTML5/CSS3書本翻頁3D動畫 另一種簡潔版書本3D動畫特效，當我們將鼠標滑過書本時，書本就會自動一頁頁翻過去，書本的3D效果非常鮮明、極簡舒服。 ▶網頁上展示 ▶原始碼下載 4.超逼真書本翻頁動畫(CSS3版) 這款 CSS3 動畫效果是模擬書本翻頁的動畫特效。當鼠標滑過書本右上角時，書本即可向前翻一頁，而且翻頁動畫非常逼真。由於 CSS3 的運用，我們並不需要使用複雜的圖片來製造逼真的書本效果，書本翻頁可以很簡單地完成。 ▶網頁上展示 ▶原始碼下載 5.超逼真書本翻頁動畫(jQuery版) 這款 jQuery 書本翻頁 3D 動畫，功能更加強大，支援頁數不限，並且也有非常逼真美觀的視覺效果。書本的內容支持所有的...5G飆網時代 UI/UX設計師必知的7個新UI/UX設計趨勢
2020 UI、UX 設計關鍵影響：5G ▲ 5G 時代的即將來臨，所有產業都牽涉其中。 5G 更代表我們將迎來嶄新的商業模式、掀起大規模產業變革以及為其他未來科技開啟一扇大門──如自駕車，5G 將成為這項科技得以開花結果的最大助力，幾乎任何高科技產業都會受到衝擊。 無疑問的，5G 將會是 2020 年影響 UI 與 UX 設計潮流最大的因素，這也闡明「速度」將會是今年度的核心理念。 了解大環境的因素，接著就讓我們來細看 5G 影響下的 UI 和 UX 領域的各別趨勢： 5G 影響下的 3 大 UI...VFX 剪輯高手揭露:新手常犯的影片後製 10 大誤區
國外一名擁有十多年經驗的 VFX 影像後製/剪接師，分享了一些新手剪輯師常犯的錯誤 —— 你會驚覺，這些錯誤是如此的常見。有可能是因為新手們不太清楚以下的剪輯小撇步： 這篇文章中，列出了 10 個新手們常犯的剪輯小誤區，只要避免這些錯誤，你在剪輯的工作上就能更加流暢，有立竿見影的效果。其中四個是關於工作整理、三個關於音效編輯、另外三個則是其他你沒想到的問題。 目錄： 凌亂的的資料夾 混亂的時間軸 錯誤的版本管理 沒有自動儲存或檔案備份 音軌不順或雜音四起 平庸的背景混音 馬虎的配樂編輯 差強人意的標題與字幕 錯誤編碼和影片速率 缺乏自我專業度的提升 凌亂的的資料夾 ▲ 凌亂的的資料夾示意圖 身為一個影片剪輯師，擁有一個分類整齊、一目然的資料夾是必備能力。他能讓你的其他工作夥伴，一看到你的資料夾，就知道你目前的工作進度，並且順暢的接手剪輯的工作。這樣的工作習慣不但能讓你在與其他剪輯師交接工作時更加順利，也將減輕你的工作負擔，讓你在開始工作時，更快銜接上上一次的工作進度。 所以，請將你的資料夾按照一定的邏輯分類，並在資料備份的硬碟中，也要保持一致的分類邏輯。另外，你也必須確保你備份了所有下載的影音檔、螢幕截圖以及檔案。你絕對不會知道當別人在離線的狀況下，看到你的檔案還需要上雲端去下載的時候，內心多麽崩潰。所以，這舉手之勞可是會讓別人大大感謝你的。 其實，檔案管理不只讓新手剪輯師苦惱。今天不管你是不是剪輯師，有效管理檔案都能讓工作事半功倍。若你也對檔案管理毫無頭緒，這裡的小技巧能讓你凌亂的數位檔案乖乖就緒，再也不會像迷宮一樣令人頭昏！ 混亂的時間軸 ▲ 混亂的時間軸示意圖 井然有序的時間軸，可以讓別人輕易的找到特定的剪輯片段，並且讓片段順序組織化。在較大型的專案中，若沒有這樣的習慣，很容易使你的工作變得一團亂。遵從以下幾點，就能避免時間軸混亂的災難： 替你的影像軌、音軌命名 讓每個組件都在指定的影像軌、音軌中 善用顏色標籤來分類不同類型的剪輯片段 別在時間軸的結尾任意留下垃圾 錯誤的版本管理 This was organized by an actual video editor. pic.twitter.com/VzYjMJ61DL — Matt Penn (@mattpenndotcom) January 18, 2018 身兼導演、後製監製的 Matt...【網路行銷影片 VFX 後製】三秒完成的十種 After Effects 標題文字特效
網路行銷影片的文字標題太無聊？使用特效吧！根據國外有 32 萬人次訂閱的 VFX 影片後製教學頻道 「SonduckFilm 」精選出來的 Top 10 影片文字特效，全部都是 After Effects 的預設，不需要其他的插件即可完成，適合步調快速的網路行銷人員使用。這十種特效的做法分別列於下方： 目錄： 科技感的 Data Stream 字體特效 霓虹光 Rotate Hue 字體特效 Drop in by...
- 學員見證
進可攻·退可守的一技之長-Python課程結業後成功轉職工程師
Python課程見證-林先生報名了Python課程,本來是想要學得一技之長,技術移民赴日當工程師.後因疫情關係無法赴日,不過還好他的Python技能讓他在台灣找到工程師的工作被日文系耽誤的工程師魂？ Python課程結業後的他，竟錄取全球百大企業！
Python課程結業,現任職竹科某大企業的朱同學,其實是日文系畢.因前份工作需要大量的excel函式,便開啟了朱同學對coding的興趣.而Python比起其他程式語言的編碼風格更趨近英文文法,成為朱同學的首選,便報名了以課程扎實為名的達內教育研究所開始鋪路未來 扎實的Python課程讓我錄取竹科工程師
Python課程的王同學從研究所的實驗中了解到Python程式語言的重要:不僅是簡化繁瑣的數據處例,學會了Python程式語言更能擴大未來職涯發展.在多方比較下,王同學選擇從Python入門教到業界專案實作的達內教育,結業後成功錄取竹科工程師【轉職前端工程師】測試工程師的微痛學習歷程，現在切版、網站開發一把罩！
當了一年多的前端工程師的林先生,能順利獨當一面完成切版,網站前後端開發一手包辦!出身於電子工程的他,曾擔任測試工程師.因察覺到一些狀況,就決定報名前端工程師課程,零基礎拚轉職!品保人員進修 Python 課程 一年後成功轉職程式設計師
Python課程學員林先生順利轉職Python軟體工程師!原為QA品保人員的他,工作內容與薪資都較固定.一次與工程師的聊天中決定轉職...
- 專案作品
UI/UX-陳Ｏ伃-旅行·露營APP
專案介紹： 規劃由休閒農場所推出的APP 專案動機： 近年來流行露營，有些人喜歡自行搭帳篷，也有很多人想直接租借帳篷或露營車體驗 所以想規劃一個簡單清楚的APP讓人容易使用。 重點技術： •提供APP會員註冊系統 •會員場地/時間預訂 •購物車系統 使用者體驗 •優化使用功能操作便利性 •優化頁面跳轉流程 •優化操作提示與錯誤標示 學習心得： 本次專案學習到從構思主題到流程架構以及更熟悉使用Sketch製作專案 對達內的教學回饋覺得很棒！ 專案APP操作流程圖： (點擊縮圖看大圖)JAVA-林O生-運動用品電子商城
為喜愛運動的朋友設計的運動用品商品! 販賣適合不同客群的器材ˏ運動補充品ˏ輔助用具ˏ生活用具 專案動機： 想到以前做健身教練的工作時，往往會被詢問到是否有推薦的保健品、器材等等．．． 那乾脆就整理成一個推薦網站，並且附上購物功能，方便大家使用與購買！ 重點技術： 前端：HTML、CSS、JavaScript、JQuery、BootStrap框架：SpringBoot、MyBatis資料庫：MySQL金流系統：Paypal金流 專案心得與回饋： 透過本次專案，幫助我運用前端與後端進行交互的技能提升，以及後端如何遵循MVC模式設計 學習心得: 我深深感受到，當我原以為技術不行時，想放棄時，卻總在最後一刻有了新的解法出現 所以千萬不要被自己的想法限制，這點真的很重要！ 共勉之～ 對達內的教學回饋 感謝忙碌且認真做事的小幫手，妳們是積極又認真的！JAVA-黃O韋-學子商城
達内學員電子商務購物網站 購物網站 - 首頁 購物網站 - 註冊登錄頁面 購物網站 - Banner輪播功能頁 購物網站 - 商品介紹頁 購物網站 - 購物車與訂單功能 購物網站 - 個資管理功能 學子商城 - 前端程式碼 https://youtu.be/Fjw_xoNdJhA 學子商城 - 後端程式碼 https://youtu.be/dzGGaK5TALw 學員見證-黃O韋 https://www.tedu.tw/blog/a-poorly-educated-man-becomes-a-programmer.htmlJAVA-董O誠-雷霆戰機
JAVA OOP物件導向遊戲設計 結合JavaScript技術 作者示範影片： 基礎版-飛機大戰遊戲：https://reurl.cc/KjE3Gj 進階版-雷霆戰機遊戲： https://reurl.cc/GrgK0Z 學員見證：董O誠 https://www.tedu.tw/blog/a-construction-worker-becomes-a-java-programmer.htmlJAVA-董O誠-魔術方塊
JAVA課內第三階段JavaScript技術延伸應用 作者示範影片： 遊戲試玩網址：https://reurl.cc/q8a07p 學員見證-董O誠 https://www.tedu.tw/blog/a-construction-worker-becomes-a-java-programmer.html
- 最新消息
- 科技新聞
- AllAI人工智慧AmazonAppleCovid-19 新冠肺炎DeepMindFacebookGoogleIBMKKBOXLineNetflixNVIDIAOpenAISamsungUnity3D區塊鏈台灣人工智慧學校台灣人工智慧實驗室微軟擴增實境 AR
【SEO關鍵字研究教學3】關鍵字挑選五步驟
本文把SEO挑選欲優化的關鍵字分為五步驟，並說明如何從消費者的需求出發發想關鍵字，如何從Google搜尋結果頁與SEO工具、還有競品網站搜集關鍵字並查驗結果。【SEO關鍵字研究教學2】冷門的長尾關鍵字篇
在SEO關鍵字研究中，還可依照關鍵字的熱門度分為「核心關鍵字」與「長尾關鍵字」。核心關鍵字搜尋量高且競爭度高，長尾關鍵字搜尋量不高，但是競爭度低且容易觸及到精準客戶，好操作且數量多，因此適合SEO新手或中小型網站操作「超能力」具現化？臉書推手腕 AR 感測器 讓你隔空操縱介面
社群平台 Facebook 近日分享旗下研究中心最新研究，公開了最新的腕帶式的 AR 感測器，讓使用者只靠手腕感知，就可以實現如隔空操控介面、高速打字、透過觸覺反饋得知來電者等等讓生活更加便利的功能。 Facebook 也 PO 出展示影片，其中酷炫的功能與操作方式也讓許多人聯想到如「隔空取物」般的超能力！ Facebook Reality Labs 再添新產品 AR、VR 一把抓 Facebook 近年來致力發展 AR/VR 的研究與應用，2020 年 8 月更是把內部各個與 VR、AR 有關的研究團隊全都納入 Facebook Reality Labs，並從原本的研究中心，擴大成為容納相關軟體及硬體研發的實驗室。 Facebook...Google為保護隱私，棄Cookie卻改用人工智慧？
Google官方部落格證實將棄用Cookie技術追蹤,改用人工智慧技術-FLoC.這款與傳統機器學習不一樣的FLoC演算法將不只投放廣告,也能保護隱私?網站核心指標LCP、FID、CLS將於五月成SEO排名因素！優化看這篇就夠了
2021年5月Google網站核心指標(LCP、FID、CLS)即將成為SEO排名因素!本篇詳細介紹何謂LCP,FID,CLS這三大指標以及如何優化,還有Google官方檢測工具有哪些人工智慧將照片變動畫，讓已逝親人「活過來」對你微笑？
人工智慧將照片變動態,讓已逝親人眨眼微笑!以色列一家基因溯源公司MyHeritage,日前公開人工智慧服務Deep Nostalgia,透過人工智慧讓肖像照片動起來,能眨眼,微笑等27歲華裔工程師用人工智慧，預測疫情比專業準！
人工智慧用來預測疫情死亡人數竟神準,還是出自27歲MIT華裔工程師Youyang Gu打造的機器學習演算法.Youyang Gu的專長是人工智慧,機器學習,一手打造了Covid-19預測網站Google放寬Search Console網站核心指標的標準！SEO會更好做嗎？
最近SEOer可能們會在Search Console的網站使用體驗核心指標Core Web Vitals報告看到更多的網頁被評比為速度良好.但這並非是因做了什麼SEO優化,而是因最近Google放寬了網站使用體驗核心指標LCP,FID與CLS的標準
- 數位行銷
【SEO關鍵字研究教學3】關鍵字挑選五步驟
本文把SEO挑選欲優化的關鍵字分為五步驟，並說明如何從消費者的需求出發發想關鍵字，如何從Google搜尋結果頁與SEO工具、還有競品網站搜集關鍵字並查驗結果。【SEO關鍵字研究教學2】冷門的長尾關鍵字篇
在SEO關鍵字研究中，還可依照關鍵字的熱門度分為「核心關鍵字」與「長尾關鍵字」。核心關鍵字搜尋量高且競爭度高，長尾關鍵字搜尋量不高，但是競爭度低且容易觸及到精準客戶，好操作且數量多，因此適合SEO新手或中小型網站操作Google為保護隱私，棄Cookie卻改用人工智慧？
Google官方部落格證實將棄用Cookie技術追蹤,改用人工智慧技術-FLoC.這款與傳統機器學習不一樣的FLoC演算法將不只投放廣告,也能保護隱私?網站核心指標LCP、FID、CLS將於五月成SEO排名因素！優化看這篇就夠了
2021年5月Google網站核心指標(LCP、FID、CLS)即將成為SEO排名因素!本篇詳細介紹何謂LCP,FID,CLS這三大指標以及如何優化,還有Google官方檢測工具有哪些Google放寬Search Console網站核心指標的標準！SEO會更好做嗎？
最近SEOer可能們會在Search Console的網站使用體驗核心指標Core Web Vitals報告看到更多的網頁被評比為速度良好.但這並非是因做了什麼SEO優化,而是因最近Google放寬了網站使用體驗核心指標LCP,FID與CLS的標準Google搜尋可能減少顯示「精選摘要」！對SEO有什麼影響？
Moz,SEMRush等4大SEO分析工具數據都顯示:2月18日起,精選摘要Featured Snippet在Google搜尋結果頁中的顯示機率大幅下降,那SEO要如何因應呢?Google 推出搜尋結果新功能！SEO可能會變更複雜⋯⋯
SEO未來可能不只要優化內容與網站體質!Google宣布將推出一項新功能,會在使用者點擊搜尋結果前顯示訊息來源.來源的摘要主要來自維基百科SEO是什麼？跟AdWords差在哪?如何自學？
SEO 跟付費的關鍵字廣告有何不同？為何在網路行銷很重要？ 相信每個網路行銷從業者都希望自家網站能在 Google 搜尋結果上「有效」曝光，以吸引更多人潮！要達成此目的，有兩種方法：第一種是透過付費「關鍵字廣告（PPC）」出現在廣告版位，第二種便是透過符合搜尋引擎規範的網站優化（SEO），使你的網站能被 Google 搜尋引擎收入，出現在 Google 的自然搜尋結果！ 以上的方法，前者的「關鍵字廣告（PPC，有些業者把這種方式稱為「SEM（搜尋引擎行銷）」，其實並不是很精準）」，優點是曝光快，但在廣告版位的排序與名次，則是依你交了多少廣告費而定。若帳戶內的錢用完，廣告則會自動下架；而後者（SEO 網站優化) 速度雖然慢，且要做的事很多，但是一但排名衝上去後，停留的時間便很持久。 ▲ 自然排序與關鍵字廣告在搜尋結果頁的位置。來源：達內教育 回歸正題，SEO（Search Engine Optimization）本意是「搜尋引擎最佳化」，是一種善用搜尋引擎（如 Google 搜尋、Yahoo 搜尋等等）的演算法原理，來優化網站的概念與技術。 當網站能「不」透過付費的關鍵字廣告，而能在搜尋結果頁面上透過自然排序、曝光度吸引更多的訪客來瀏覽網站時，成交的機會也就隨之增加，對企業的業績與口碑都有正面影響。 不像需要付費的關鍵字廣告，錢沒了網站就停止曝光；透過 SEO 技巧所奪得的網站排名與曝光可以持久。因此 SEO 優化在網路行銷佔有一席之地。 公司中身為 SEO 的困難點？ 比起上一段提到的 PPC 廣告投放，能有許多清楚的數據，業界知名的...
- 程式設計課程
大一生把Python程式碼可視化: Ryven讓debug變簡單！
Python程式碼視覺化編輯器Ryven可用簡潔的彩色流程圖介面,明確的呈現Python程式碼,清晰化的介面提升了Python的編程效率,讓debug變得更輕鬆了2020年度十大Python函式庫-人工智慧 · 機器學習必備
2020年被選出來的10大Python函式庫有美化CLI命令列介面的Typer,Rich以及Dear PyGUI;將Python錯誤資訊重新排版的PrettyError;用Python繪製雲系統組織的Diagrams;機器學習必備的PyTorch Lightning,Hummimgbird,Hydra等秀程式設計也能交女友！工程師專屬交友App：VSinder
專為程式設計師設計的交友App"VSinder"不同於Tinder等秀出大頭照的方式,是讓使用者秀出最拿手的程式語言來吸引異性,支援Python,Java,Go,Swift等程式語言JavaScript 命名與 Java有關嗎？[JavaScript的歷史·特色·應用]
JavaScript為何要叫JavaScript?由來是否跟Java有關?而除了應用於網站前端,後端開發(Node.js)外,竟還能畫3D圖,實現AR/VR?本篇帶你重新認識JavaScript語言用說的就能寫程式！人工智慧替手傷工程師開發語音程式工具
程式設計師因傷恐無法再用雙手,就藉著人工智慧開發出一款可以用說的來輸入程式的工具Serenade Pro.人工智慧能分析你所說的話,並將其轉換為語法正確的程式碼.Nature：語言天才比數學高手更適合學 Python！別在嘴文科生、女性不能寫程式了
多人認為Python等程式語言更適合理科生.但根據NATURE旗下期刊,語言能力天才在Python課程與寫程式的表現較佳.而數學能力與寫程式能力較無關係第一次上程式設計課程-選Python還是Java？差在別?
▲ 由上圖中可看出：同樣是列印出「Hello world」的程式，左側的 Python 只要寫一行，右側的 Java 相對冗長。 Python 和 Java 是兩個都十分熱門、但有不少差異的程式語言。以求職而言，兩者都常成為需求最多的語言榜首，Java 工程師一直各大求職網站常見的職缺；而隨著 Python 的熱度持續上升，市場對會此語言的需求也越來越高。 推薦閱讀：Python 取代 Java 奪得亞軍！2020 第 3 季 RedMonk 程式語言榜大洗牌？ 相信不少想進入程式設計一行的朋友們，一開始是都會苦惱該選擇哪個，希望能避免最後徒然耗費金錢、精力和時間。當然這兩種語言各有各的市場，不管選擇哪種語言，在職場上一定用的到，差別在於哪個語言更方便、更有效率。 推薦閱讀：APCS 程式檢定，高中生該從 C、Java 還是...使用 Java、Python 等 22 種語言寫出「Hello World」會如何？
「Hello World」幾乎是每一個剛接觸程式設計課程的人，第一個碰到的語句。不管你學的是台灣「市佔率」稱霸的 Java、還是未來炙手可熱的人工智慧首選 Python，只要是程式設計課程，幾乎都是從「Hello World」學起。 推薦閱讀：Python 不是蟒蛇、Java 就是咖啡？看看程式語言命名起源多奇葩 以下整理出「Hello World」使用不同程式的語言的寫法： Java Java 的特殊之處在於它經過專門設計，因此您可以編寫一次代碼，然後可在任何操作系統上運行，為各大科技公司所愛用。所有 Android 的 App 都是用 Java 編寫的。 class HelloWorldApp { ...Facebook 開源 Python 語言的安全與隱私工具 Pysa
▲ Pysa 檢測 Python 程式碼中安全漏洞的官方說明影片 Facebook 近日開源了一個用於檢測 Python 程式碼中安全漏洞的自動化工具「Pysa」。該工具最初是用來保護旗下的 Instagram。 Pysa 為「Python Static Analyzer」的縮寫，是 Python 靜態分析工具的意思，與另一套同名的勒索軟件 Pysa 毫無關係──希望讀者別把這兩者混為一談。 Pysa 專門用於追蹤大規模的 「Python 代碼庫──如驅動 Instagram 的 Python 程式碼──中的潛在安全漏洞。 這套工具會在代碼運行 /...Python 首度把 Java 踢出前兩名外！本季 RedMonk 程式語言排名狀況
RedMonk 發表了 2020 年第 3 季的熱門語言程式排名，大破了 2012 年以來 Java 總是落在冠軍與亞軍的紀錄。這次 Python 正式擠掉 Java 成為第 2 名，讓 Java 退到了第3名。 JavaScript 仍蟬聯冠軍寶座，而第 4 名多年來都是 PHP，接下來則是由 C++ 和...
- 網站前端開發
基礎JavaScript教學-再談遞增與遞減運算子
JavaScript 的兩組運算子「遞增（++）」與「遞減（--）」可以針對指定的數值進行「加1（遞增）」與「減 1（遞減）」的運算。 遞增運算子（++） 遞增運算子能對數值進行「加1（遞增）」的運算。當置於運算元前方，就會先執行運算，因此得到的值是遞增過的值；若配置於後方則是先取值後運算，會先得到運算元本身的值後才加 1。如以下例子： var x = 10,y = 10; var a = ++x,b = y++; console.log(a,x); console.log(b,y); 前置運算會先完成遞增運算後再設值。因此 x 完成遞增運算結果為 11 後，再設值給變數 a。因此 a 的值為 11、x 的值也為 11；而後置運算會先設值後再完成遞增運算。因此...JavaScript 命名與 Java有關嗎？[JavaScript的歷史·特色·應用]
JavaScript為何要叫JavaScript?由來是否跟Java有關?而除了應用於網站前端,後端開發(Node.js)外,竟還能畫3D圖,實現AR/VR?本篇帶你重新認識JavaScript語言用說的就能寫程式！人工智慧替手傷工程師開發語音程式工具
程式設計師因傷恐無法再用雙手,就藉著人工智慧開發出一款可以用說的來輸入程式的工具Serenade Pro.人工智慧能分析你所說的話,並將其轉換為語法正確的程式碼.前端工程師也該會的後端：MySQL 的 DDL DML DQL DCL
對於前端工程師來說，MySQL 是屬於後端工程師的技能。但是若前端工程師也略懂 MySQL 的話，無論是求職上會有莫大幫助。 因為在人力銀行網站搜尋前端工程師的職缺，會發現有些公司會把 MySQL 列為前端工程師的必備技能。通常 (非全部) 擁有 MySQL 技能的前端工程師獲得高薪的機會較大。多一項能力，調薪的籌碼就越大。 推薦閱讀：前端工程師的學習路線圖整理 我們就直接切入基礎的 MySQL 教學！本篇先來簡介一下資料庫 4 大基要語句，他們分別是定義資料庫的 DDL (Data Definition Language)、操作資料庫的 DML (Data Manipulation Language)、控制資料庫的 DQL (Data...Python 首度把 Java 踢出前兩名外！本季 RedMonk 程式語言排名狀況
RedMonk 發表了 2020 年第 3 季的熱門語言程式排名，大破了 2012 年以來 Java 總是落在冠軍與亞軍的紀錄。這次 Python 正式擠掉 Java 成為第 2 名，讓 Java 退到了第3名。 JavaScript 仍蟬聯冠軍寶座，而第 4 名多年來都是 PHP，接下來則是由 C++ 和...使用 A/B 測試來改善網站 UI 設計的 30 個例子
UI 設計的知識網站「GoodUI.org」整理分享了許多已經 A/B 測試的 UI 設計，先幫忙把常見的網頁排版都測完，幫助 UI 設計師/網頁設計師們省下許多功夫！ 什麼是A/B測試 A/B 測試（A/B Test）運用了統計學的原理，顧名思義就是眼前有「A 版」與「B 版」兩種方法，為了測試哪種方法能獲得更好的市場反應，將 2 種版本同時上線，將消費者導入 A 或 B 版網頁做測試。 A/B 測試的優點在於可以得到實際的數據，而非依靠主觀意見來決定網站的架構與UI 設計，也能不落傳統思維的俗套。只是各個版本需運行一段時間，待累積足夠的數據，才能確保測試的準確性，也需耗費不少成本。 範例1：嘗試使用單欄排版取代多欄 多欄式排版的 UI 設計有分散頁面焦點的風險，而單欄式排版可以更好地安排內文敘述，同時從上而到下引導讀者的視覺動線也更加直覺，也能避免於閱覽者分心。最後可以安排醒目、富有號召力的內容做結尾。 範例2：在行動呼籲前先給予誘因 在 UI 排版上，先給予像是「送禮」等誘因，是一種基於互惠原則的有效說服策略，同時也是能優化...6個酷炫HTML5電子書翻頁效果
1. HTML5 書本翻頁動畫特效 這是手動翻書頁面特效的基本款。這款 HTML5 翻頁動畫可以用鼠標拖動頁面來模擬手動翻頁的效果，也可以點擊書頁的邊框來快速翻頁。 ▶網頁上展示 ▶原始碼下載 2. HTML5 3D書本翻頁特效 利用 HTML5 和 CSS3 不但可以實現翻頁動畫，還可以 3D 的立體形式實現。下面這款書本翻頁特效，使用鼠標拖拽書本頁面即可翻動頁面，在翻頁的過程中，書本還可以呈現出3D立體的效果 - 包括書本中的圖片也是。 ▶網頁上展示 ▶原始碼下載 3. HTML5/CSS3書本翻頁3D動畫 另一種簡潔版書本3D動畫特效，當我們將鼠標滑過書本時，書本就會自動一頁頁翻過去，書本的3D效果非常鮮明、極簡舒服。 ▶網頁上展示 ▶原始碼下載 4.超逼真書本翻頁動畫(CSS3版) 這款 CSS3 動畫效果是模擬書本翻頁的動畫特效。當鼠標滑過書本右上角時，書本即可向前翻一頁，而且翻頁動畫非常逼真。由於 CSS3 的運用，我們並不需要使用複雜的圖片來製造逼真的書本效果，書本翻頁可以很簡單地完成。 ▶網頁上展示 ▶原始碼下載 5.超逼真書本翻頁動畫(jQuery版) 這款 jQuery 書本翻頁 3D 動畫，功能更加強大，支援頁數不限，並且也有非常逼真美觀的視覺效果。書本的內容支持所有的...為什麼學習網頁前端一定要掌握JavaScript？
今天達內教育要跟大家分享的文章是關於為什麼學習網頁前端一定要掌握 JavaScript ？在前端的世界裡，沒有什麼是 JavaScript 實現不了的，關於 JS 有一句話：凡是可以用 JavaScript 來寫的應用，最終都會用 JavaScript ， JavaScript 可運行在所有主要平台的所有主流瀏覽器上，也可運行在每一個主流操作系統的服務器端上。現如今我們在為網站寫任何一個主要功能的時候都需要有懂能夠用 JavaScript 寫前端的開發人員。 而後端代碼是用什麼編寫的則無所謂——不管是 Java，PHP，.NET，Node.js 還是其他——但是用戶端就一定需要一個 JavaScript 開發人員。事實上，現在很多開發人員依然沒有認識到 JavaScript 有多麼強大。學習網頁前端開發技術，掌握 JavaScript 這門語言是必要的，那麼JS有哪些功能和領域呢？一起看一看吧！ 1.資料視覺化 資料視覺化是當下大家所推崇的一種互動展示模式，而 Java...IEEE 2019 程式語言排行榜：Python 蟬連最熱門語言之首
Python程式語言勇奪IEEE 2019程式語言排行榜的冠軍.Python受歡迎的主因是完美搭上了AI熱潮,像是最知名的函式庫"Keras"提供的 TensorFlow,CNTK,Theano深度學習框架的介面和工具包,正是人工智慧工程師們必備的武器...
- 設計
介面、體驗大不同！UI設計/UX設計工作內容完整剖析
UI vs. UX 設計 - 為什麼容易搞混？ UI 設計 和 UX 設計 常常被混在一起使用、或將兩者視為同一種專業，也有不少公司開出「UI 設計師」的職缺，卻要求應徵者兩種能力兼而有之。 除了因對 UI、UX 不甚了解外，其中一個原因是 UX 包含的事情較為廣泛：從介面設計、視覺風格、程式功能和運作效能等等都是其中一環，與 UI 設計或多或少有所重疊。而且許多專業設計師對這兩種專業都有涉獵，久而久之就常見 UI、UX 並稱的狀況了。 ▲ UI、UX 設計雖為不同專業，但在某些方面會有重疊。(來源：Asinthecity) 但隨著對 UI、UX 的認識日漸普及，目前的分工也越來越明確了，接著讓我們來看看...使用 A/B 測試來改善網站 UI 設計的 30 個例子
UI 設計的知識網站「GoodUI.org」整理分享了許多已經 A/B 測試的 UI 設計，先幫忙把常見的網頁排版都測完，幫助 UI 設計師/網頁設計師們省下許多功夫！ 什麼是A/B測試 A/B 測試（A/B Test）運用了統計學的原理，顧名思義就是眼前有「A 版」與「B 版」兩種方法，為了測試哪種方法能獲得更好的市場反應，將 2 種版本同時上線，將消費者導入 A 或 B 版網頁做測試。 A/B 測試的優點在於可以得到實際的數據，而非依靠主觀意見來決定網站的架構與UI 設計，也能不落傳統思維的俗套。只是各個版本需運行一段時間，待累積足夠的數據，才能確保測試的準確性，也需耗費不少成本。 範例1：嘗試使用單欄排版取代多欄 多欄式排版的 UI 設計有分散頁面焦點的風險，而單欄式排版可以更好地安排內文敘述，同時從上而到下引導讀者的視覺動線也更加直覺，也能避免於閱覽者分心。最後可以安排醒目、富有號召力的內容做結尾。 範例2：在行動呼籲前先給予誘因 在 UI 排版上，先給予像是「送禮」等誘因，是一種基於互惠原則的有效說服策略，同時也是能優化...今年10月即將入手的新身分證，它的UI設計有啥亮點？
睽違14年，今年10月即將入手的 eID，新功能你期待嗎? 還記得 2018 年內政部舉辦的「新版身分證」設計競賽嗎? 當時任職 HTC，參與 HTC Sense UI 介面設計與 HTC Themes 設計的魯少綸，他的作品「形｜SHAPE」以簡潔的 UI 廣獲評審青睞，獲得「設計獎」，更成為新式身分證的設計依據。 ▲ 新身分證得獎做品：左圖為設計獎、右圖為人氣獎 不過在網路票選過程中，「形｜SHAPE」僅獲得 46 票，與獲得近 10 萬票卻只得了一個「人氣獎」的作品「嶼民在地」票數相差懸殊，引發網友們不滿。「不禮貌鄉民團」在臉書上貼出比較，質疑為何 9 萬 6 千票的作品卻輸給僅有...UI設計師的配色攻略：5個黑色的設計意義/用法
色彩的魔力：黑色在UI設計的運用 ▲ 黑色的UI設計範例 色彩對人造成的影響是非常強烈的，色彩心理學的開創者 Carl Jung 曾說：「色彩是潛意識的母語。」即使沒有自覺，但是我們的各種選擇其實都受到潛意識左右，而潛意識則很容易被顏色影響。CCI COLOR的研究顯示，消費者在網路上評估一項商品時平均只花費短短90秒，而對於產品的印象，有62%以上都來自於顏色。 因此「色彩心理學」對於 UI 設計 非常重要，無論是要設計軟體產品的介面、品牌形象網頁的整體視覺風格或提升 使用者體驗（UX) ，都不可或缺，但是並不是每個 UI 課程 都有這方面的教學。 今天將探討「黑色」的色彩意義，以及優秀的 UI 設計 師必須掌握的配色技巧！ 黑色：最富有多元意義的顏色 ▲ 德國的歌德金屬樂團 Lacrimosa 的專輯封面，一率用黑白且富有歌德元素的素描 說到黑色代表的意象，你可能會想到：侵略、權力、優雅、高貴、恐懼、神秘、邪惡……會有這麼多含意，是因為黑色被色彩學定義為無彩色，但能帶給人心理上的特殊感受，在許多文化中都賦予了黑色不同的哲學意涵，是一種心理色調。 歐美文化中，黑色經常被賦予死亡、恐懼的意義，如稱呼鼠疫為黑死病；同時也是悲傷的象徵，如參加葬禮會著黑色衣服。 在中國文化中，黑色在《易經》裡被認為是天的顏色，同時也是眾色之王，是古中國單色崇拜最長的色系。以黑白表示陰陽合一的「太極圖」，是中國千百年的哲學思想結成的碩果。 正因黑色在文化意義層面上被賦予多種的寓意，當用於設計作品時，也可以傳達出各種不同的概念: 1. 只使用黑色，能凸顯空間感和構圖 ▲ 德國錯覺藝術大師 Escher 喜歡使用黑白兩色，凸顯建築空間感、矛盾的結構等。 黑色因沒有色調深淺和亮度，常被認為是嚴肅、正式的顏色，但相對地，黑色當作背景能讓產品凸顯出來，在呈現空間感的同時看起來更具質感。但若是有大量文字的網頁就不建議以黑色作為背景色，因會使閱讀變得吃力。 同時，只使用黑色也能凸顯核心重點，避免被過多的顏色分散焦點。 2....落實「數位優先」的 UI 設計，Audi、福斯把 Logo 壓扁了？
AUDI 的「數位優先（digital-first）」UI 設計策略 ▲ 因應 Audi 的「數位優先」品牌重塑計畫，德國設計公司 Strichpunkt 幫 Audi 打造出極簡一致、功能為主的跨平台 UI 介面。主要元素為區塊佈局、簡單配色、獨特的 Audi 字體以及平面化的 Audi 標誌 現今人們上網的媒介已不再侷限於桌上型電腦，手機上網、或是在車上裝設平板電腦上網早已普及。因此德國汽車公司 Audi 早在於2017 年透露了他們的品牌重塑（rebrand）計畫，以「數位優先（digital-first）」為其主軸。 「數位優先（digital-first）」的品牌重塑（rebrand）計畫聚焦於數位裝置的 UI 設計，期望更多用戶，無論是使用平板、手機、桌上型電腦等上網媒介瀏覽 Audi 網站、或是使用 Audi...改變 UI 竟能增進友情、UX 讓麵包烤更香？Netflix 紀錄片揭露設計師巧思
為何我們會想寫這篇文章? 你以為產品設計師的工作只是讓產品美觀就好了嗎？沒那麼簡單！重點除了賦予外型質感外，更要顧慮到 UI (使用者介面）與 UX (使用者體驗)。目前 NETFLIX 上熱播的【抽象：設計的藝術 第二季】就聚焦在數位產品、字體、玩具、服裝、建築等領域的頂尖設計師，一起來看看他們的想法與普羅大眾相比，是否有什麼獨道之處，才能衍生出如此突出又充滿人性的創意？ 所有的設計，必須兼顧到質感、以「人」為出發點，才可稱得上是合格的設計。可見要當個成功的設計師，所思考的面向都必須比一般人更多，擁有更細膩的思維。目前 NETFLIX 上熱播的【抽象：設計的藝術 第二季】，由《Wired》雜誌前主編 Scott Dadich 以及奧斯卡最佳紀錄片導演 Morgan Neville 聯手打造，聚焦於不同領域的六位設計大師為主題，介紹他們如何玩轉設計。 節目中不時引領觀看者思考「設計的目的到底是什麼?」而設計又如何以我們意想不到的方式，改變我們的日常生活? 一起來窺探他們的想法、創意有何獨到之處吧！ Instagram 設計總監、前 Youtube 資深 UX 設計師——Ian Spalter ▲...6個酷炫HTML5電子書翻頁效果
1. HTML5 書本翻頁動畫特效 這是手動翻書頁面特效的基本款。這款 HTML5 翻頁動畫可以用鼠標拖動頁面來模擬手動翻頁的效果，也可以點擊書頁的邊框來快速翻頁。 ▶網頁上展示 ▶原始碼下載 2. HTML5 3D書本翻頁特效 利用 HTML5 和 CSS3 不但可以實現翻頁動畫，還可以 3D 的立體形式實現。下面這款書本翻頁特效，使用鼠標拖拽書本頁面即可翻動頁面，在翻頁的過程中，書本還可以呈現出3D立體的效果 - 包括書本中的圖片也是。 ▶網頁上展示 ▶原始碼下載 3. HTML5/CSS3書本翻頁3D動畫 另一種簡潔版書本3D動畫特效，當我們將鼠標滑過書本時，書本就會自動一頁頁翻過去，書本的3D效果非常鮮明、極簡舒服。 ▶網頁上展示 ▶原始碼下載 4.超逼真書本翻頁動畫(CSS3版) 這款 CSS3 動畫效果是模擬書本翻頁的動畫特效。當鼠標滑過書本右上角時，書本即可向前翻一頁，而且翻頁動畫非常逼真。由於 CSS3 的運用，我們並不需要使用複雜的圖片來製造逼真的書本效果，書本翻頁可以很簡單地完成。 ▶網頁上展示 ▶原始碼下載 5.超逼真書本翻頁動畫(jQuery版) 這款 jQuery 書本翻頁 3D 動畫，功能更加強大，支援頁數不限，並且也有非常逼真美觀的視覺效果。書本的內容支持所有的...5G飆網時代 UI/UX設計師必知的7個新UI/UX設計趨勢
2020 UI、UX 設計關鍵影響：5G ▲ 5G 時代的即將來臨，所有產業都牽涉其中。 5G 更代表我們將迎來嶄新的商業模式、掀起大規模產業變革以及為其他未來科技開啟一扇大門──如自駕車，5G 將成為這項科技得以開花結果的最大助力，幾乎任何高科技產業都會受到衝擊。 無疑問的，5G 將會是 2020 年影響 UI 與 UX 設計潮流最大的因素，這也闡明「速度」將會是今年度的核心理念。 了解大環境的因素，接著就讓我們來細看 5G 影響下的 UI 和 UX 領域的各別趨勢： 5G 影響下的 3 大 UI...【網路行銷影片 VFX 後製】三秒完成的十種 After Effects 標題文字特效
網路行銷影片的文字標題太無聊？使用特效吧！根據國外有 32 萬人次訂閱的 VFX 影片後製教學頻道 「SonduckFilm 」精選出來的 Top 10 影片文字特效，全部都是 After Effects 的預設，不需要其他的插件即可完成，適合步調快速的網路行銷人員使用。這十種特效的做法分別列於下方： 目錄： 科技感的 Data Stream 字體特效 霓虹光 Rotate Hue 字體特效 Drop in by...VFX 剪輯高手揭露:新手常犯的影片後製 10 大誤區
國外一名擁有十多年經驗的 VFX 影像後製/剪接師，分享了一些新手剪輯師常犯的錯誤 —— 你會驚覺，這些錯誤是如此的常見。有可能是因為新手們不太清楚以下的剪輯小撇步： 這篇文章中，列出了 10 個新手們常犯的剪輯小誤區，只要避免這些錯誤，你在剪輯的工作上就能更加流暢，有立竿見影的效果。其中四個是關於工作整理、三個關於音效編輯、另外三個則是其他你沒想到的問題。 目錄： 凌亂的的資料夾 混亂的時間軸 錯誤的版本管理 沒有自動儲存或檔案備份 音軌不順或雜音四起 平庸的背景混音 馬虎的配樂編輯 差強人意的標題與字幕 錯誤編碼和影片速率 缺乏自我專業度的提升 凌亂的的資料夾 ▲ 凌亂的的資料夾示意圖 身為一個影片剪輯師，擁有一個分類整齊、一目然的資料夾是必備能力。他能讓你的其他工作夥伴，一看到你的資料夾，就知道你目前的工作進度，並且順暢的接手剪輯的工作。這樣的工作習慣不但能讓你在與其他剪輯師交接工作時更加順利，也將減輕你的工作負擔，讓你在開始工作時，更快銜接上上一次的工作進度。 所以，請將你的資料夾按照一定的邏輯分類，並在資料備份的硬碟中，也要保持一致的分類邏輯。另外，你也必須確保你備份了所有下載的影音檔、螢幕截圖以及檔案。你絕對不會知道當別人在離線的狀況下，看到你的檔案還需要上雲端去下載的時候，內心多麽崩潰。所以，這舉手之勞可是會讓別人大大感謝你的。 其實，檔案管理不只讓新手剪輯師苦惱。今天不管你是不是剪輯師，有效管理檔案都能讓工作事半功倍。若你也對檔案管理毫無頭緒，這裡的小技巧能讓你凌亂的數位檔案乖乖就緒，再也不會像迷宮一樣令人頭昏！ 混亂的時間軸 ▲ 混亂的時間軸示意圖 井然有序的時間軸，可以讓別人輕易的找到特定的剪輯片段，並且讓片段順序組織化。在較大型的專案中，若沒有這樣的習慣，很容易使你的工作變得一團亂。遵從以下幾點，就能避免時間軸混亂的災難： 替你的影像軌、音軌命名 讓每個組件都在指定的影像軌、音軌中 善用顏色標籤來分類不同類型的剪輯片段 別在時間軸的結尾任意留下垃圾 錯誤的版本管理 This was organized by an actual video editor. pic.twitter.com/VzYjMJ61DL — Matt Penn (@mattpenndotcom) January 18, 2018 身兼導演、後製監製的 Matt...
- 學員見證
進可攻·退可守的一技之長-Python課程結業後成功轉職工程師
Python課程見證-林先生報名了Python課程,本來是想要學得一技之長,技術移民赴日當工程師.後因疫情關係無法赴日,不過還好他的Python技能讓他在台灣找到工程師的工作被日文系耽誤的工程師魂？ Python課程結業後的他，竟錄取全球百大企業！
Python課程結業,現任職竹科某大企業的朱同學,其實是日文系畢.因前份工作需要大量的excel函式,便開啟了朱同學對coding的興趣.而Python比起其他程式語言的編碼風格更趨近英文文法,成為朱同學的首選,便報名了以課程扎實為名的達內教育研究所開始鋪路未來 扎實的Python課程讓我錄取竹科工程師
Python課程的王同學從研究所的實驗中了解到Python程式語言的重要:不僅是簡化繁瑣的數據處例,學會了Python程式語言更能擴大未來職涯發展.在多方比較下,王同學選擇從Python入門教到業界專案實作的達內教育,結業後成功錄取竹科工程師【轉職前端工程師】測試工程師的微痛學習歷程，現在切版、網站開發一把罩！
當了一年多的前端工程師的林先生,能順利獨當一面完成切版,網站前後端開發一手包辦!出身於電子工程的他,曾擔任測試工程師.因察覺到一些狀況,就決定報名前端工程師課程,零基礎拚轉職!品保人員進修 Python 課程 一年後成功轉職程式設計師
Python課程學員林先生順利轉職Python軟體工程師!原為QA品保人員的他,工作內容與薪資都較固定.一次與工程師的聊天中決定轉職...
- 專案作品
UI/UX-陳Ｏ伃-旅行·露營APP
專案介紹： 規劃由休閒農場所推出的APP 專案動機： 近年來流行露營，有些人喜歡自行搭帳篷，也有很多人想直接租借帳篷或露營車體驗 所以想規劃一個簡單清楚的APP讓人容易使用。 重點技術： •提供APP會員註冊系統 •會員場地/時間預訂 •購物車系統 使用者體驗 •優化使用功能操作便利性 •優化頁面跳轉流程 •優化操作提示與錯誤標示 學習心得： 本次專案學習到從構思主題到流程架構以及更熟悉使用Sketch製作專案 對達內的教學回饋覺得很棒！ 專案APP操作流程圖： (點擊縮圖看大圖)JAVA-林O生-運動用品電子商城
為喜愛運動的朋友設計的運動用品商品! 販賣適合不同客群的器材ˏ運動補充品ˏ輔助用具ˏ生活用具 專案動機： 想到以前做健身教練的工作時，往往會被詢問到是否有推薦的保健品、器材等等．．． 那乾脆就整理成一個推薦網站，並且附上購物功能，方便大家使用與購買！ 重點技術： 前端：HTML、CSS、JavaScript、JQuery、BootStrap框架：SpringBoot、MyBatis資料庫：MySQL金流系統：Paypal金流 專案心得與回饋： 透過本次專案，幫助我運用前端與後端進行交互的技能提升，以及後端如何遵循MVC模式設計 學習心得: 我深深感受到，當我原以為技術不行時，想放棄時，卻總在最後一刻有了新的解法出現 所以千萬不要被自己的想法限制，這點真的很重要！ 共勉之～ 對達內的教學回饋 感謝忙碌且認真做事的小幫手，妳們是積極又認真的！JAVA-黃O韋-學子商城
達内學員電子商務購物網站 購物網站 - 首頁 購物網站 - 註冊登錄頁面 購物網站 - Banner輪播功能頁 購物網站 - 商品介紹頁 購物網站 - 購物車與訂單功能 購物網站 - 個資管理功能 學子商城 - 前端程式碼 https://youtu.be/Fjw_xoNdJhA 學子商城 - 後端程式碼 https://youtu.be/dzGGaK5TALw 學員見證-黃O韋 https://www.tedu.tw/blog/a-poorly-educated-man-becomes-a-programmer.htmlJAVA-董O誠-雷霆戰機
JAVA OOP物件導向遊戲設計 結合JavaScript技術 作者示範影片： 基礎版-飛機大戰遊戲：https://reurl.cc/KjE3Gj 進階版-雷霆戰機遊戲： https://reurl.cc/GrgK0Z 學員見證：董O誠 https://www.tedu.tw/blog/a-construction-worker-becomes-a-java-programmer.htmlJAVA-董O誠-魔術方塊
JAVA課內第三階段JavaScript技術延伸應用 作者示範影片： 遊戲試玩網址：https://reurl.cc/q8a07p 學員見證-董O誠 https://www.tedu.tw/blog/a-construction-worker-becomes-a-java-programmer.html
更多