Kite Fly

  https://www.youtube.com/watch?v=vQ4KV07bVk0 npm : 利用小程式下載安裝 npm初始化 2.安裝Express n 3.進入點 index.js 寫code 架設Server 啟動server 測試 只回應根目錄資料 重新啟動.再下一次指令 測試

express 實做  https://www.runoob.com/nodejs/nodejs-express-framework.html https://ithelp.ithome.com.tw/articles/10191816 Express 介紹 Express是一個最小的，靈活的Node.js Web應用程序框架，它提供了一套強大的功能來開發Web和移動應用程序。 它有助於基於Node Web應用程序的快速開發。下麵是一些Express框架的核心功能： 允許設立中間件響應HTTP請求 定義了用於執行基於HTTP方法和URL不同動作的路由表 允許動態渲染基於參數傳遞給模板HTML頁麵http://tw.gitbook.net/nodejs/nodejs_express_framework.html Javascript https://www.youtube.com/watch?v=OkphAk_cWPM&list=RDCMUCguZS-y7codLSt6vpkVdnKg&index=3 事先做3個網頁: pupular.html, latest.html,  page.html 在page.html 為主頁, 控制何時要用pupular.html & latest.html 用content id   https://www.youtube.com/watch?v=OkphAk_cWPM&list=RDCMUCguZS-y7codLSt6vpkVdnKg&index=3 網頁載入時, 要點擊資料才會進去 網頁載入時, 資料直接全部load 進去 Take away 1.內容在 id =content 2.上面有2個標簽在點擊時會觸發 3.觸發時會去做ajax 動態顯示內容 4.創立XMLHttpReques 物件 ->  建立連線 -> load 進去會做的事 -> 送出連線 (利用load 事件 偵測連線是否結束-> 連線完成作load 處理) 5.利用 pageName 船參數去控制內容 顯示結果

 MongoDB intro:  https://dotblogs.com.tw/explooosion/2018/01/21/040728 MongoDB Shell:   https://blog.gtwang.org/programming/getting-started-with-mongodb-shell-1/ MongoDB DB 層級架構:   https://zh-tw.coderbridge.com/series/800ffff9f7524d35ac6ecc51fffda4b9/posts/fccb25a652444dfda38629965eac7c7d 1.一種 NoSQL 資料庫 2.MongoDB 屬於文件資料庫（Document Database），以文本方式儲存， 本身沒有 Schema，所以在架構上很好調整 3.儲存格式 資料的儲存架構是以 JSON 格式儲存， 如果使用 Node.js 做為後端，強烈建議使用 MongoDB。 4. mongo  是一個用來操作 MongoDB 的互動式 JavaScript 介面，您可以使用它來查詢（query）或更新（update）資料庫中的資料，另外也可以進行一些資料庫的管理動作。 5. 當您安裝好 MongoDB 之後，可以執行  mongo  以 MongoDB Shell 來連線到 MongoDB： Redis Redis intro: https://blog.kennycoder.io/2020/02/22/Redis-%E9%AB%98%E6%B5%81%E9%87%8F%E7%B3%BB%E7%B5%B1%E4%B8%8D%E8%83%BD%E6%88%96%E7%BC%BA%E7%9A%84%E8%B3%87%E6%96%99%E5%BA%AB%EF%BC%81%E5%AE%89%E8%A3%9D%E6%95%99%E5%AD%B8%EF%BC%81/ Redis 指令: https://blog.techbridge.cc/2016/06/18/redis-introduction/  https://blog.techbridge.cc/2016/06/18/...

 日復一日，　年腹一年 9/14(二) React JS入門，單親媽媽加油 https://ithelp.ithome.com.tw/articles/10215265 9/1５(三) 

一切都是最好的安排  勇敢!!  帶領你和 孩子們 成為她們的驕傲 !! https://womany.net/read/article/25004 https://mamibuy.com.tw/talk/article/90947

