發表文章

目前顯示的是有「javascript」標籤的文章

基礎JavaScript教學課程~搞懂遞增與遞減運算子!

圖片
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;而後置運算會先設值後再完成遞增運算。因此 y 會先設值給 b 原本的值 10,再完成遞增運算。因此 b 的值為 10、x 的值為 11。 遞減運算子(–) 遞減運算子能對數值進行「減1(遞減)」的運算。當置於運算元前方,就會先執行運算,因此得到的值是遞減過的值;若配置於後方則是先取值後運算,會先得到運算元本身的值後才進行遞減運算。如以下例子:     var x = 10,y = 10;     var a = --x,b = y--;     console.log(a,x);     console.log(b,y); 前置運算會先完成遞減運算後再設值。因此 x 完成遞減運算結果為 9 後,再設值給變數 a。因此 a 的值為 9、x 的值也為 9;而後置運算會先設值後再完成遞增運算。因此 y 會先設值給 b 原本的值 10,再完成遞增運算。因...

利用人工智慧,讓你達到動口不動手就能寫程式的境界~

圖片
  人工智慧 語音程式工具的效果如何?這篇幫你介紹一下! 人工智慧 開發語音coding工具 不用雙手照樣寫程式! 對於「語音輸入法」大家想必都不陌生,現在的手機通常都會內建語音輸入,方便在無法使用雙手打字時有另一輸入文字的方式。 即使市面上已有許多語音轉文本技術,但能「輸入程式碼」的語音輸入法,過去卻還沒有人成功研發出系統化的應用程式。直到日前,有位資深美國工程師 Matt Wiethoff 成功用 人工智慧 (AI) 開發出一款可以「邊說邊寫程式」的工具! ▲ 使用語音輸入程式碼的 AI 工具「Serenade」介紹影片   運用機器學習技術 AI 讓你用「說」的也可以寫程式   ▲ 長期寫程式容易手酸,美國工程師開發能輔助語音 coding 的 人工智慧 (source:Danial RiCaRoS on Unsplash/示意圖本文無關)   對工程師們來說可謂是「雙手萬能」,彈指之間能編寫出千變萬化、各有所能的程式軟體;但相對而言,若突然某日不便使用、甚至無法使用雙手該怎麼呢? 知名美國知識問答網站 Quora 的開發人員 Matt Wiethoff 就是雙手遭遇變故。他的手部因嚴重「重複性壓力傷害」所苦──這類傷害多因在日常工作中不間斷地反覆運動固定的部位所導致,嚴重的話可能對身體部位造成永久性損傷。 Matt 因此無法再使用雙手敲打鍵盤,但身為一個工程師,無法 coding 怎麼行?在職業生涯可能畫下句點的壓力之下,Matt 卻沒有灰心喪志,宛如勵志電影般,在人生遭遇重大打擊時不但沒有被搏倒,反另外開闢出一條蹊徑:開發不需雙手可以寫程式的工具。 Matt 和 Tommy MacWilliam 共同創立了新創公司 Serenade ,用 人工智慧 開發出一款可以將語音轉化為程式碼、用口頭發聲就能寫程式的工具。   支援 Java 、 Python 等多語言 Serenade 獲 210 萬美元投資   ▲ Serenade 操作示意圖(source:Serenade 官網)     該公司的第一款商業化產品「Serenade Pro」已經發表,現在已經可以從官網將 Serenad...

只會用Java寫出"Hello World"嗎?今天讓你學更多

