iT邦幫忙

2022 iThome 鐵人賽

DAY 1
1
自我挑戰組

50後阿嬤教你寫程式!系列 第 1

Day 01 阿嬤來嘍!教你從零學習寫程式!

  • 分享至 

  • xImage
  •  

Day 01 阿嬤來嘍!教你從零學習寫程式!

嗨大家好啊,我是你的...額...誰啊?算了那個不重要
第一次見到你,感覺你/妳應該蠻帥/美的
因為你讀了我的文章!我的文章有神奇的法力,
可以讓人變帥/美!

前提

想必大家一定有學過 JavaScript 這個程式語言吧,畢竟這可是當程式設計師的第一步呢!

JS,全名 JavaScript ,誕生於1995年,隨著網路科技的興起, JavaScript 從一個
不怎麼樣的語言變成一個你我皆知的世界通用語言,就像鹹魚翻身一樣,當然,想學會 CSS , Rails , Ruby 等語言,
就必須先跨過 JavaScript 這個基礎領域,就像你想讀國中,高中,就得先讀國小,再慢慢升級,
當然遊戲也一樣,每一個專業都是要學過基礎才能逐漸困難;若想要完全掌握 JavaScript ,
認識其歷史脈絡,必然是第一步。

Javascript 的發展

Javascript 的命名為 Mocha ,1995年 Navigator 2.0 的 beta 版改名為 Livescript
,為了能夠順利行銷這門語言,達到熱點,1995年12月,Netscape Navigator 2.0 beta 3 中被改名為 JavaScript
,以搭上『Java』這個熱門點(應該是為了讓這個語言火一點吧,畢竟當時 Java 還是有一點小火呢!)並且號稱他是為非程式設計師打造、簡單易用的腳本語言。

ECMAScript

啊真正最早普及,也是 JavaScript 創作者最為熟悉的 ECMAScript 版本是1999年12月發布的 ECMA-262 第三版
,簡稱 ES3 ,當中包含規則表示式,例外處理你可能喜歡等特性, JavaScript 的創作者為啥會如此熟悉ES3,因為
直到呢,下一個版本更新中間長達了十年之久。

但是!(西卡西!)為什麼 ES3~ES5 中間會長達十年之久?因為 Micrsoft 在瀏覽器大戰中取得勝利,缺少競爭對手,因此 Micrsoft 根本
懶惰鳥 ECMAScript 了,因為沒有競爭對手啊,這樣是要自己跟自己比嗎?那是因為後來瀏覽器普及率大大提昇, Web 應用多元化, Ajax 技術盛行,開發者
意識到 JavaScript 的重要性,在加上新一波的瀏覽器大戰正在慢慢醞釀中, ECMAScript 的規範
才慢慢有了進度。

雖然規範重新有了進度,同時也陷入了多方角力的局勢中, Macromedia 積極的想拯救 ActionScript ,但遭到 Yahoo , Micrsoft 等強烈反對。

在掙脫多方角力後,原應該是 ES4 版被否決了,然而,部份針對 ES3 的修改,原預計被發布為
ES3.1,後來在2009年底,重新命名為 ES5 。

ES5到ES6

ES5 釐清了 ES3 部份含糊不清(就像含滷蛋那樣含糊不清)的規範,其中一個最為重大的特性,是增加了嚴個格模式,開啟嚴格模式
後,若誤用了以前,被認為 no good 的 ECMAScript 特性,將會直譯或是以執行錯誤來停止程序。

ES5的許多特性,對撰寫程式庫的開發者幫助了不少,某些程度來說,這些也是後續ES6的基礎,是
個重要的規範版本,ES5也被現代瀏覽器作為實作,認識 ES5 ,自然就是 ECMAScript 開發者的重要課題之一。

小總結

今天我們認識了什麼是 JavaScript,還有 JavaScript 的歷史,下一章我們會簡單示範一些 JavaScript 的基本操作,
敬請期待!

目錄

為了方便你們知道未來這 30 天上什麼,所以我就把所有課程題目搬來這裡:

  • Day 02 阿嬤帶你認識世界!
  • Day 03 阿嬤知道怎麼列算式!基礎數據來嘍!
  • Day 04 阿嬤的基礎語法!
  • Day 05 阿嬤有更多的選擇!
  • Day 06 阿嬤會做循環喔!(上)
  • Day 07 阿嬤會做循環喔!(中)
  • Day 08 阿嬤會做循環喔!(下)
  • Day 09 阿嬤的函式!(上)
  • Day 10 阿嬤的函式!(中)
  • Day 11 阿嬤的函式!(下)
  • Day 12 阿嬤!元宵節到嘍!
  • Day 13 阿嬤,真的假的阿!?(上)
  • Day 14 阿嬤,真的假的阿!?(中)
  • Day 15 阿嬤,真的假的阿!?(下)
  • Day 16 阿嬤的猜字遊戲!(上)
  • Day 17 阿嬤的猜字遊戲!(中)
  • Day 18 阿嬤的猜字遊戲!(下)
  • Day 19 DOM DOM 咚咚咚!阿嬤元素駕到!
  • Day 20 不只阿嬤會動!元素也會動!(上)
  • Day 21 不只阿嬤會動!元素也會動!(下)
  • Day 22 阿嬤帶你探索 HTML!(上)
  • Day 23 阿嬤帶你探索 HTML!(下)
  • Day 24 阿嬤帶你探索 CSS!(1)
  • Day 25 阿嬤帶你探索 CSS!(2)
  • Day 26 阿嬤帶你探索 CSS!(3)
  • Day 27 阿嬤帶你探索 CSS!(4)
  • Day 28 阿嬤帶你探索 CSS!(5)
  • Day 29 讓 CSS 更好讀!(番外篇)
  • Day 30 題目自己猜猜看~

下一篇
Day 02 阿嬤帶你認識世界!
系列文
50後阿嬤教你寫程式!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
1
Xiang1009
iT邦研究生 4 級 ‧ 2022-09-15 23:15:08

恭喜開賽等好久啦! /images/emoticon/emoticon34.gif

0
lala_lee_jobs
iT邦新手 5 級 ‧ 2022-09-16 11:57:49

來跟著阿嬤一起學寫程式了 ?

0
MUKIwu
iT邦新手 5 級 ‧ 2022-09-16 13:14:50

期待新文章!!跟阿嬤一起學程式(Y)

0
Tim Hsu
iT邦新手 1 級 ‧ 2022-09-16 21:56:17

原來阿嬤不只是會打世紀帝國,還會寫程式...

我要留言

立即登入留言