布萊恩的創業小窩

想轉行學習程式語言.增加技能嗎?現在正是了解百百款語言程式的大好機會! 另外，有很多同學想轉行 程式設計師 ，也遇到同樣的問題：那麼多的程式語言到底該怎麼選呢？如果你是一名具有前瞻性的開發者，或你想成為一名具有前瞻能力的開發者，那麼，你應該至少在最好的程式語言中選擇一個，像是：Python, JavaScript , C#, C, PHP, Java, C++或者go。 廢話不多說！現在不妨讓我們介紹⏯ 2019年熱門的十大程式語言 給你吧！   一、 Java 最流行 與一年前一樣，不意外地，Java目前仍然是最流行的 程式語言 ！據TIOBE的數據顯示，在這幾十年來， Java 更是比其他語言更常名列榜首呢！許多知名公司使用Java來開發軟件和應用程序， 所以如果你碰巧使用 Java ，絕對不必為找工作而苦惱 。Java受歡迎的主要原因是它擁有可移植性、可擴展性和龐大的用戶社區。 二、經典的 C語言 作為最古老的程式語言之一， C語言依然高居榜首，這歸功於其可移植性以及微軟、Oracle和蘋果等科技巨頭採用它。它與幾乎所有系統兼容，很適合操作系統和嵌入式系統。 由於運行時環境相對小巧，因此C是保持這種系統精簡的完美選擇。強烈建議初學者學C，它實際上是 程式語言 的通用語言，已催生出了同樣很受歡迎的衍生語言，比如 C++ 和C#。 三、 C++ 繼續占主導地位 這種面向對象程式語言，在20世紀80年代開發而成，現在仍應用於從桌面Web應用程序到服務器基礎設施的眾多系統。由於靈活性、高性能以及可用於多種環境，C ++依然很吃香。以C++為業的工作通常需要開發麵向性能密集型任務的桌面應用程序。掌握 C++ 可以更深入地了解 程式語言 ，幫助獲得低級內存處理方面的技能。 四、 Python ：不斷上升 過去15年來，Python的受歡迎程度穩步上升。過去這幾年，它一直能夠躋身TIOBE指數前5名的位置。作為如今人工智能、機器學習、大數據和機器人等一些最有前途的技術背後的主要語言， Python 近年來積累了龐大的粉絲群。你會驚訝地發現學習Python很容易，這就是為什麼許多經驗豐富的開發人員選擇 Python 作為第二或第三語言的原因。 五、C#：遊戲開發人員的寵兒 C#是一種現代的面向對象程式...

你不要以為前端工程師傻傻的!現在不同的行動設備,他們同樣也有辦法對付! 行動載具特性 圖上方為傳統以桌機為主設計模式；下方為「行動裝置優先 (Mobile First)」模式 手機、平板等行動設備在操作上與電腦差異很大，電腦以滑鼠操作為主、行動設備則是以觸控螢幕為主。因此，兩者的網頁開發在互動設計上也有所不同。 行動載具的基本特徵有：可單指或多指操控的多點觸控、多種手勢（如搖一搖、滑動等）以及文字虛擬鍵盤。 除了上述與電腦差異很大的特徵外，在視覺呈現上也與電腦差很大， 前端工程師 與 網頁設計 師需注意的事項如下： 按鈕大小： 電腦因為是用滑鼠操控，所以無論按鈕多小，滑鼠一樣點的到。但是行動裝置是以觸控為主，按鈕太小會增加點擊難度。因此蘋果電腦公司建議 iOS 開發者，任何需要被觸控的 UI (使用者介面) 元件，都不能小於 44*44px。 超連結大小： 除了上述的按鈕之外，也會有文字的超連結內容。同理，也不能讓帶有超連結的文字太小，以利於手指點擊。 UI 設計： UI 設計必須考量到行動載具的畫面尺寸，因此像按鈕等需要被觸控的 UI (使用者介面) 元件，都需要在畫面中容易被點擊的地方。 點擊效果： 在按鈕效果的開發上，有時滑鼠除了點擊與放開的指令外，還會有滑來滑去的特效。但是行動版裝置是使用手指直接觸控的，所以就不需要此種特效強調。 互動效果： 電腦與行動裝置的運算效能畢竟不一樣。所以有一些在電腦版網頁運行的很順暢的特效 (如 Slide 幻燈片、Carousel 等) 在行動裝置上未必能流暢顯示。所以在設計　RWD 網頁時，要考量到不同設備的效能。 行動裝置優先 (Mobile First) 概念 行動裝置優先 (Mobile First) 是由知名的 設計師 與 UI規劃師 Luke Wroblewski 提出的，他曾當過美國 yahoo 架構設計負責人，他在2010年的時候進行了一次簡報，標題就是 Mobile First（ 原始簡報與影片 )，是指設計網站時，應該以行動裝置的介面、互動、顯示等為主要考量，其他的裝置次之，有別於過去設計網站時「以桌上型電腦為主，再將電腦網站上的內容移植到行動裝置上」的模式。 現在越來越多的人使用行動裝置上網，根據美國最大電信...

