mini js projects

1. nodejsBegin
   Start learning the fundamental of node.js

2. nodejs with express 練習node.js搭配express框架

3. Node.js With Passport Authentication by Traversy Media
   [ 使用node.js, express, mongo atlas(mongoose), bootstrap, ejs, passport, bcryptjs ]
   該網頁可以建立帳號、登入，並有簡易使用者頁面可以登出。
   在帳號建立時，會檢查email是否已註冊過、email格式是否正確、二次輸入密碼是否正確、密碼長度、欄位有無空白。

4. Employee List
   [ 使用node.js, express, mongo atlas(mongoose), bootstrap ]
   員工清單具有新增、更改、刪除、檢視等功能，可以紀錄員工的姓名、電子郵件、居住城市與電話號碼。
   

5. Project React: Money Heist Webpage
   [ 使用javascript, react.js, css, JSX標籤語法 ]
   網站內容介紹知名西班牙搶劫犯罪影集-紙房子，目的是練習React用法。

筆記：

• React 是一個陳述式、高效且具有彈性的 JavaScript 函式庫，用以建立使用者介面。使用小巧而獨立的「component」來建立複雜的 UI。
• manifest的作用：PWA 中很重要的 manifest.json，可以靠這份檔案順利在 mobile 上 Add to homescreen。
• 在div中增加的是className而不是class，因為是使用JSX標籤語法，寫法較接近javascript。
• 可以使用props來傳遞資料，Component使用 state 來保持狀態。
• 在JSX中，跳脫字元用{""}包起來。
• 要在onclick呼叫有參數的function，要使用arrow function。

6. React Recipe App 使用EDAMAM食譜API 參考：

• 隱藏API KEY的方法：https://medium.com/better-programming/how-to-hide-your-api-keys-c2b952bc07e6
• 遇到CORS問題，未解決