Kite Fly

  https://www.youtube.com/watch?v=vfWhL8bQ85Q

  https://fu-sheng-wang.blogspot.com/2016/11/algorithm-6-greedy-algorithm.html https://geehye.github.io/hackerrank-09/#

  理解題目 在刷題或是測驗時，解題前你 必須先理解題目 ， 並掌握確切的題目範圍 ，許多人會過於擔心、緊張，一看到題目就動手做，但卻忽略了真正的問題內容。若因此疏忽，很可能導致未依照規定回傳結果而沒有得分。 時間分配 常有測驗者會因為題目有趣、、或一開始就被題目卡住，導致後面的題目未完成，JECHO  會建議人選在一開始先大致將題型瀏覽一遍，再開始進行測驗。 **小提醒：若使用 Codility 為前測的企業，網頁會記錄整個 coding 流程，把求職者的思維模式、編寫過程完整地紀錄下來，以供考官綜合評量，因此請在 Codility 上編寫，以留下紀錄。 版面配置 避免雜亂的程式碼，排版不清可能會造成考官在檢視時不好閱讀，因此版面配置也是很重要的！   https://jecho.me/blog/codility-leetcode-hackerrank/ https://blog.techbridge.cc/2018/07/07/resrc-for-swe/ 何謂「對症下藥」？～ 1. 刷題最重要的事情是要先知道自己對於哪個主題的題目不太熟悉，需要多加練習。在學習資料結構與演算法的過程中，你一定會碰到你不熟悉的主題，或是比較不那麼融會貫通的演算法。此時你要做的事情是把他列出來，把最不熟悉的東西放在第一順位，排序好後接著進行下一步。 2. 找到不熟悉的主題後，以這個主題作為搜尋的關鍵字，找出所有與他有關的題目。以我自己為例，我自己對於dynamic programming很不熟，把dynamic programming作為query搜尋後，會得到如下圖得結果。 https://haren.medium.com/leetcode%E5%88%B7%E9%A1%8C%E6%96%B0%E6%89%8B%E5%85%88%E5%82%99%E8%88%87%E7%9B%B8%E9%97%9C%E7%9F%A5%E8%AD%98%E5%88%86%E4%BA%AB-681328997c86 ======= 5個重點，幫助軟體工程師職涯成長 1) 資料結構與演算法的重要性 LeetCode不是資料結構與演算法 DSA(Data Structure and Algorithm)課程 ，如果之前沒有在這方面的主題上做任何的準備，那會建議參加一些DSA的...

  d