標準的RWD網站範例 現今前端工程師都選擇RWD網站,今天介紹Media Query尺寸斷點時的兩種布局斷點,和優雅降級.漸進增強! 當代的 前端工程師 與 網頁設計師 在開發網站時都選擇 RWD 網站，在規劃其 Media Query 的尺寸斷點時，有兩種布局斷點的依據：「根據設備」以及「以內容為主」，介紹如下： 1.根據時下的主流設備來佈局斷點 (設備優先) 透過時下主流的設備 (如當代最熱門的手機、平板或電腦螢幕等) 來確定布局的斷點，而設計多套樣式，再分別對應到各種設備上，如此就可準確定位斷點。這種套用現成的設備尺寸隨然方便，又能精準對應到時下最普及的設備，但是隨著設備不斷汰舊換新，未來總會有無法合適對應到的設備。 「設備優先」示意圖（圖片來源：http://static.codeceo.com） 2.根據網頁內容作為佈局斷點的標準 (內容優先) 這種方式不是以設備為主；而是依據網頁內容的布局、段落等來下斷點，是真正符合 RWD 響應式網站 設計的初衷的方式。此種方式可讓網頁涵蓋所有設備、且閱讀容易，但是斷點會依據設備的不同而落在不同的地方，這樣就沒有標準、精準的設計模式。 「內容優先」示意圖（圖片來源：http://static.codeceo.com） 儘管如此，現今大多 前端工程師 與 網頁設計師 會更偏向「內容優先」的方式。因為電腦、行動裝置等設備不斷推陳出新，若採用此種方式，雖然無法精準對應到特定的設備，但是卻可廣泛涵蓋現在、未來全部的設備。且無論瀏覽媒介如何改變，網頁內容的本身依然會是重點。 在內容優先的策略中，前段工程師與設計師要讓網站盡可能兼容所有設備：因為我們不知道用戶會用什麼樣的設備來訪問網站，因此，我們必須盡可能地把所有狀況都考慮進來；所有的佈局、元件、區塊等都能兼容不同類型的設備和平台。有「優雅降級（Graceful Degradation）」以及「漸進增強（Progressive Enhancement）」兩種思維模式，可以套在「內容優先」為主的 RWD 響應式網站 設計的過程：   「優雅降級」還是「漸進增強」? 圖上方為「優雅降級（Graceful Degradation）」的 網頁設計 模式；下方為「漸進...

