復古遊戲,現代語言:微軟推出超好入手遊戲引擎 MakeCode Arcade

離人人寫遊戲的夢想又更近一步了!

Google 推兒童學習編碼 App「Grasshopper」,用手機快速學會 JavaScript

「Grasshopper」提供包含學習程式基本運作、呼叫功能,以及增加變數、字串、迴圈、陣列、條件、物件等基礎概念,並且學習如何讓這些基礎元件整合運作,同時也將透過D3函式庫、定義功能,以及callback功能,藉由動畫形式描繪形狀或建立更複雜功能。

隔絕世界紛擾,讓鍾子偉執行長全心投入工作:Sony WF-1000XM3 真無線主動式降噪耳機

關鍵評論網共同創辦人暨執行長鍾子偉,認為創業家總是在跟時間賽跑,只要可以幫助創業家節省時間、創造效率,就是非常好的產品。Sony WF-1000XM3 真無線主動式降噪耳機使用創新先進科技,卻以最柔軟的形式,用音樂活化了繁忙的商務與工作。

邊玩遊戲邊學 JavaScript !Google 推出最新應用程式讓你隨時隨地學 coding

Google 旗下內部孵化器 Area 120,開發出了一款新應用程式 《Grasshopper》在今日正式發表,讓用戶透過解謎遊戲快速學習 JavaScript 程式技巧,瞄準成人設計的App 已支援 Android 和 iOS !

用空格還是用 Tab 鍵?Google 推出《JavaScript 指南》解答程式白痴問題!

Google 的工程師大大為了幫助剛入手 JavaScript 者寫出乾淨、易懂的代碼,提供了一個獨具特色的教程《JavaScript 指南》,而本文作者丹尼爾西蒙斯,一位 web 開發人員/Java愛好者精心總結了Google 推出的這份指南中最有趣、最有用的十三條規則。

【數位轉型私房菜】成功打造創新的轉型故事,關鍵在於企業文化與人才

面臨數位轉型浪潮來襲,如何找到最適合的轉型 DNA,成為最重要的關鍵。此篇以五個企業數位轉型成功案例,帶你了解數位轉型的關鍵成功要素。

【15歲我還在看火影忍者】他今年國三,在全台最大JavaScript研討會當「工程師」!

從 12 歲就在學習JavaScript,前往參加全台最大的 JavaScript 年度技術研討會 - JSDC,他們成為會中年紀最小,萬中矚目的「開發員」!

學 JS 者得天下!稱霸網頁之後,JavaScript 還要攻佔你的桌面

Electron 從 GitHub Atom 編輯器衍生,原本叫 Atom Shell。這個框架讓你能用 CSS、HTML 和 JavaScript 製作原生程式。現在 JaveScript API 可以愈來和不同的作業系統溝通,同時用網頁建立使用者介面。

2020 提升職場社交力:星巴克教你「感謝」的秘訣

你是否曾經想要好好感謝某人,話到嘴邊又說不出口;或者重要節日到了,卻還沒想好該送什麼禮物?別著急,星巴克已經先為你想好各式各樣的送禮情境了。

我要成為前端工程師!給 JavaScript 新手的建議與學習資源整理

今年有越來越多企業開始跟我們接洽企業內訓的事,想請我幫他們培訓前端工程師,但你知道一個好的前端工程師絕對不是兩三個月可以養成的,需要多年的努力與磨練才會有點成績。

Facebook 新框架 React Native,一套搞定 App 開發

React Native 是 Facebook 推出的一個用 JavaScript 語言就能同時編寫 iOS,Android,以及後台的一項技術,今年 9 月 發佈了 Android 版本,又在工程師裡面掀起了一波小高潮,不斷有喜歡嘗鮮的工程師投入到這個領域。

全 MIT 出產、雲端數據皆在台灣,Rogy 360 全景相機要你安心直播

傻瓜級全景相機能夠紀錄周遭所有畫面,任何角度都不遺漏,搭配一鍵直播功能,捨去繁雜設備及線材、不會被電話訊息干擾,無論何時何地,一個人就可以立刻直播。

新版 WordPress 也跟上開源潮流!並且發表桌面應用程式

