Fetch | Khái niệm Fetch trong JavaScript
Вставка
- Опубліковано 25 вер 2020
- 👉 Xem Lộ Trình Học: fullstack.edu.vn/learning-paths
👉 Đăng Ký Học Offline Tại F8: short.f8team.dev/dang-ky-hoc-...
Video này mình sẽ cùng các bạn tìm hiểu tới Fetch | Khái niệm Fetch trong JavaScript
#hoclaptrinh #hoclaptrinhmienphi #javascript #frontend #backend #devops #f8
-------
☻ Phần mềm sử dụng trong video:
Công cụ dịch Tiếng Anh: bit.ly/2Wsuhet
Công cụ đo đạc giao diện web: s.net.vn/D8kL
Công cụ viết CV xin việc chuyên nghiệp: mycv.vn
--------------
☻ Khóa học lập trình web MIỄN PHÍ:
Kiến thức nhập môn: fullstack.edu.vn/courses/less...
Xây dựng giao diện với HTML, CSS: fullstack.edu.vn/courses/html...
Xây dựng web responsive: fullstack.edu.vn/courses/resp...
Lập trình Javascript cơ bản: fullstack.edu.vn/courses/java...
Lập trình Javascript nâng cao: fullstack.edu.vn/courses/java...
Làm việc với Terminal & Ubuntu: fullstack.edu.vn/courses/wind...
Xây Dựng Website với ReactJS: fullstack.edu.vn/courses/reactjs
Xây dựng web với Node & Express: fullstack.edu.vn/courses/nodejs
HTML, CSS tips: fullstack.edu.vn/courses/html...
Ứng dụng cảnh báo khi sờ lên mặt: fullstack.edu.vn/courses/tool...
Xem thêm tại: fullstack.edu.vn/courses
-------------------------------------
F8 Official
(c) Sơn Đặng
Website: fullstack.edu.vn
Facebook cá nhân: / sondnf8
Nhóm Học Lập Trình Web: / f8official
Email: contact@fullstack.edu.vn
© Bản quyền thuộc về Channel F8 Official ☞ Do not Reup
© Nghiêm cấm sử dụng video nhằm mục đích thương mại dưới mọi hình thức.
Tôi sinh năm 1990, tôi đang lò dò tự học lập trình web. Xem qua mấy video ông làm tôi cực nể. Ví dụ video này, cái giải thích API tôi đã xem nhiều người giải thích, thì ông là người tôi thấy giải thích tốt nhất, hay, gọn, dễ hiểu, đúng. Tôi cũng lò dò lập ra được vài cái web, hiểu nó khó nhứ nào, và đến khi xem ông nói về web cv của ông, thực sự giỏi, thực sự có tâm. Việt Nam sinh ra một người như ông thật đáng quý.
Cảm ơn anh nhiều nha
same think :)
cảm ơn anh rất nhiều ạ, tuy vid đã 2 năm nhưng vẫn có rất nhiều giá trị cho đến hiện nay
Cảm ơn anh vì sự cống hiến vô cùng quý báo của anh ❤
Bài giảng rất dễ hiểu, cảm ơn anh
Nhìn cái my cv là biết trình cao cỡ nào rồi
A. Sơn pro quá !!! Ngưỡng mộ a thật
Ae học xong back end đến phần này hiểu sướng tê người luôn @@
ôi lại xem hết video dồi, a sơn ra khoá nâng cao đi, hoặc ReactJS cũng được hehe
ôi giọng anh u mê luôn ạ :V
Tôi sinh năm 1988. Đang làm việc ngành ko phải IT. Học làm web để có công cụ quản lý data của mình . Cám ơn f8 kênh rất tốt để học làm như dân IT. :)
Cảm ơn anh nha
quá là dễ hiểu luôn, cảm ơn a sơn rất nhiều chắc có chỗ nào bầu a làm bộ trưởng bộ CNTT quớ =))
anh dễ quá tuyệt vời luôn anh ạ!
cảm ơn anh, bài giảng rất chi tiết và hay. Anh cho em hỏi sự khác nhau giữa việc sử dụng fetch vs sử dụng new XMLhttpRequest là gì ạ?
Anh Sơn ơi ! Anh quay khóa ReactJs đi ạ ! Cảm ơn anh rất nhiều
Thầy dạy rất dễ hiểu ạ. Em xem gần hết mà chưa thấy thầy dạy phần async await😅 để em được thông não
Không thấy video bài await async của anh Sơn ta, đọc trên mạng có hiểu và làm theo được nhưng muốn nghe anh Sơn giải thích một cách hay ho 😁
a có thể lúc nào đó nói về lý do MyCV thất bại tại thị trường nc ngoài k a
Tks nhiều.
hay quá anh ơi
Hay Quá Anh Ơi
Làm về fetch 2 url posts và users rồi đổ ra màn hình đi anh ơi
Xong những note chính này anh bắt đầu quay khóa React ạ ?
Hay wa :3)))
Tôi sinh năm 1945, tuy đã lớn tuổi nhưng tôi đang lò dò tự học lập trình web. Xem qua mấy video ông làm tôi cực nể. Ví dụ video này, cái giải thích API tôi đã xem nhiều người giải thích, thì ông là người tôi thấy giải thích tốt nhất, hay, gọn, dễ hiểu, đúng. Tôi cũng lò dò lập ra được vài cái web, hiểu nó khó nhứ nào, và đến khi xem ông nói về web cv của ông, thực sự giỏi, thực sự có tâm. Việt Nam sinh ra một người như ông thật đáng quý.
xạo quá, gần 80 rồi vẫn còn lò dò học lập trình á?
Cho xin cái info tới gặp
copy y chang ông cmt hồi 3 năm trước :))) ko thiếu 1 từ :)))
bài giảng tuyệt vời . Nhưng mà a ơi nói chậm lại được không :D
anh ơi. em đã dùng Fetch để render ra trang web rồi. nhưng khi em muốn lấy id hoặc nodeName của node(đã được render bằng các hàm ở bài fetch) bằng method event.target.id thì lại không lấy được. vậy có cách nào không ạ
đúng là coi youtube chỉ có a Sơn là giảng thông đc não của mình.
Rất nhiều lí thuyết phức tạp phải coi video F8 mới nuốt đc (Y)
hehe còn nhiều cái , như call stack , heap ….. nhiều cái nữa bác ạ, để thành thục được js thì hiểu bản chất của nó cơ, hehe dù sao bác sơn bác chía sẻ rất nhiệt tình
ngày càng ghiền backend hơn cả frontend =)))
em fetch data 2 lần của 2 cái api trên cùng 1 template thì ko đc ạ. chỉ hiện ra data của fetch laàn 1
trong trường hợp POST thì làm như nào vậy anh @@
Anh ra video async & await đi ạaaaa
cho em hỏi, em bị vấn đề 500 là như thế nào ạ
Code dòng dã mấy tháng trời ,mới được như vậy.Nhìn thì v nhưng k đơn giản a nhỉ.
định dạng json được lưu ở đâu trong máy của client vậy mọi người
9:15 skill sửa lỗi chính tả anh làm kiểu j vậy ạ?
anh làm được api của các sàn thương mại không anh, kiểu như có thể check sản phẩm hoặc là các shop mall ko anh
ý của ông là gì ?
ông đang muốn hack thông sản phẩm của ngta
hay muốn tạo 1 trang ecomerce và gọi api hiển thị các sản phẩm ?
bắt đầu hiểu dần ra cách Front-End tương tác dữ liệu từ Sever/Back-End để Render ra giao diện người dùng 😀
Kiểu như này là Client side rendering thôi. Còn một thằng là Server side rendering nữa
6:49
code 6 tháng đc cái web khủng như này mà vẫn k thành công trên thị trường quốc tế... vch thật :(((
Cho em hỏi ngoài luồng tí là a dùng phần mềm nào để khi bôi đen chữ tự động dịch tiếng Việt vậy a? Thanks a vì bài giảng tuyệt vời
Ddict
var users = [
{
id:1,
name: "kien dam"
},
{
id: 2,
name: 'son dang'
}
// ...
];
var comments = [
{
id: 1,
user_id: 1,
content: 'anh son chua ra video',
},
{
id: 2,
user_id: 2,
content: 'vua ra song em oi'
},
]
function getComments() {
return new Promise(function (resolve) {
setTimeout(function() {
resolve(comments)
}, 1000)
})
}
function getUserBycomment(comments) {
return new Promise(function (resolve) {
let userid = comments.map((comment) => {
return comment.user_id
})
setTimeout(() => {
let result = users.filter(function(user) {
return userid.includes(user.id)
}
)
resolve({comments:comments,
user: result
})
}, 1000)
})
}
getComments()
.then((comments) => {
return getUserBycomment(comments)
}).then((data) => {
console.log(data)
})var users = [
{
id:1,
name: "kien dam"
},
{
id: 2,
name: 'son dang'
}
// ...
];
var comments = [
{
id: 1,
user_id: 1,
content: 'anh son chua ra video',
},
{
id: 2,
user_id: 2,
content: 'vua ra song em oi'
},
]
function getComments() {
return new Promise(function (resolve) {
setTimeout(function() {
resolve(comments)
}, 1000)
})
}
function getUserBycomment(comments) {
return new Promise(function (resolve) {
let userid = comments.map((comment) => {
return comment.user_id
})
setTimeout(() => {
let result = users.filter(function(user) {
return userid.includes(user.id)
}
)
resolve({comments:comments,
user: result
})
}, 1000)
})
}
getComments()
.then((comments) => {
return getUserBycomment(comments)
}).then((data) => {
console.log(data)
})