HackMD
Sign up

NCU NKFW

@NKFW

Public team

Team members (7)
Community (9)

Joined on Mar 1, 2023

New to old
  • ESP32進階使用方法-第六周
    :::success ❓如果使用上有值得思考的問題，就寫在此處 ::: :::warning ⚠️注意（觀念澄清） ::: :::info 以下 details 裡面有提示，如果同學還是想不到，可以按開 details 裡面有些提示
     Like  Bookmark
  • 如何在ESP32上架設網站-第五週
    :::success ❓如果使用上有值得思考的問題，就寫在此處 ::: :::warning ⚠️注意（觀念澄清） ::: :::info 以下details裏面有提示，如果同學還是想不到，可以按開 details 裡面有些提示
     Like  Bookmark
  • Final Project-第六周
    Final Project 是什麽？ 今天最後要教給你們的就是六週上課的集大成！那我們要教什麽呢？ 最後就是請你們整合做出一個動態的溫濕度感測器，然後在網頁上呈現 但不用擔心，我們會一步一步的讓你們回憶起這六週教的内容，慢慢引導你們怎麽實作！ 如何將 ESP32 的資料傳送到網頁上顯示 我們這裡會使用的工具是以下這兩個協定： 1. EVENTSOURCE 2. EVENTSOURCELISTENER 這兩個是做什麽？簡單來說，就是透過網頁來觸發資料進行傳輸
     Like  Bookmark
  •  Like  Bookmark
  • 排版方式(2)：flex大顯神威
    格式 :::success ❓如果使用上有值得思考的問題，就寫在此處 ::: :::warning ⚠️注意(觀念澄清) ::: 啟用方式
     Like  Bookmark
  • 第六周教學内容綱要
    教學目的 教會學員如何使用ESP32實作以下内容 備注事項 記得提醒使用slido 記得分開錄影（每節下課都要） 教學安排 早上Kahoot SPIFFS使用方法簡述什麽是FS
     Like  Bookmark
  • 前網01 世界的電堂
    環境安裝 環境安裝 網頁概論 基礎網頁架構 html 基本介紹 css
     Like  Bookmark
  • 第五周教學内容綱要
    教學目的 教會學員如何使用ESP32實作以下内容 備注事項 記得提醒使用slido 記得分開錄影（每節下課都要） 教學安排 早上Kahoot 網路概論簡述網路的運作原理
     Like  Bookmark
  • 物件(Object)
    宣告語法 let 物件名稱 = { ...... } 介紹 在Javascript中，Object是一種與Array相似的datatype。 Object中可儲存各種datatype的資料，例如integer,string,array，甚至也可以是函數。 let university = { name: "NCU",
     Like  Bookmark
  • HACKMD教學 - markdown語法教學
    :::info markdown的語法，其實就是一種標記語言。它用簡單的語法來包裝HTML(或是XML)的寫法，成為一種很熱門的文件格式，GitHub、Reddit、簡書等平台都有在使用。 ::: 只要掌握以下的基本操作，你大概就可以活用HACKMD了 標題 段落 清單有順序 沒有順序
     Like  Bookmark
  • 背景
    background-color background-image background-position background-repeat background-attachment background-size 假圖好朋友：Lorem picsum https://picsum.photos/
     Like  Bookmark
  • HTML介紹
    什麼是HTML HTML（HyperText Markup Language，超文本標記語言）算是一種標記語言，與一般的程式語言不太一樣。主要是負責網頁的結構，像是文字、圖片及畫面排版等，可說是網頁的核心。 要怎麼看到網頁上的HTML 滑鼠右鍵後， 點選「檢視網頁原始碼」/「檢視網頁來源」 基本的HTML架構 <!DOCTYPE html> <html lang="en">
     Like  Bookmark
  •  Like  Bookmark
  • 簡報架構討論
    預期-營期前 執行-每一周上課 結果-學員學習狀況 主題 形式：，講義要有project、project要給時間做完再公佈做法 就時間線來說： 籌備期時間-營期長短
     Like  Bookmark
  • 待辦清單
    JSON JavaScript Object Notation，是一種資料交換格式 javascript中的任一資料型態(幾乎)都算在JSON格式中 透過JavaScript物件的方式，紀錄各種資料 透過JSON.parse(字串)將字串轉為JSON檔案，或透過JSON.stringify(JSON檔案)將JSON檔案轉為字串 Local Storage localStorage用於瀏覽器用久儲存資料的地方，資料不會因為頁面刪掉或是關機而消失 每個網頁的local storage是互相隔離的 local storage只能儲存string型態的資料
     Like  Bookmark
  • 基本刻板 (index.html, main.css)
    建立基本 index.html 並導入外部檔案 Bootstrap v5.3link: https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css script: https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js （script 建議置於 body 區塊內最底） Font-Awesome v4.7 link: https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css 自行建立空白 main.css 並導入 (link)
     Like  Bookmark
  • 包裝成Chrome擴充套件
    https://nkfw.dstw.dev/files/ 從我們的檔案系統進入，找到這個檔案To-do-list-大禮包.zip，並且找一個喜歡的地方解壓縮 我們需要以下幾個步驟來將你的檔案變成Chrome所需要的格式： 1.將你的html檔案放到資料夾當中 例如說我的html檔案是index.html，我將它放在資料夾的最外層。 2.在html檔案當中，原本引用bootstrap, fontawesome的連結改成以下的內容(必要)
     Like  Bookmark
  • 設定背景與顯示名稱
    設計理念 一般來說，若要製作設定可自訂化的設計，我們需要儲存使用者之前留下的設定，那便得用到Local Storage或是JSON檔案；但在這一篇章，我們主要目標放在將設定值渲染到畫面上，因此不對於資料儲存進行實作，但基於本篇的程式再搭配Local Storage概念，就可達到自訂化設計。 因此，讓我們先加入以下物件： let DEFAULT_SETTING = { userName: "ZHAO-XIN, PAN", // 改為自己的名字 theme: "city", // 改為想要的主題 }; 如此一來，我們便能用以下程式取得設定值：
     Like  Bookmark
  • 2023中央大學資電院 新知所網教學講義
    序章 環境安裝 HACKMD教學 HACKMD教學 - markdown語法教學 HACKMD教學 - 筆記範例 網頁基本概念 打開一個網頁背後發生了什麼
     Like  Bookmark
  • to-do list講義架構討論
    我們現在的進度 基本刻板 時間顯示 我們還剩下甚麼部分(完整版) Final Project 創意發想 My New Tab 設計目標 基本刻板 (HTML+CSS) 時間顯示 (JS)
     Like  Bookmark