最近 WordPress 發表了新的管理介面專案 Calypso,捨棄了 MySQL 及 PHP ,將整個後台整理成單一個 JavaScript 頁面,並透過REST API 連接回核心 ,一個後台可以統整多個網站,而且載入速度更快,所有變動都可以即時更新,還加入了響應式設計,在不同裝置使用都會自動調整畫面至最適合的版面。

Treesaver:利用HTML/CSS語法編輯雜誌排版風格網頁

目前因為電子閱讀裝置的硬體發展以及內容產業漸漸開始重視數位出版或數位內容的相關議題,有越來越多的內容開始以不同的形式出現在不同的載具上,其中在網頁上的發展一直都是很重要的戰場之一。倘若可以利用HTML/CSS(或是HTML5)或是像EPUB這樣的標準,在不同的瀏覽器或是不同的閱讀裝置上,<strong>理論上</strong>可以確保一致的閱讀與使用體驗。 然而事情並非真的如此美好,無論是跨瀏覽器、跨平台、跨裝置或是處理不同解析度的問題,其實都是非常麻煩的。到目前為止,仍然陸陸續續有許多與數位出版、排版相關的解決方案不斷出現,從各種重量級的解決方案,例如Adobe的InDesign與相關產品,到輕量級的各種HTML5/EPUB相關出版工具等等,琳琅滿目。 而今天要為各位介紹的<a href="http://treesaverjs.com/">Treesaver</a>就是一個以JavaScript打造,號稱只要透過HTML/CSS的網頁排版方式就能在網頁上做到雜誌排版風格的框架。

微軟 Ignite 大會巡迴台北:軟硬整合、技術生態旅程免費參加,再獲微軟認證考試

微軟年度開發者大會 Microsoft Ignite The Tour 將於 2/17-18 巡迴台北,本場加碼 WinHEC 精彩內容,17 條個人化學習路徑,助你在數位新大陸大展身手。

cool3c logo x 友站推薦

W3C比照HTML、CSS與JavaScript 將WASM也列為網頁標準程式語言

目前包含Chrome、Firefox、Safari、Microsoft Edge瀏覽器,都將支援WASM 1.0版本。而Mozilla、Fastly、Intel與Red Hat在內業者合組的Bytecode Alliance,則預計持續針對WASM提出新標準,並且讓WASM在瀏覽器以外平台生態持續擴展。 W3C稍早宣布,將把WASM (WebAssembly)比照HTML、CSS與JavaScript,成為網頁標準程式語言。 WASM採可攜抽象編碼語法結構設計,相比JavaScript提供更快編譯及執行效率,並且能讓開發者以諸如C、C++或Rust程式語言進行編譯,進而透過JavaScript

九個適應性設計小撇步,把你的網站打造成變形金剛!(下篇)

接續上一篇所介紹的一些基本 CSS 排版小技巧,本文第一部分開始介紹 CSS media queries 常見的使用方式,以及一些在開發初期就要先注意的地方;第二部分則介紹一些適應性設計相關的工具及 Javascript 套件。希望這些小撇步可以幫助你在開發網站上事半功倍囉! 運用 CSS media queries 撇步四:排版避免設定高度及絕對位置,寬度設定儘量集中 右下角可拖曳縮放↗ 從這個範例中可以看到有三個不同顏色 div 分別包了三個白底的文字區塊,假設有個前端需求是三個文字區塊要隨著螢幕寬度動態改變寬度,這時最好的作法是將三個區塊指定同樣的 class,這樣一來在設定 media

從 JavaScript 的 Map/Reduce 談起 Functional Programming

自 ECMAScript 5.1 開始 JavaScript 加入了兩個關於陣列的函式:Array.prototype.map/reduce。這兩個函式可以針對陣列,讓開發者更清楚的描述接下來程式碼所要表達的運算性質。除此之外,也簡化了每次手寫迴圈進行尋訪陣列的繁瑣過程,特別是當尋訪實際上是要將原本的陣列映射(map)成另一個陣列,或是進行加總、檢驗等具有化簡(reduce)性質的操作。 左:使用普通 for 迴圈進行運算。右:使用 map & reduce Map/Reduce 所謂的映射(map),實際上是指將被操作的陣列在不改變結構的情況下,變形成另一個陣列。以上例而言,當陣列「