https://ithelp.ithome.com.tw/articles/10215265  DOM（Document Object Model） 如果要你說明「網頁」是什麼   「UI」。然而對接觸過前端技術的人，可能會認為網頁是一個包含: 元素 : 如: button、div 事件 : 如: 點擊、輸入 ...等等族繁不及備載。總結來說，就像是一個「提供很多可以操作的介面的程式」。 事實上，這支程式的架構就像是一棵樹、一份整理完善的文件，支幹底下有分支(例如: 元素類別中有按鍵)、分支上有多個樹葉(例如: 按鍵有提供點擊功能)...。這樣的結構，在程式語言中又稱為是「物件導向(Object-orient，簡稱OO)」結構 因此，我們把這個 HTML、XML 和 SVG 文件的程式介面，稱為文件物件模型（Document Object Model, DOM）。 這些常用的語法就是在操作DOM: document.getElementById 就是用id在向DOM取得元素。 document.getElementById().scrollTop=.... 就是在修改元素在DOM的scrollTop。

React https://ithelp.ithome.com.tw/articles/10214942 Step 1 : 安裝npm npm是「套件管理系統」。 簡單來說，它像是一個能把寫好的程式碼放在上面供別人使用的平台。 ======== 非Unix系統，到 這裡 進行下載Node.js並安裝 npm會一起被安裝 安裝完請務必重新開機 。 Step 2 : 安裝「一次安裝並設定好react、babel、webpack」的create-react-app 跟PowerPoint裡面有提供簡報範本一樣。react官方有在npm上提供我們已經設定好webpack、babel和react的範本程式，也就是create-react-app。 npm安裝套件的方式是透過指令，用  npm install 套件名稱  或  npm i 套件名稱  就能在目錄下安裝指定套件。套件原始碼會存放在目錄底下自動生成的 node_module資料夾內。 Step 3: IDE(文字編輯器)的安裝和設定 - vscode (可跳過) vscode是由微軟推出，這幾年急速竄紅的文字編輯器 & 搜尋並安裝 JS JSX Snippets ==== 簡介專案結構(可省略) (.vscode) (如果你有設定vscode的debugger) |____ (launch.json) build (如果你執行過npm run build) public |____ index .html |____ favicon.ico |____ manifest.json src |____ index .js |____ index .css |____ App.js |____ App.test.js |____ App.css |____ service-worker.js |____ logo.svg node_modules package.json package- lock .json README.md (.gitignore) .vscode(預設隱藏): 設定vscode的debugger。 build: 經preprocessing之後用來部署的檔案， npm run build 後出現。 public: 放打包前html...

  MERN全栈视频教程 https://www.bilibili.com/s/video/BV1xX4y1V7bW 1.NodeJS need install windows8.1 or higher  MERN Stack Development || Setting up visual studio code https://www.youtube.com/watch?v=ZVA3tV_z-Jw https://www.youtube.com/watch?v=5yTazHkDR4o

 https://tw.alphacamp.co/blog/node-js-and-javascript JavaScript 是一個事件驅動的語言，透過事件迴圈，能讓執行緒幾乎不會被卡住；而這樣的特性，非常適合用來接收高併發（High Concurrency）的請求。 ，如果是商業邏輯複雜的後端程式，效能瓶頸不在流量的服務，Node.js 就無用武之地；但在設計需要承接高流量，且處理邏輯不太複雜時，Node.js 可能就會是個可以考慮的選項。 功能 前面提到，Node.js 就是一個可以執行 JavaScript 的環境，而這個環境除了提供瀏覽器 Web API 實作的  setTimeout 、 setInterval 、 console  之外，也因為執行環境不同，有另外一系列的 API 供開發者使用，例如可以讀寫檔案的  fs 、處理網路請求的  http 、做加解密雜湊處理的  crypto 、設定叢集的  cluster  等等。 結語 我們從最基本的介紹出發，認識了 Node.js 這個 Server 端的 JavaScript 執行環境，並提到 Node.js 的語言特性在高併發情況的優勢，最後重點理解 JavaScript 的重要特色：事件迴圈，背後是如何在伺服器端執行。

 https://eddychang.me/typescript-quick-start-in-10-mins 類別 介面(Interface) 對於物件中屬性的類型定義，顯得更複雜得多了，這是學習的重點中的重點，在這上面的學問相當的多，細節也很多。TypeScript 使用了介面來描述物件的外形(Shape)樣子，以下面的範例程 由簡單的範例開始說明

 https://tw.alphacamp.co/blog/mysql-and-mongodb-comparison 在「該用 MySQL，還是 MongoDB 呢？」 MySQL 與 MongoDB 這兩個資料庫管理系統 (Database Management System, DBMS) 背後的資料庫設計方式，也就是大家常聽到的關聯式資料庫 (Relational Database, RDB) 以及非關聯式資料庫 (NoSQL) 吧！ 關聯式資料庫的特色 資料存放在一個或多個資料表當中。資料都是透過資料表中行列的二元關係呈現。 資料表需預先設定架構 (schema) 資料表之間的關係也需要預先定義好，使資料之間有明確的關聯 可以透過 SQL 語言進行資料操作 另外，一個好的關聯式資料庫設計，也需要能夠確保每一個 transaction 能夠滿足 ACID 原則。ACID 分別代表 Atomicity (原子性)  : 資料操作不能只有部分完成。一次的 transaction 只能有兩種結果：成功或失敗 Consistency (一致性) ：transaction 完成前後，資料都必須永遠符合 schema 的規範，保持資料與資料庫的一致性 Isolation (隔離性) ：資料庫允許多個 transactions 同時對其資料進行操作，但也同時確保這些 transaction 的交叉執行，不會導致數據的不一致 Durability (耐久性) ：transaction 完成後，對資料的操作就是永久的，即便系統故障也不會丟失 上面這些特色，讓關聯式資料庫看起來相當完美。但，事情總是沒有想像中的那麼簡單 關聯式資料庫的侷限性 隨著網路應用程式的普及，使得資料庫的使用、分享、與資料量飛快地增加，讓原本的資料庫設計遇到的挑戰。人們除了需要更快的速度來處理大量資料之外，也需要能夠及時地提供服務以滿足大量使用者的需求。 此時人們開始轉向非關聯式資料庫設計來尋找解決方法，NoSQL 也就開始站上了舞台。NoSQL 的意思不是「不要用 SQL 」或是「資料不需要關聯」，NoSQL 它真正的意思是  Not Only SQL ，也就是「 不是用 SQL 操作資料的資料庫設計 」，因此實際上資料之間還是可以建立關聯的喔。 另外，NoSQL 也不是橫空出世...

 https://tw.alphacamp.co/blog/data-engineer-interview

 https://blog.csdn.net/weixin_26711867/article/details/108958461

 https://www.gushiciku.cn/pl/pSer/zh-tw 到底什麼是技術棧? 作為一種資料型別，技術棧實際上是一些元件的集合。 2個主要功能。一個是以推送的形式，向集合中新增元件;另一個是以彈窗的方式，刪除最近新增的，但尚未刪除的元件。 可見，它有點類似一個堆疊了一組實用工具的架子(棧)，您可以輕鬆地從其頂部拉出需要的工具和技術。下面是技術棧中的常見技術： 前端技術-HTML、JavaScript、CSS、PostgreSQL、jQuery; 前端框架-Angular.js、Polymer.js、bonebjs、Ember.js; 後端技術-Nodejs，PHP、.NET、Ruby on Rails; 後端框架-ASP.NET、Rails、Express、CodeIgniter; 資料庫技術-Oracle、Microsoft SQL Server、MySQL、MongoDB。 針對不同的業務場景，我們可以採用 全棧(Full-Stack)、均(MEAN)棧和MERN棧 三種方式。下面我們來詳細討論三者各自的特點： 全棧的相關概念 作為Web開發的一部分，全棧開發泛指通過網際網路或內聯網，進行各種Web相關任務的開發，其中包括應用程式前端(我們也稱為客戶端)和後端(我們也稱為伺服器端)等完整的開發。而憑藉著雲端計算所帶來的各項技術優勢，全棧開發給整個開發領域帶來了翻天覆地的變化。 運用完整的技術棧開展開發工作，其中涉及到各種前端技術、後端開發語言、資料庫、伺服器、API、以及版本控制系統。這樣也就是所謂“全棧”名稱的由來。 全棧開發人員既可以保持目標系統的各個部分平穩執行，又可以為團隊中的每個成員提供幫助，並大幅減少團隊用於溝通的時間和技術成本。畢竟，這樣一個 “萬金油” 式的角色，能夠為公司節省在人力、基礎架構和運營上的各項成本。 全棧開發需具備的專業知識 1)前端技術 全棧開發人員應該掌握諸如HTML5、CSS3、JavaScript之類重要的前端技術，並對jQuery、LESS、Angular和React JS等第三方庫有所瞭解。 2)開發語言 全棧工程師應該至少知道一種伺服器端程式語言，例如：Java、Python、Ruby、以及.Net等。 3)資料庫和快取 對各種DBMS技術的瞭解，是對全棧開發人員的另一項重要要求。其中，資料...