search

Lu-yeom / mentor-program-5th-self-learning

0 stars 0 forks source link

week8(2021/5/31~2021/6/6) #8

Open Lu-yeom opened 3 years ago

Lu-yeom commented 3 years ago

日期：110年5月31日(星期一)20:30~22:30 今日進度：[FE102] 前端必備：JavaScript

課程筆記： 一、API 與 網頁伺服器 Client --- request----> Server Client ←--response---- Server (html或JSON)

二、用 node.js 呼叫 API 與在網頁上呼叫的根本差異是什麼？ (一)node.js的場合： 　 用node.js的程式，透過作業系統，發送request到server。server回傳response給node.js程式。(沒有任何限制) (二)瀏覽器上的JS的場合： 　　瀏覽器上的JS透過瀏覽器，瀏覽器再透過作業系統發送request到server，server再透過瀏覽器，回傳response給瀏覽器上的JS。(中間被瀏覽器限制)

三、傳送資料的第一種方式：表單 form 例：

username:

註：dev tool記得勾選Preserve log 說明：此為透過瀏覽器傳送request到”https://google.com”，瀏覽器再回傳response(範例為換頁到google.com)，本方法與Javascript沒有任何關係，較像是：要到google.com，要帶什麼參數過去？

今日心得：今天收到通知可以加入第五期了，非常開心!但同時也很擔心自己的程度會跟不上，畢竟之前雖然是自主跟課，但沒有人監督壓力比較少，而且也沒有人批改作業，不知道自己寫得到底好不好。所以今天很混亂，都不知道該以本週進度的影片還是先看完MTR05的影片，看來不只心態要調整，連跟課節奏都要重新規劃了呢。

Lu-yeom commented 3 years ago

日期：110年6月1日(星期二)20:00~22:30 今日進度：[FE102] 前端必備：JavaScript

課程筆記： 一、傳送資料的第二種方式：ajax 任何非同步與伺服器交換資料的方式皆可稱為AJAX，好處是不會換頁。 例：

二、詳細解析 XMLHttpRequest 使用範例：

以上為使用Javascript動態產生的頁面，按右鍵檢查原始碼的時候，會看不到body的資料，造成搜尋引擎沒有辦法爬內容，會以為是空網頁。

今日心得：今天第一次跟直播，雖然我沒有提出問題，很多同學提出的問題也看不太懂，但Huli很親切的一一解答。另外也跟著影片一起做week6的網頁切版，希望明天能完成初步的雛型。