圖片
原來除了 Java ,還有那麼多種其他程式語言可以寫出"Hello World"! 「Hello World」幾乎是每一個剛接觸 程式設計課程 的人,第一個碰到的語句。不管你學的是台灣「市佔率」稱霸的 Java 、還是未來炙手可熱的人工智慧首選 Python ,只要是 程式設計課程 ,幾乎都是從「Hello World」學起。 推薦閱讀: Python 不是蟒蛇、Java 就是咖啡?看看程式語言命名起源多奇葩 以下整理出「Hello World」使用不同程式的語言的寫法: Java Java 的特殊之處在於它經過專門設計,因此您可以編寫一次代碼,然後可在任何操作系統上運行,為各大科技公司所愛用。所有 Android 的 App 都是用 Java 編寫的。 class HelloWorldApp { public static void main(String[] args) { System.out.println("Hello World!"); // Prints the string to the console. } } C 世界上最重要的程式語言。它是編寫 Windows,MacOS,iOS 和 Android 等操作系統以及瀏覽器和 Unity3D 遊戲開發的工具。它的語法影響了無數其他程式語言。 #include <stdio.h> int main(void) { printf("hello, world\n"); } C++ 性能接近 C,並在許多重要專案(如 Chrome 瀏覽器)中使用。C++ 旨在使一種語言,更易於構建大型項目,同時仍保持快速高效。 #include int main() ...

本季Python和Java的對決,究竟鹿死誰手?

圖片
這次 Python 能不能成功取代Java成為亞軍?甚至成為冠軍?往下看就知道!   RedMonk 發表了 2020 年第 3 季的熱門語言程式排名,大破了 2012 年以來 Java 總是落在冠軍與亞軍的紀錄。這次 Python 正式擠掉 Java 成為第 2 名,讓 Java 退到了第3名。 JavaScript 仍蟬聯冠軍寶座,而第 4 名多年來都是 PHP,接下來則是由 C++ 和 C# 共享第5名、Ruby 與 CSS 共享第 7 名、TypeScript 第 9 名、C 語言第 10 名。 RedMonk 熱門程式語言排行榜是結合 GitHub 及 Stack Overflow 平台而綜合出的排名結果:GitHub 能反映程式語言實際被使用的狀況;而 Stack Overflow 則顯示程式語言的討論熱度。RedMonk 綜合以上兩者,歸納出排行,可作為未來程式語言趨勢的參考。 本季(2020 年第 3 季)的贏家就屬 Python 程式語言了。其實在第一季開始, Python 就與 Java 程式語言並列第二名,也是除了 JavaScript 和 Java 之外,唯一進入過第2名的程式語言。 推薦閱讀: IBM 背書!入行 AI 必學 Python 的 8 大理由 推薦閱讀: 為什麼學習網頁前端一定要掌握 JavaScript? Python 算是一種膠水語言(Glue Languange),許多專案都靠著 Python 來黏合。而新興科技如人工智慧、大數據等,都應用到 Python 程式語言。還有網站開發、爬蟲、金融科技 Fintech 等都少不了 Python 語言。官方表示:若越多的開發專案都使用 Python 語言,則 Python 會持續在榜中名列前茅。 推薦閱讀: AI 產業革命已開始!Python 憑什麼成人工智慧必備語言? 自 2012 年以來,本季是 Java 第一次落於前兩名之外。雖然 Java 也能滿足新的開發專案的需求,目前也被各大企業大量使用。官方提到:未來幾年 Java 仍會是企業的主流,但這次 Java 遭遇到前所未有的競爭。這次排名變動到底是暫時波動、和是會長期下降,仍需在接下來幾個季度持續觀察才能...

前端工程師初學者的入門天地!(22)數學物件

圖片
前端工程師還沒入門數學物件?這篇幫你做到! Math物件的屬性 Math 是 JavaScript 的原生物件,可進行多種數學運算。該物件不是用函式建構式來生成,所有的屬性和方法都必須在 Math 物件上呼叫。 Math 物件包含多種屬性,列舉如下表: 以上 Math 物件的屬性,範例如下: See the Pen The Math object by Tedutw ( @Tedutw ) on CodePen . Math物件的方法 Math 物件除了有許多屬性外,也有許多方法,列表如下: 以上 Math 物件的方法,範例如下(不包含三角函數): See the Pen The Math object-method by Tedutw ( @Tedutw ) on CodePen . 除了給 前端工程師 ,其他人也可以嘗試的綜合練習! 讓我們來撰寫一個 JavaScript 程式:首先彈出一個視窗,要求使用者輸入數字。使用者輸入數字後,即會出現警示視窗,顯示著該數字的平方根。 var x = prompt("請輸入一個數字",""); var answer = Math.sqrt(x); alert(x+" 的平方根是 "+ answer); 執行結果如下: 此時我們輸入「64」,則會有以下結果: JavaScript 的數學物件就介紹到此。若前端工程師能在 HTML 中善用數學物件,則可減省時間,根本不必自己寫函數啦! 下一章我們將介紹另一個 JavaScript 的原生物件——日期物件。 延伸閱讀文章: 對JavaScript變數命名規範還是霧煞煞?這篇是你的救星! 總整理:免費的java開發工具推薦! 學了JavaScript,同時將許多功能攬上手! 人生是自己的, 達內教育評價要靠自己來體驗! 痛失英才!台灣人工智慧學校執行長陳昇瑋辭世 用Python寫出唐鳳「番茄鐘工作法」程式,讓AI幫你集中注意力! 達內教育評價:別再抱怨不景氣了!高中生靠SEM接案創業每月額外收入7萬

前端工程師要是不懂後端和全端,那也太不專業了~

圖片
如果你想成為前端工程師,這篇也讓你了解後端和全端,雖然很像但還是有區分的啦! 一、前端方向 網站的“前端”是與用戶直接交互的部分,包括你在瀏覽網頁時接觸的所有視覺內容--從字體到顏色,以及下拉菜單和側邊欄。這些視覺內容,都是由瀏覽器解析、處理、渲染相關 HTML 、CSS、Javascript 文件後呈現而來。 技能與工具 前端開發,就是要創造上面提到的網站面向用戶的部分背後的代碼,並通過建立框架,構建沉浸性的用戶體驗。為了實現這個目標,開發需要熟練運用下列語言、框架、工具庫: 三大語言:HTML,CSS,和 Javascript ; 此外,掌握 jQuery 和 LESS 等工具庫也很重要,它們能幫助工程師以更高效的方式編碼; 很多前端開發崗也要求 Ajax 方法的使用經驗,它可以幫助你使用 Javascript 在後台從服務器拉取數據,協助實現頁面的動態加載。 打個比方,前端工程師的工作專注於“房屋”裝修,而蓋房子的工作由後端工程師負責。 通過一些專門的工具, 前端工程師 與設計師/用戶體驗分析師密切合作,幫助構建原型或是線框圖,參與產品開發到發布的全過程。 一些前端工程師甚至能準確定位影響用戶體驗的特定問題,並給出建議或是代碼解決方案,對產品設計帶來積極影響。 在專業能力外,與其它團隊協作,以理解特定目標、需求、機遇,以及高效的執行力也非常重要。 這聽起來工作內容很多,但也回報豐厚。 “我是一名技術人員,也是一名設計者,在數字平台上使用標記語言和代碼修改視覺元素並與之互動是很自然而有趣的體驗,”有八年前端開發經驗的Mikey Ilagan 說“這讓我能夠直接影響到用戶體驗,操縱應用和網站裡用戶所見並直接與之交互的元素,這非常棒!” 總之,前端工程師要為後端工程師搭建的“房屋”進行內部設計和裝修工作。裝潢風格由房屋所有者指定。 Apptix 的產品市場負責人 Greg Matranga 表示:“前端工程師有時更容易為他們的工作感到振奮,因為他們有更廣闊的空間發揮自己的創造力。” 二、後端方向 到底是什麼給網站前端提供支持呢?數不清的數據該存放在哪裡?這些問題,就涉及後端內容了。網站後端包括服務器、應用還有數據庫。後端工程師構建並維護這些組件,為網站提供多方面支持。 技能...

零基礎的也不要怕學習網站前端技能,這篇讓你更了解它!

圖片
網站前端到底有多好用?零基礎的也可以學嗎?看完就知道啦! 很多想要轉行的朋友紛紛把目光投降了網路前端技術。 網路前端作為一個薪資前景好的熱門行業,吸引了很多人的加入。但是對於剛剛準備轉行的朋友來說並不知道網路前端是什麼?零基礎怎麼學習Web?下面就來和小編一起看一看文章內容吧~ 零基礎怎麼學習Web? 一、網站前端是什麼呢? 當你在網絡、APP上瀏覽網頁時看到的所有漂亮的頁面,其實都是由網站前端實現的!在我們看來簡單,但其實光是一個小小的按鈕、一個小小的符號,都是 網站前端 工作者們仔細斟酌過的。 網站前端工作相對於其他軟件開發工作是比較容易入門的,但是要是你深入學習後會發現其實困難,它需要從業人員掌握一定的設計、代碼、交互技能,有的公司還會要求有一點SEO技能。 今天就讓達內帶你看看:零基礎該如何入門? 二、零基礎怎麼學習Web? 網站前端 培訓零基礎入門有兩種方式: · 第一,通過自己自學進入該行業 · 第二,通過參加Web培訓機構入門 通過自身學習入門你需要通過的是最開始學習時多看看視頻,有一定了解後針對自身情況挑選合適的書籍,進行知識性的查漏補缺。當然這學習的過程很重要,需要將自己學習的知識串成知識點時常溫習。平時多練習代碼,堅持一段時間之後一定能有所成就。最好可以挑選合適的教育機構,這樣可以減少你學習的時間,有針對性的學習。 三、網站前端技術的三個階段 分別是前端美工、前端開發和前端架構。 前端美工主要負責最基本的一些平面設計,視覺互動設計,不需要參加太多代碼問題,中級網站前端會寫js,應用js,用戶交互等,前端架構是開發、優化框架和服務器,用戶體驗等涉汲就比較廣。三者薪資根據等級不同也逐漸升高。 四、網站前端開發包括三個要素 HTML、CSS和 JS ,是網站前端開發包括的三要素,當然服務器端語言以及基本的PS、視覺設計也是需要了解的。 網站前端既需要與上游的視覺互動設計師、視覺設計師和產品經理溝通,又要與下游的服務器端工程師溝通,需要掌握的技能比較多。所以對於有些知識只需要入門不需要精通,有些知識卻需要融會貫通,這對網站前端開發的學習比較重要。 五、 HTML5 和網站前端的區別 HTML5是現在網站前端開發一項重要的內容,由於技術的不斷發展,...

JavaScript初學者的入門天地!(21)陣列的方法與屬性

圖片
深入JavaScript的陣列處理技巧也是必要的,這次來學它的方法和屬性! 陣列(Arrays)-length 屬性 JavaScript 陣列(Arrays)擁有一些實用的內置屬性和方法,如 length 屬性,用以回傳一個陣列中元素的數量。 寫法如下所示: See the Pen JavaScript-Array-length-property by Tedutw ( @Tedutw ) on CodePen . 上述範例左側的原始碼,第一行的「courses」陣列有三個元素:HTML、CSS、JS,因此回傳數值為「3」;第四行的「courses1」陣列有四個元素:HTML、CSS、JS、JQuery,因此回傳數值為「4」   合併陣列(Combining Arrays)-concat () 方法 JavaScript 的 concat () 方法,是用來合併兩個或多個陣列。此方法不會改變原本的陣列,而是新增加另一個經過合併過的陣列後回傳。 See the Pen JavaScript-combining-Arrays by Tedutw ( @Tedutw ) on CodePen . 上述範例左側的原始碼,第一行為「c1」陣列回傳為「HTML,CSS」;第二行的「c2」陣列回傳為「JS,JQuery」;第三行就採用 concat () 方法來合併第一、第二行的 c1、c2 陣列,是為新陣列「c3」,其回傳值有四個元素「HTML,CSS,JS,JQuery」。 JavaScript 的陣列 (Arrays)教學在此告一個段落,請各位 前端工程師 和其他讀者不要忘記,務必將 前一章「陣列的介紹」 與本章再複習一次! 而 前端工程師 們可以開始期待啦!因為下回的 JavaScript 教學系列,我們將陸續介紹 Math Object 數學物件與 Date Object 日期物件等 JavaScript 原生物件! 延伸閱讀文章: JavaScript初學者的入門天地!(20)陣列 總整理:免費的java開發工具推薦! 關於JavaScript的變數命名規範,這篇讓你一目瞭然! JavaScript入門教學#18|創造JavaScript...