即使是當代前端工程師,所有概念也不能囫圇吞棗!現在就和你分享你可能也搞錯的小觀念! 在智慧型手機等行動上網的裝置普及之前，早期的 前端工程師 與 網頁設計師 在做網站時較輕鬆。因為網站只需適應一種規格，在製作程序上對比今日的 RWD 網站顯得比較單純。製作程序差異如下： 從上圖可以看出，在開發 RWD 網站時，若要符合不同裝置 (就是電腦、手機與平板等) 的網頁需求，就要開發出 4-5 種版面，無論是在設計、或是撰寫程式上都比較費時且難以銜接。因此在流程的前半段，必須要規劃 Media Query 的尺寸斷點再去進行 網頁設計 、程式撰寫，再根據不同的尺寸斷點進行反覆測試、調整與修正。 (相關文章： Media Query使用方法 、 Media Query中的視窗與頁面尺寸媒體特性一覽表 )。 在著手各種載具版面的設計前，應先根據與客戶討論後的結果，粗略進行各種載具的網頁框架規劃 ( Wireframe )。Wireframe 是低保真度的設計原型，是在除去所有視覺設計細節 (如色彩、字型等) 之下，進行頁面架構、功能與內容的規劃，藉此更能集中地檢視整個介面流程和架構，方便與客戶溝通想法。 (相關文章： 與前端溝通更順利！從了解整體網站的規劃流程開始 )。 網頁框架規劃 ( Wireframe ) 是運用方塊、文字線條，把每個區塊要呈現的內容表現出來。盡可能地減少設計元素，這樣才能突顯網頁所呈現的介面、動線流程與階層，確認使用者體驗如何。有時為了在視覺上清除區分不同的區域，可以使用灰階色塊作補助。下圖為個人網站的 Wireframe 網頁框架範例。 本篇為「 前端工程師 必懂RWD概念」三部曲第一篇，全系列目錄如下: (目錄) RWD網頁與傳統網頁設計的差異 內容優先的「優雅降級」與「漸進增強」 行動載具的設計考量 🙆延伸閱讀區： 前端工程師需釐清的RWD概念(中)網頁設計的優雅降級和漸進增強 前端工程師需釐清的RWD概念(上)RWD網頁VS傳統網頁設計 影響前端工程師超大的3個必備技能1-RWD是什麼何方神聖? 網路行銷課程的SEO優化跟帽子有關,你知道嗎?  Python可以建造人工智慧?你想學嗎? ...

人工智慧似乎是不得不面對的課題,郭台銘打造全台第一本AI教科書,並表示AI的人才培育是當務之急! 鴻海集團董事長郭台銘，於今年 2 月 1 日在土城鴻海集團總部，進行「與青年對話」上宣布：中國有針對 AI 人工智慧 出高中生教科書，同時，鴻海也號召台灣學者，共同打造台灣版的AI人工智慧基礎教科書，並為要讓 人工智慧 教育在台灣扎根，先印3萬本免費送學校。 郭台銘表示，現在所有媒體都在談 AI 人工智慧 ，鴻海自己也有在做 ( 人工智慧 )。去年郭台銘看了在中國的高一學生針對 人工智慧 的必修課本，自己研究了一兩天，發現該書用深入淺出的方法以及故事來教育下一代，於是公司在中國買了 2 萬本送給鴻海內部員工研究，同時也決定在鴻海「富士康工業互聯網學院」開班授課。 郭台銘指出：「這對台灣年輕人不公平」。所以本來想將此教科書引進國內，但經過跟專業人士的討論後，發現台灣也有能力設計自己的 AI 人工智慧 的教科書，也幸好有多位教授願意共同研究教材。 而在 4 月 30 日，郭台銘在馬英九文教基金會的專題演講上，他提到5G時代的來臨關鍵在於 AI 與各行各業做跨領域的整合，並在會場發放最新出爐的「人工智慧導論」一書。 郭台銘發行的「 人工智慧 導論」一書，由台大教授陳信希、郭大維，與美國工業人工智能中心創始人李傑等三位專家主編，其中出版緣起的部分，郭台銘提到： AI 人工智慧 是現今科技發展的必爭之地，人才培育是當務之急，而為了讓下一代不要輸在起跑點，因此自掏腰包出版「人工智慧導論」，不僅初版三萬本先給老師閱讀，後續也將開課培訓，為台灣高中生的人工智慧教育鋪路，為台灣 人工智慧 教育扎根。   🙋延伸閱讀沙發區： 企業想永續經營,AI人工智慧勢在必行!  聽說荷蘭AI人工智慧新創公司,正研發號稱特斯拉水上版! 訓練AI人工智慧的教材哪裡找?什麼?我們就能提供了!? 網路行銷課程-不可不知的SEO優化技巧5:別放過任何圖片! 在PTT被攻擊的達內跟你想得不一樣! 前端工程師一定要知道的事情''網頁顏色代碼對照表'' 人人都能是工程師！台灣 IT 培訓中心推「找到工作再付學費」專案，要試試嗎？  