這個語法叫做 JSX，是一個 JavaScript 的語法擴充。我們推薦你在寫 React 的時候透過這個語法來描述使用者介面的外觀。 JSX 可能為讓你想到一些樣板語言，但不一樣的地方是 JSX 允許你使用 JavaScript 所有的功能。 https://zh-hant.reactjs.org/docs/introducing-jsx.html 使用 JSX 時需要注意的限制 HTML 屬性在 JSX 中的表示方式 A、首先第一點是由於  React DOM 使用 camelCase 作為屬性命名規範 ，這代表像是說在 HTML 中的  tabindex ，在 JSX 中則必須寫成  tabIndex 。 B、接著第二點是像是在 HTML 中的  class ,  label  的  for ，由於在 JS 中是保留字(preserve word) ，所以需要額外改寫成  className  與  htmlFor 。 C、但是凡事總是會有例外，諸如  aria-* ,  data-*  則 不需要使用 camelCase 作為屬性命名規範 以上 React 會幫我們將上述提到的部分在編譯時轉換成在 HTML DOM 上其對應的屬性。 JSX 一定要有一個根元素(one single root element) 在使用 JSX 的時候， 是至少需要一個根元素的 ，否則就會報錯。 副檔名要用 .js 還是 .jsx? 大致重點在於 使用 .jsx 作為副檔名的判斷依據在於認為是否為標準的 Javascript。 由於 JSX 並不是標準的 Javascript，所以就透過以 .jsx 為副檔名來管理這類的檔案。 就好像使用 Typescript 會用 .ts 的副檔名一樣。 所以在實作上都可以成功運作，但怎麼管理就讓大家自己思考囉! https://ithelp.ithome.com.tw/articles/10239097  

 React.js入門 - 01 https://ithelp.ithome.com.tw/articles/10214942 Step 0 : 我真的需要React ? React是什麼 ? 如果你的專案大/複雜的時候，再來考慮使用React或是其他框架。 首先，我們要先知道React和framework是什麼。 隨著時代的演進，網頁的功能越來越多、網頁的架構也越來越大。漸漸的，我們的網頁裡面的<script>標籤越來越多，散布在各個html檔裡。有一天，維護網頁的工程師終於受不了了: X! 就不能把所有的js檔用更有秩序的方式管理嗎? 因此我們也會需要下列這幾項工具: 套件管理工具(ex: npm/yarn) 打包工具(ex: webpack) 編譯器(ex: babel) 其中，又以Google寫的Angular、中國人寫的Vue、和Facebook寫的React，這三大框架最有名 Step 1 : 安裝npm npm是「套件管理系統」。 簡單來說，它像是一個能把寫好的程式碼放在上面供別人使用的平台。\ Step 2 : 安裝「一次安裝並設定好react、babel、webpack」的create-react-app Step 3: IDE(文字編輯器)的安裝和設定 - vscode

  2021/10/20~12/31 目標  1. MERN  2. 考多益 650  1/16 考多益 (11/10-12/4) https://blog.amazingtalker.com/zh-tw/zh-eng/%e5%a4%9a%e7%9b%8a%e5%96%ae%e5%ad%97%e7%b8%bd%e6%95%b4%e7%90%86/10141/ https://blog.amazingtalker.com/zh-tw/zh-eng/%E3%80%90%E5%85%8D%E8%B2%BB%E8%80%83%E9%A1%8C%E3%80%916%E5%80%8B%E5%A4%9A%E7%9B%8A%E7%B7%9A%E4%B8%8A%E6%A8%A1%E6%93%AC%E6%B8%AC%E9%A9%97%E5%8F%8A%E8%80%83%E5%8F%A4%E9%A1%8C%E8%B3%87%E6%BA%90%E5%88%86/33005/ https://blog.amazingtalker.com/zh-tw/zh-eng/%e8%81%b7%e5%a0%b4%e5%bf%85%e5%82%99%e5%95%86%e7%94%a8%e8%8b%b1%e6%96%87%e5%96%ae%e5%ad%97%e5%8f%a5%e5%9e%8b/10368/?utm_medium=tooeicword&utm_source=inside https://blog.amazingtalker.com/zh-tw/zh-eng/ptt%e6%8e%a8%e8%96%a6%e5%a4%9a%e7%9b%8a%e6%9b%b8%e5%96%ae%e6%ba%96%e5%82%99%e6%8a%80%e5%b7%a7/11439/?utm_medium=wordtoeic&utm_source=inside

 1. Node JS 安裝 & 側試 https://www.youtube.com/watch?v=SYQU0TSMjYw 2. Node.js Express 框架快速入門：npm 指令，使用 Express 框架 By 彭彭 https://www.youtube.com/watch?v=vQ4KV07bVk0 出現node js 第3方套件 3.

  https://feng2266.pixnet.net/blog/post/225676550-%E5%B8%B6%E5%AD%A9%E5%AD%90%E6%97%85%E8%A1%8C%E5%BF%85%E5%82%99%E5%93%81%E6%B8%85%E5%96%AE%280~2%E6%AD%B2%29 https://mamaclub.com/learn/%E5%B8%B6%E5%AD%A9%E5%AD%90%E6%97%85%E8%A1%8C%E5%BF%85%E5%82%99%E5%93%81%E6%B8%85%E5%96%AE02%E6%AD%B2/ https://www.antgirl.com.tw/page-more.php?pid=805 https://mamaclub.com/learn/%E5%B8%B6%E5%AD%A9%E5%AD%90%E6%97%85%E8%A1%8C%E5%BF%85%E5%82%99%E5%93%81%E6%B8%85%E5%96%AE02%E6%AD%B2/

 plotly教學 Plotly 常被 ML拿來畫圖 Plotly內建完整的互動能力及編輯工具，支援線上和離線模式，提供穩定的API以便與現有應用整合，既可以在web瀏覽器中展示資料圖表，也可以存入本地拷貝。Plotly唯一的缺點是太靈活，提供了太多的可選項。 https://www.itread01.com/content/1570633204.html 畫圖的種類 https://www.itread01.com/content/1542564499.html R语言：highcharter包绘制可交互的基础图表 https://zhuanlan.zhihu.com/p/40311113 SVG D3 畫圖 https://shubo.io/react-d3/

1. Box plot 畫圖方式 https://zhuanlan.zhihu.com/p/51410048 2. chart js 學畫圖 HTML5 https://codertw.com/%E7%A8%8B%E5%BC%8F%E8%AA%9E%E8%A8%80/397451/ https://www.itread01.com/p/1024245.html 3. 用 Canvas 畫「我的家」 CanVas 應用:  Canvas 繪圖.影像處理.檔案上傳下載 https://www.youtube.com/watch?v=mL5eCbXBVG8 <canvas>  是一個  HTML  元素，我們可以利用程式腳本在這個元素上繪圖（通常是用  JavaScript ）。除了繪圖，我們還可以合成圖片或做一些簡單（或是 不那麼簡單 ）的動畫。右方的影像便是一些運用 <canvas> 的例子，接下來我們將會在教學文件中一一說明 。 本教學從基礎知識開始，描述如何利用 <canvas> 進行 2D 繪圖。教學中的範例會讓各位清楚瞭解 <canvas> 該如何運用，另外也會提供程式碼範例，讓大家嘗試製作自己的內容。 <canvas>  最早是由 Apple 為 Mac OS X Dashboard 所提出，之後 Safari 和 Google Chrome 也都採用。 Gecko  1.8 作基礎的瀏覽器，如 Firefox 1.5 也都提供了支援。 <canvas>  元素是  WhatWG Web applications 1.0 （也就是 HTML5）規範的一部分，目前所有主流的瀏覽器都已支援。 https://developer.mozilla.org/zh-TW/docs/Web/API/Canvas_API/Tutorial https://medium.com/unalai/%E5%9B%9E%E5%88%B0%E5%B9%BC%E5%B9%BC%E7%8F%AD-%E7%94%A8-canvas-%E7%95%AB-%E6%88%91%E7%9A%84%E5%AE%B6-c7fcfd1d1...

1. Excel 做Box plot https://www.youtube.com/watch?v=iE2SqkTpfXg 2.Excel 儀表板 https://www.youtube.com/watch?v=b1MrA6kVIIg A. Excel樞紐分析 的交叉分析篩選器 B. 篩選器 直1改成橫4 C. 2個篩選器 之間連動--  篩選器右鍵"報表連線" D. 年分和所有圖表都連線, so 所有都打勾 E. 結果: Excel 儀錶板