Day 9: Đi làm thì phải biết dùng API vậy API là gì? Call API làm cực kỳ đơn giản trong Weather App
Đi làm thì phải biết dùng API vậy API là gì?
API là Application Programming Interface, các bạn có thể hiểu API là những hàm, tiện ích có sẵn từ trong thư viện, bộ mã nguồn hay là do bên thứ 3 cung cấp. Bên thứ 3 ở đây có thể là server nhé.
Đơn giản chỉ cần gọi API, API sẽ xử lý logic và trả về cho chúng ta kết quả.
Việc gọi API qua đường link thì đường link đó sẽ được gọi là API endpoint.
Day 9 HTML CSS JS sẽ hướng dẫn cách sử dụng API bài bản với FETCH.
Ngoài ra chúng ta có thể dùng AJAX : www.w3schools.com/js/js_ajax_...
Nếu thấy triển khai ajax thuần phức tạp quá thì có thể dùng jquery ajax để đơn giản hoá. Cũng có thể dùng Axios thay thế, có rất nhiều lựa chọn phải không.
Bài này chúng ta sẽ vận dụng Text-shadow, Box-shadow đển tạo rạo ra diện cực kỳ xịn sò.
👇 LỘ TRÌNH LÊN FULLSTACK, trọn bộ serial course MIỄN PHÍ 👇:
👇 LỘ TRÌNH LÊN FULLSTACK, trọn bộ serial course MIỄN PHÍ 👇:
• Luyện tập 30 Projects thực chiến: • Day 1: Thiết kế Produc...
• HTML: • HTML căn bản cho người...
• CSS: • [CSS căn bản] | bài 1:...
• JS: • [Javascript căn bản] |...
• NodeJS: • NodeJS backend - Cơ ch...
• ExpressJS: • [ExpressJS] | Giới thi...
• ReactJS: • ReactJS căn bản, làm b...
Ngoài ra nếu bạn muốn học hiệu quả hơn, có kinh nghiệm đi làm ngay thì nên học tập tại:
• Học OFF (2 - 4 tháng): Nodemy.vn
Được đưa vào làm dự án, giảng viên hỗ trợ 1-1, trực tiếp hướng dẫn làm task. Đầu ra cam kết việc làm có lương ngay.
• Học ONLINE: class.nodemy.vn/
Video call, giải đáp trực tiếp, hỗ trợ 1-1, teamview review sửa code. Hướng dẫn code dự án thực tế.
❓Tại sao mình nói học OFF hoặc ONLINE qua class.nodemy.vn/ lại hiệu quả hơn ?
Vì khi bạn tham gia các chương trình đào tạo trên, bạn sẽ được giảng viên hỗ trợ trực tiếp. Đó là cách bạn lên kinh nghiệm nhanh nhất, học từ người đi trước.
Có người hướng dẫn bạn sẽ học tập trung kiến thức trọng tâm, kiến thức chuyên sâu, tránh sai lầm khi code. Những điều đó thôi cũng giúp bạn rút ngắn gần 1 năm so với tự học lập trình.
✪ Để học tập ONLINE qua youtube hiệu quả :
⚠️⚠️ ⚠️ Các bạn không nên quá phụ thuộc vào video. Video chỉ giúp các bạn hiểu kiến thức, để vận dụng thành thạo các bạn cần luyện tập nhiều và làm dự án thực tế, cần 1 người đi trước chỉ dẫn.
⭐ Nên tự code lại kiến thức đã học (tắt video đi code lại),
⭐ Làm bài tập cần pause video, tự nghĩ và làm bài tập trước, rồi mới xem đáp án
⭐ Xem hiểu hết video không có nghĩa là bạn đã biết code. Vì vậy các bạn đừng vội xem nhanh và nhiều video trong 1 ngày. Các bạn có thể thực hiện theo công thức bên dưới:
1. Xem video, khoảng 5 - 10 phút thì dừng lại để luyện tập
2. Tóm tắt những kiến thức trong 5-10 phút vừa xem theo cách bạn dễ nhớ
3. Tắt video, code lại những gì đã học trong video (không được mở video tham khảo, chỉ nhìn vào bản tóm tắt để làm, nếu không nhớ thì google search)
4. Tự lấy thêm ví dụ để kiểm chứng xem mình đã hiểu đúng về kiến thức chưa.
5. Nếu tự code được bằng chính khả năng của mình thì tiếp tục xem tiếp video.
☝️CHÚ Ý: Thường các video có dài hơn 30 phút đến 1 tiếng thì vẫn phải áp dụng 5 bước trên, mỗi lần xem video chỉ 10 phút rồi phải thực hành lại ngay.
❓ Nếu có bất kì thắc mắc nào về bài giảng có thể để lại comment, mình sẽ trả lời sớm nhất cho các bạn. Mọi người có thể cùng nhau học lập trình, tham gia group bên dưới:
Nodemy là một startup trường học công nghệ đào tạo chuyên sâu về Nodejs - Javascript, được nhóm admin NodeJs Việt Nam - cộng đồng Js lớn nhất Việt Nam thành lập.
✪ Follow Me :
• Fanpage: / nodemy.vn
• Website: www.edmforyou95.com
•Group học tập: / nodemy
•Website: nodemy.vn
✪ Cộng đồng:
• Nodejs Việt Nam: / congd...
• Diễn đàn: nodejs.vn
• Fanpage Nodejs Việt Nam: / nodejs.vn
✪ Các bạn có thể liên hệ trực tiếp với mình qua:
📞 08 666 33 805
🙋♂: / nam.nodemy
Пікірлер: 67
Cảm ơn Nodemy rất nhiều. Sau khi học Javascript. Mình vẫn ngáo ngơ. chưa hiểu áp dụng vào frontend kiểu gì. sau loạt video của Nodemy. mình đã vỡ ra hết. Rất cảm ơn ! P/S. bạn này tính cách và giọng nói buồn cười thật :)
video vừa hay vừa hài hước học rất hay ạ
Hay quá, đúng cái mình đang cần. Cám ơn bạn nhiều
Hóng cái day 24 quá anh ạ. Cảm ơn anh nhiều ạ.
cảm ơn anh, sau 1 thời gian thực chiến em cảm thấy đã có thể áp dụng được kiến thức vào thực tế nhiều hơn ạ
Em cám ơn anh ạ. Thực tế lắm lunn😍
bài chia sẻ rất hay. Rất cảm ơn anh.
@Nodemy
2 жыл бұрын
Cảm ơn em, thấy hay nhớ đăng ký kênh để ủng hộ anh ra nhiều video chủ đề mới nữa nhẽ bạn
Video của anh rất hay mong anh ra thêm các video về phần thực chiến này. Em cảm ơnn
@Nodemy
2 жыл бұрын
OK em nhé, subcrible nhé, nhiều video hay ho hơn nữa sắp ra mắt r
Video rất hay và bổ ích, hóng video tới liên quan đến api music ạ, mình cảm ơn.
@Nodemy
2 жыл бұрын
Sẽ có nhé :D
Hay quá ạ. Cảm ơn a hóng các video sắp tới của anh quá😍
@Nodemy
2 жыл бұрын
Cảm ơn em, Thấy hay thì nhớ bấm đăng ký kênh và share để ae cùng vào học hỏi trao đổi với nhau nhé em
@HaNguyen-pl5kn
2 жыл бұрын
@@Nodemy oki a😍
mong anh làm khóa học nâng cao js có thêm asyn với syn trong javascript, em thấy họ bảo đi làm phải tìm hiểu về cái này
Phần giờ thì các bạn dùng code này để lấy đúng giờ ở địa phương được search nhé. => /* let date = new Date((data.dt)*1000); time.innerText = date.toString(); */
anh ơi cái khóa học react trong nodemy có nói về API và cách sử dụng API, col API không ạ
Phần temperature mọi người có thể bỏ thẻ sup ra ngoài xuống phía dưới thẻ span để không bị mất hiển thị độ C khi search nhé
Chào bạn bạn giúp mình chút được không ạ ,,,, mình viết đến đoạn call API ,, nhưng sao trên console thông báo (401 Unauthorized) và anonymous ... Lỗi này phải gỡ như nào ạ nhờ bạn giúp với ạ cảm ơn bạn nhiều....
mình render giao diện template string từ js vào htmls cũng dc anh nhỉ :))) mà khúc search input k biết xử lí sao :D
Em cũng đang tập làm quen với API gặp được video này mừng hơn gặp ông già noel
@Nodemy
2 жыл бұрын
Ok em haha
@andrewofficial3268
7 ай бұрын
nay xin được việc chưa bạn
Anh có thể làm bản này nhưng với Kotlin được không ạ?
ngày thời tiết API Vĩnh Long, Hồ Chí Mình,Đã Nắng,Cần Chơ, không đêm,
cho xin link api với ạ
ví dụ mình search tokyo thì thời gian vẫn theo múi giờ ở vn đúng k ạ
@Nodemy
2 жыл бұрын
cái giờ hiện tại là lấy theo giờ việt nam đấy, không phải thời gian do API trả về đâu. mình lấy ngay tại client webbrowser .
Quá vip
@Nodemy
2 жыл бұрын
Cảm ơn bạn, thấy hay nhớ đăng ký kênh để ủng hộ mình ra nhiều video chủ đề mới nữa nhẽ bạn
anh cho em xin file code app.js ddc ko aj
ko đổi được cái background body :((
like
sao lúc em css ở body cái background nó lại kh ăn cái cold.png vậy ạ
@Nodemy
2 жыл бұрын
khả năng đường dẫn định dạng ảnh sai, em kiểm tra lại xem
anh ơi chưa có vid tiếp theo ạ ,. hay là phải mua a
@Nodemy
2 жыл бұрын
Do tuần trước có 1 số trục trặc nên anh chưa ra tiếp dc day 10 cho ae. Tuần này anh sẽ đăng bù cho ae tiếp thục thực chiến nhé
làm thể nào để lấy Database từ MySql rồi dùng html, css, js render ra giao diện anh nhỉ,
@h.n.a.d7804
2 жыл бұрын
cái này là do bên Back-end làm rồi đưa API cho phía Front-end để render ra giao diện nha.
@quantrinh6817
2 жыл бұрын
@@h.n.a.d7804 em cảm ơn
a cài những extension j mà code nhanh thế ạ
@Nodemy
2 жыл бұрын
a để bình thường thôi, sử dụng nhiều phím tắt quen tay là lên nhanh ấy
Khi nào ra video Day 10 vậy anh?
@Nodemy
2 жыл бұрын
Đợt này covid nên setup quay hơi lâu, Mai có Day 10 rồi nhé, từ giờ sẽ tăng tiến độ 1 ngày 1 video cho ae :D
Thực tế hay lắm anh, mà xử lí css đuối quá
@nvtentertainment4098
11 ай бұрын
chắt k chuyên
Cuốn quá a oi
@Nodemy
2 жыл бұрын
OK em ơi, mai có Day 10 r đấy
@nhattan6458
2 жыл бұрын
@@Nodemy Tuyệt vời luôn a
A ơi sắp ra day 10 chưa ạ?
@Nodemy
2 жыл бұрын
Đợt này covid nên setup quay hơi lâu, Mai có Day 10 rồi nhé, từ giờ sẽ tăng tiến độ 1 ngày 1 video cho ae :D
Anh ơi cho em xin cái source code này đi ạ, em làm mà nó ko chạy, mong anh rep ạ
@Nodemy
Жыл бұрын
à trên nodemy.vn có phần thực chiến html css có source e nha
Chờ bài mới của Nodemy ạ
@Nodemy
2 жыл бұрын
Đợt này covid nên setup quay hơi lâu, Mai có Day 10 rồi nhé, từ giờ sẽ tăng tiến độ 1 ngày 1 video cho ae :D
anh ơi bao giờ anh mới ra bài mới ạ
@Nodemy
2 жыл бұрын
Đợt này covid nên setup quay hơi lâu, Mai có Day 10 rồi nhé, từ giờ sẽ tăng tiến độ 1 ngày 1 video cho ae :D
Cái API này ở thành phố lớn thì đúng chứ ở huyện thì nó lạ lắm
a ơi e xin code
Ra ngày 10 a ơi
@Nodemy
2 жыл бұрын
Đã ra nhé :D
@Nodemy
2 жыл бұрын
Đợt này covid nên setup quay hơi lâu, Mai có Day 10 rồi nhé, từ giờ sẽ tăng tiến độ 1 ngày 1 video cho ae :D
Ai có source code này k. Mình làm mà nó không thay đổi phần image mỗi khi thay đổi thời tiết. Nó lạ lắm :((((
@luatthai4244
Жыл бұрын
bạn làm được chưa ạ, có cho mình xin chớ mình làm sao nó ko ra như bạn
@nghianguyen-bo3cp
Жыл бұрын
bạn sửa được chưa tôi cx k làm nó đổi phần image được