這世界上有很多虛擬的東東，這些欺騙感情的虛擬物，有時也可以拿來療癒。
先來理解一下什麼是虛擬 DOM : 為什麼我們需要用它?
這篇文章解釋得頗清楚的：虛擬 DOM 的渲染原理和特性
但是還是來整理一下重點：
原本我們寫原生的 JavaScript 時，我們會直接對 DOM 進行監聽和修改，然後這個 DOM 元素也會透過我們的監聽的事件所執行的，讓頁面產生互動。
JavaScript 基礎 型別篇
我們很容易忘記，我們曾學過的東西裡，仍有許多細微的小細節。
知道自己是個健忘的人，所以偶爾會翻些基礎的知識來看看，才發現其實有許多自己忘，或根本沒有去注意到的小細節。
這次來記錄一下自己之前學的時候沒注意到的點。
React 組件 Component 和 JSX 語法
要從哪裡開始學，或許先看看 React 的組件結構比較容易懂？
在開始學習 React 的時候，或許先從觀察開始，看看應有的組件檔案裡，需要有什麼塊狀結構，就像學 HTML ㄧ樣，也會有<html><head>和<body> 。
除了我們認識的 HTML、CSS 和 JavaScript 外，React 也有屬於自己的語言標記，但嚴格說起來不能說是語言，而應該說是語法糖，什麼是語法糖？算是介於 HTML 和 JavaScript 之間的一種標籤語法，主要是要讓 JSX 來描述使用者界面的外觀，如官網JSX – React的介紹。
ReactJS 環境佈署
法國前端初級測驗
人總是在某種方式的評估下，才能清楚地知道自己的能耐。
法國有不少人力派遣公司，因為法國聘人程序繁瑣，徵人又需投入大量資源人力，所以越來越多公司採用人力派遣所派遣過來的工程師，來開發公司的專案。
此測驗是法國某大人力派遣公司，對應徵者所做的線上測驗，進入測驗網頁後，須依規定的時間作答，時間到會自動前往下一題，無法回頭修改答案。
以下是本人測驗之後，重新再花時間整理出來的，包含整理時「自己認為」的正確答案，如對答案有意見，歡迎提示給予修正建議，感謝先。
JS 30 - 01. Drum Kit 鍵盤音樂
有開頭總是好事，沒開頭就什麼事也不會發生。
這個練習是在畫面上顯示好幾個鍵盤上面的鍵，讓使用者在按下鍵盤，依鍵盤不同而發出不同的聲響，原本的練習是以英文字母為發音鍵，但自己愛好自然就把它們換成了數字鍵，並搭配各種不同動物的叫聲也頗有趣的。
如果依照「功能」和「畫面」來拆解這個練習，那麼也表示「功能的部分」需要用 DOM 和 JavaScript 來操控，而「畫面」部分則需要先用 HTML + CSS 來刻好，以 JS 來等待觸發事件，來播放音效與變換元件（鍵）的狀態。
JS 30 - 00. 為什麼開始？因為希望完成
當我們每天早上醒來，都是一切的開始。
原始出處：Javascript30.com
原始檔案：[github]
這是個很有名的免費線上課程，由 Wes Bos 推出的 30 個以原生 JavaScript 寫出來的挑戰，這 30 道題目也有 Wes Bos 所提供的免費教學影片可看，可說是佛心來的。而網路上也有許多前輩，挑戰之後將心得分享出來，我們可以在原始檔案[github]上的 README 上看到列表，其中有好幾位來自台灣的前輩，因此增加了中文的分享筆記，是英文不夠好的救星啊！而這一兩年這 30 題也成為許多人入手學習 JS 必做的練習，在框架盛行的年代，能夠以原生的 JavaScript 來寫練習真的是越來越珍貴。
JS 測試陣列是否有符合條件的元素好用方法 every() & some()
JS 迴圈升級的陣列 Array 方法 forEach()
參加讀書會是個可以讓自己和一群喜歡同一個技術領域的夥伴一起學習的方法，透過讀書會，去了解與深入書中所要表達的內容。
目前進行與參與的讀書會有「Javascript 大全」和「Javascript 忍者」兩本數，雖然「Javascript 大全」不包含很重要的 ES6 部分，但是能夠更全面了解 JS 的演變與歷史，將來在看不同版本的程式碼時，應該可以較為清楚的理解。而「Javascript 忍者」這本是許多前輩推崇的一本好書，雖然以目前的階段來說頗硬，但多了解 JS 深度也是將來會去面對的，將來也勢必會再重讀這一本書，所以就提早了解概況吧。