▲ 人工智慧先驅-史丹佛大學名譽教授 Nils Nilsson 身為 人工智慧 先驅的他你怎能不認識!今天讓我們來懷念及感謝他所做的一切!   人工智慧 先驅、 人工智慧 名人堂入選者、AAAI (美國 AI 協會) 前主席、A* 搜尋演算法發明者以及多部 人工智慧 教科書作者──史丹佛大學電腦科學的第一位名譽教授（Kumagai Professor of Engineering）Nils Nilsson 於美國時間美國時間 2019 年 4 月 23 日逝世，享壽 86 歲。 Nils John Nilsson 教授於 1933 年 2 月 6 日出生於美國密西根州，是 人工智慧 的研究先驅之一，在「搜尋演算法」、「機器人學 (註：一種跨領域科技，涵蓋機器人的設計、建造、運作、應用等)」以及「知識表示法（註：一種跨領域的表示方法，涵蓋認知科學和 AI 兩個領域。在認知科學裡為人類儲存和處理資料的方式；在 AI 中，主要目標為儲存知識，讓程式能夠處理，達到人類的智慧。）」的貢獻而聞名。   研發世界第一個人工智慧機器人「Shakey」 ▲ Shakey 是世界上第一個體現 人工智慧 的機器人   Nils Nilsson 教授在史丹佛國際研究院（SRI International）的人工智慧中心任職 23 年，致力於將統計學和神經網路的方法應用到圖形辨識中。1966年開始，他與該中心的創始人 Charles Rosen 及著名的 AI 學者 Bertram Raphael 共同主導機器人 SHAKEY 的研發工作。Shakey 是世界上第一個體現 人工智慧 的機器人。   發明網路遊戲中常用的「A* 最佳路徑演算法」 ▲ 算出最佳路徑的「A* 搜尋演算法」演示圖 1968 年，Nilsson 教授與電腦科學家 Peter E. Hart 和前段所述的中心創辦人 Bertram Raphael 共同發明了「A*（讀作『A-Star』） 搜尋演算法」，為 人工智慧 領域帶來了重大影響。 A* 搜尋演算法（A* search algorithm），是一種在有多個節點路徑的圖形平面上，求出最低通過成本的演算法。今天 A* 搜尋演算法常用於遊戲中的 NPC 的移動計算，或網路遊戲...

身為前端工程師,怕人家笑你不內行?把Media Query學完大家都說:"您真內行啊!" 許多 前端工程師 在面對 網頁設計 時，都要處理 RWD網頁 。這些 RWD網頁 中的圖片如下圖所示，能根據網頁的大小而跟著放大或縮小。這就是所謂的「Fluid Image (流動圖片)」。 在 RWD網頁 中圖片的顯示方式有兩種，一種是傳統的「<img>」標籤，另一種就是直接使用 CSS 的背景圖。在網頁中插入一般的圖片，也就是使用「<img>」標籤的場合時，只需將其 width 或是 height 其中一個尺寸設定為百分比 ( % )，另一個則設為 auto 則可以達到 RWD 的效果，範例如下： #banner { max-width: 80%; /*最大寬度設為 80% 而不是 100%，是為了避免圖片糊掉*/ height: auto; /*高度設為 auto 好讓圖片可以等比例縮放*/ } 上述為一般圖片的 Fluid Image 設定，接下來說明背景圖的部分。 相信大家已經看過夠多美美的滿版圖片的網頁了吧？這是因為在背景圖的設定上，CSS3 的新屬性「background-size」可以指定背景圖片的大小是否可填滿整個容器。未指定「background-size」屬性的話就是 auto 原圖的大小；如果有指定為 cover 的話，那就可以使背景填滿容器。 快來看看以下背景圖片的 Fluid Image 設定為填滿容器的語法： #banner { background-size: cover; } 上過 網頁設計 課程的 前端工程師 應該可以一目了然： 下圖為 background-size 是否有指定為 cover 的差異。左上為有指定為 cover 的範例，右下為無指定 cover ，若圖尺寸不夠則無法填滿。 本篇為「前端工程師必備的RWD基礎」系列文章最後一篇，全系列目錄如下: (目錄) 前端工程師必備的RWD基礎(一)RWD基礎概念 前端工程師必備的RWD基礎(二)流動布局Fluid Grid 前端工程師必備的RWD基礎(三)Media Query基礎之Media Query使用...