---
tags: JavaScript
title: JavaScript
description: JavaScript學習筆記
---

JavaScript
===
可以在網頁中運作的一種**直譯式**程式語言。
利用 JavaScript 程式可控制 HTML 與 CSS 的設定，進而達到動態網頁的效果。
現代網頁不可或缺的部分。

---

[ToC]

---

## 學習重點
- [變數與運算子](https://docs.google.com/presentation/d/1x_Qa87sDiIMpwu8Sx8VSGSrO-hQKb5heEfLnn8BaY2Y/edit#slide=id.p)
- [流程控制](https://docs.google.com/presentation/d/17Atsg0gRhYaSaAMT4ztHxdeoGIui_zNj1vTMsMiWrRw/edit#slide=id.p)
- [函式基礎](https://docs.google.com/presentation/d/1y52Hnkbln2x6toMP8Ldc53QML8DcwI_muqQXJ3X_xVs/edit#slide=id.p)
- [物件基礎](https://docs.google.com/presentation/d/1skrIt__BE92hIn7Dh04uJONXxoJNNu1Aiu_KhttG0yo/edit#slide=id.p)
- [HTML DOM](https://docs.google.com/presentation/d/1-XJ5NzWkM2iGVgVnelBIAIsoY01aIe63EDiaO6xEMVU/edit#slide=id.p)
- [事件處理](https://docs.google.com/presentation/d/1trutGE_xqv2VsfcWiEqUsrA5uQ_pAQZc5NJx24CqXsg/edit#slide=id.p)
- [自動排程](https://docs.google.com/presentation/d/16m5S9UbB4qsfc0ArTepYrleAFhSn8jJfhkp5kC1GbYk/edit#slide=id.p)
- [Ajax 入門](https://docs.google.com/presentation/d/1eRpHKVd37WsFsHYPhOBVZBavgRGBggoMdcLxvo4KAT4/edit#slide=id.p)

## 注意
- 提升(Hoisting)
- this

## ECMAScript規範
ECMAScript是一種由Ecma國際在標準ECMA-262中定義的手稿語言規範。這種語言在全球資訊網上應用廣泛，它往往被稱為JavaScript或JScript，但實際上後兩者是ECMA-262標準的實現和擴充。

- [ES6 入门教程](http://es6.ruanyifeng.com/#README)
- ES2016/ES7
- ES2017/ES8
- ...

## 風格指南
- [Airbnb JavaScript Style Guide](https://github.com/jigsawye/javascript)
- [JavaScript Standard Style](https://standardjs.com/)

## 教學
- [JavaScript | MDN](https://developer.mozilla.org/zh-TW/docs/Web/JavaScript)
- [现代 JavaScript 教程](https://zh.javascript.info/)
- [ 專為中學生寫的 JavaScript 程式書](https://ccckmit.gitbooks.io/javascript/content/index.html)

## 庫/框架
:::spoiler
{%hackmd YN1rcGfaTUKhbL2GjdCn2g %}
:::