ขนาดวิดีโอ: 1280 X 720853 X 480640 X 360
แสดงแผงควบคุมโปรแกรมเล่น
เล่นอัตโนมัติ
เล่นใหม่
01:20 主題介紹、Alex老師自我介紹02:35 JSON介紹03:30 vscode NVM、node環境介紹07:55 JS中最常用於紀錄資料的三種方式及做一支JSON17:20 Json Server介紹及安裝27:45 Json Server中介紹RESTFUL方式: CRUD29:50 API測試第一種方式:Postman介紹40:40 線上code編輯平台介紹43:00 vscode外掛介紹: cdnjs45:50 API測試第二種方式: ajax讀取(get)資料介紹54:20 ajax新增(post)資料介紹1:02:15 ajax刪除(delete)資料介紹1:06:25 ajax修改更新(update)資料介紹1:10:40 資料結構練習 範例示範1:16:45 總結與回顧
感謝細心紀錄，功能都正常嗎？ 這麼用心我好像應該來把斷點設定一下 :P
@@AlexOtakuWhat 謝謝老師回應，剛好作品有需求找到老師的影片，整個影片學習下來讓我更快速理解，順手標記時間給需要的人以及如果未來我需要複習可以回頭觀看:)
@@shawn3716 已完成分段，十分感謝
Thank you
教學好清楚，聽一次就懂，真的很有幫助，謝謝
alex老师 抽空讲讲canvas相关的知识哈
講解的很清晰明瞭，可惜沒有更早看到XD
感謝支持～歡迎訂閱也希望可以分享給身邊需要的朋友～也歡迎關注FB Alex宅幹嘛 粉絲團與社團，感謝 :)
想詢問Alex大大都照著你的步驟做但是在postman裡post一筆新資料時出現的id 並不是遞增 而是 形成額外的字串想了解這是要在哪裡有設定才可以自動生成遞增id嗎?感謝你 你的教學我受用良多!!!!
謝謝分享
老師講得很好! 看一遍就了解內容了!!請問可以專門詳細講解SOAP到restful及GraphQL的演變及內容嗎XD覺得這些都是熱門的設計方式只知道restful是現在的設計主流，不過比較新的GraphQL好像越來越多大公司開始使用了
谢谢老师的分享，已订阅，已赞。
水喔
老師不好意思 想請教您關於 51:54 那邊如果使用es6的寫法 該如何使用呢 ？
原本的箭頭函示大概就比較ES6...只是後來還是改回用一般函式
請問ALEX大大，為什麼我VS CODE terminal打nvm報錯誤:nvm : 無法辨識 'nvm' 詞彙是否為 Cmdlet、函數、指令檔或可執行程式的名稱。請檢查名稱拼字是否正確，如果包含路徑的話，請確認路徑是否正確，然後再試一次。位於 線路:1 字元:1+ nvm+ ~~~ + CategoryInfo : ObjectNotFound: (nvm:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException
安裝完要重開 terminal ～如果還是沒有應該就沒裝成功
我遇一樣的問題, 最後也未能解決
真的不行的話可以考慮直接安裝 node.js 或是重新安裝 nvm
@@AlexOtakuWhat 安裝 node.js 也一樣,在另一台電腦也是
重新安裝 nvm可以了, 謝謝老師!!github.com/coreybutler/nvm-windows/releases/download/1.1.7/nvm-setup.zip
老師 想問一下 如果我有ID 1 2 3 4 5 6 ...... 然後 把ID 3 號刪了, 新建時我的ID 會是7 號. 3號就永遠沒有人使用了.... 有什麼方法 可以新增ID時 取代已刪的ID 3號
以資料管理的概念不建議取代喔～就跟人的身分證一樣～就算沒人用也只會持續往上加
@@AlexOtakuWhat 明白 謝謝老母☺️
很棒的教學，只是有個疑問，一般我們將資料存在資料庫，都必需有帳號密碼才能進行新增、刪除、更新的動作，API是不是就沒有這些安全機制呢？
後段API還是要做使用者驗證的喔
老師您的影片上的黑色框框(大家的即時留言)可不可以拿掉，因為會遮到您影片上的程式碼 >
請問老師，我的進度到json-server -w ./data/data.json但是run完後使用預設chrome瀏覽器開不了localhost:3000的網頁奇怪的是IE跟FIREFOX卻可以開 請問是為甚麼呢?
開不了是有什麼錯誤訊息嗎？ 或是有什麼外掛衝到，可以考慮用無痕如果其他瀏覽器沒問題的話～問題應該發生在chrome
@@AlexOtakuWhat 問題默默地突然又好了，後來發現問題主要是我如果是用localhost去on server的話，chrome都會拒絕連線，直接輸入ip就可以on，但是這問題竟然自己就這樣好了..到現在還是不得而知問題出在哪Orz
live server extension 网页设定放chrome
Hi, 老師你好～我的 Json-server 安裝好，但在 localhost:3000 是沒有看到 /db的目錄@@ 會是因為我設定錯誤嗎？
要看你的json檔名是什麼喔
@@AlexOtakuWhat 老師你好，我的問題跟上面那位同學ㄧ樣，db目錄的地方顯示undefined，json檔名取的跟老師一樣，但我的顯示如下github.com/typicode/json-server/issues/981
@@Chia-YuLin-f4y f5試試
新的版本没有db, 剩下items
![[ Alex 宅幹嘛 ] 👨💻 不負責 Javascript 入門觀念提醒](http://i.ytimg.com/vi/hCy-eHwjhXc/mqdefault.jpg)
![[ Alex 宅幹嘛 ] 👨💻 不負責 Javascript 入門觀念提醒](/img/tr.png)
01:20 主題介紹、Alex老師自我介紹
02:35 JSON介紹
03:30 vscode NVM、node環境介紹
07:55 JS中最常用於紀錄資料的三種方式及做一支JSON
17:20 Json Server介紹及安裝
27:45 Json Server中介紹RESTFUL方式: CRUD
29:50 API測試第一種方式:Postman介紹
40:40 線上code編輯平台介紹
43:00 vscode外掛介紹: cdnjs
45:50 API測試第二種方式: ajax讀取(get)資料介紹
54:20 ajax新增(post)資料介紹
1:02:15 ajax刪除(delete)資料介紹
1:06:25 ajax修改更新(update)資料介紹
1:10:40 資料結構練習 範例示範
1:16:45 總結與回顧
感謝細心紀錄，功能都正常嗎？ 這麼用心我好像應該來把斷點設定一下 :P
@@AlexOtakuWhat 謝謝老師回應，剛好作品有需求找到老師的影片，整個影片學習下來讓我更快速理解，順手標記時間給需要的人以及如果未來我需要複習可以回頭觀看:)
@@shawn3716 已完成分段，十分感謝
Thank you
教學好清楚，聽一次就懂，真的很有幫助，謝謝
alex老师 抽空讲讲canvas相关的知识哈
講解的很清晰明瞭，可惜沒有更早看到XD
感謝支持～歡迎訂閱也希望可以分享給身邊需要的朋友～也歡迎關注FB Alex宅幹嘛 粉絲團與社團，感謝 :)
想詢問Alex大大
都照著你的步驟做
但是在postman裡post一筆新資料時
出現的id 並不是遞增 而是 形成額外的字串
想了解這是要在哪裡有設定才可以自動生成遞增id嗎?
感謝你 你的教學我受用良多!!!!
謝謝分享
老師講得很好! 看一遍就了解內容了!!
請問可以專門詳細講解SOAP到restful及GraphQL的演變及內容嗎XD
覺得這些都是熱門的設計方式
只知道restful是現在的設計主流，不過比較新的GraphQL好像越來越多大公司開始使用了
谢谢老师的分享，已订阅，已赞。
水喔
老師不好意思 想請教您關於 51:54 那邊如果使用es6的寫法 該如何使用呢 ？
原本的箭頭函示大概就比較ES6...只是後來還是改回用一般函式
請問ALEX大大，為什麼我VS CODE terminal打nvm報錯誤:
nvm : 無法辨識 'nvm' 詞彙是否為 Cmdlet、函數、指令檔或可執行程式的名稱。請檢查名稱拼字是否正確，如果包含路徑的話，請確認
路徑是否正確，然後再試一次。
位於 線路:1 字元:1
+ nvm
+ ~~~
+ CategoryInfo : ObjectNotFound: (nvm:String) [], CommandNotFoundException
+ FullyQualifiedErrorId : CommandNotFoundException
安裝完要重開 terminal ～如果還是沒有應該就沒裝成功
我遇一樣的問題, 最後也未能解決
真的不行的話可以考慮直接安裝 node.js 或是重新安裝 nvm
@@AlexOtakuWhat 安裝 node.js 也一樣,在另一台電腦也是
重新安裝 nvm可以了, 謝謝老師!!
github.com/coreybutler/nvm-windows/releases/download/1.1.7/nvm-setup.zip
老師 想問一下 如果我有ID 1 2 3 4 5 6 ...... 然後 把ID 3 號刪了, 新建時我的ID 會是7 號. 3號就永遠沒有人使用了.... 有什麼方法 可以新增ID時 取代已刪的ID 3號
以資料管理的概念不建議取代喔～就跟人的身分證一樣～就算沒人用也只會持續往上加
@@AlexOtakuWhat 明白 謝謝老母☺️
很棒的教學，只是有個疑問，一般我們將資料存在資料庫，都必需有帳號密碼才能進行新增、刪除、更新的動作，API是不是就沒有這些安全機制呢？
後段API還是要做使用者驗證的喔
老師您的影片上的黑色框框(大家的即時留言)可不可以拿掉，因為會遮到您影片上的程式碼 >
請問老師，我的進度到json-server -w ./data/data.json
但是run完後使用預設chrome瀏覽器開不了localhost:3000的網頁
奇怪的是IE跟FIREFOX卻可以開 請問是為甚麼呢?
開不了是有什麼錯誤訊息嗎？ 或是有什麼外掛衝到，可以考慮用無痕
如果其他瀏覽器沒問題的話～問題應該發生在chrome
@@AlexOtakuWhat
問題默默地突然又好了，
後來發現問題主要是我如果是用localhost去on server的話，
chrome都會拒絕連線，
直接輸入ip就可以on，
但是這問題竟然自己就這樣好了..到現在還是不得而知問題出在哪Orz
live server extension 网页设定放chrome
Hi, 老師你好～
我的 Json-server 安裝好，但在 localhost:3000 是沒有看到 /db的目錄@@
會是因為我設定錯誤嗎？
要看你的json檔名是什麼喔
@@AlexOtakuWhat 老師你好，我的問題跟上面那位同學ㄧ樣，db目錄的地方顯示undefined，json檔名取的跟老師一樣，但我的顯示如下github.com/typicode/json-server/issues/981
@@Chia-YuLin-f4y f5試試
新的版本没有db, 剩下items