Code app chat và xem giá Bitcoin realtime trong 15 phút với ExpressJS và Socket.io
Ғылым және технология
Hôm nay, bọn mình sẽ dùng ExpressJS và Socket.io để code 1 app chat realtime, vừa chat vừa xem giá Bitcoin nha.
Mình sẽ hướng dẫn các bạn cách dùng Socket.io, websocket và Express.JS để code ứng dụng realtime, chỉ dùng JavaScript thuần chứ không dùng bất kì framework nào nhé.
Link các khoá học lập trình free của CodeFresher.vn cho các bạn quan tâm: bit.ly/code-hoc-free.
Timestamp
00:00 Giới thiệu vlog
00:30 Demo app chat bọn mình sẽ code
01:36 Cơ chế hoạt động của các app chat
04:15 1. Cài đặt NodeJS và setup dự án
07:18 2. Bắt đầu code giao diện app chat
08:20 3. Kết nối từ client tới server qua socket.io
12:00 4. Hoàn thành app chat đơn giản
13:50 5. Thêm chức năng xem giá bitcoin
17:00 Demo app, hướng dẫn thêm
18:00 Kết thúc vlog
Nhớ subscribe cho mình nhe: bit.ly/codedaotube
Channel Tôi Đi Code Dạo là nơi mình chia sẻ những kiến thức, kinh nghiệm về ngành lập trình mà mình đạt được trong quá trình làm việc. Những kiến thức này sẽ biến các bạn từ một coder trở thành developer - lập trình viên thứ thiệt.
Nhớ ghé thăm và subscribe channel để xem clip mới vào 8H TỐI T3 hàng tuần nha!
Ghé thăm mình tại:
Blog: toidicodedao.com/
Fanpage: / toidicodedao
#bitcoin #code_fresher #realtime
Пікірлер: 309
Link các khoá học lập trình free của CodeFresher.vn cho các bạn quan tâm: bit.ly/code-hoc-free. Các bạn thích wibu thì qua ủng hộ kênh Wibu Code Dạo của mình nha bit.ly/codedaowibu
@ThanhNguyen-ct9kp
2 жыл бұрын
Anh ơi cho em xin source code
@tocchienhuyenthoai102
2 жыл бұрын
có nhận hack FB k bạn ơi
@congtrongquach1548
2 жыл бұрын
Anh tấn công trang web hiếu PC đi ạ
@thangbc91
2 жыл бұрын
Thank you ảnh Hoàng
Hướng dẫn tiếp để biến thành global chat app chứ hong phải local đi anh!
2 жыл бұрын
À nếu nhiều bạn quan tâm a sẽ làm nhé
@available6733
2 жыл бұрын
@ quan tâm
@hienphan9751
2 жыл бұрын
@ quan tâm làm global chat
@hvgiang86
2 жыл бұрын
@ quan tâm
@thuyphungvan3491
2 жыл бұрын
@ quan tam
Anh ơi cho e hỏi mấy cái code gợi ý khi gõ là mình extension gì vậy ạ?
Ôi dejavu, em đang ngồi xem giá Bitcoin xong thấy noti video này của a luôn :)))))
anh làm thêm về đưa app lên để người dùng chạy đi anh. Em hóng quá
Anh ơi mình cài phần mềm nào để code và xem trước đc website như vậy ạ?
mn cho mình hỏi đoạn 9:16 của mình làm theo thì trong terminal hiện user connected nhưng bên web-socket khi minhf req lại ko tạo WS và gửi tới server ạ. mọi người giúp mình với
Tiếp thêm video như này đi anh ơi! Hay quá
Sao a ko thay delay bằng setinterval cho đỡ cài thư viện ạ, 2 cái này khác nhau gì ko a
sao em bị lỗi này vậy anh. Uncaught TypeError: Cannot read property 'appendChild' of null Có cách nào khắc phục không anh Hoàng. Em cảm ơn ạ
làm sao để tách riêng code trong client ra 1 file js khác vậy ạ?
Cho mình hỏi ngôn ngữ bạn đang code gọi là gì ạ. Mình cũng muốn học. Nếu được bạn cho mình xin link học nhé.
a ơi cho e hỏi trong trường hợp mình call api lấy price coin data từ sàn đã cung cấp sẵn thì mình khởi tạo socket như thế nào ạ có phải mình sẽ call về nodeJS để handle xong trả về client phải ko ạ. Mong a rep e cảm ơn
@huyvunguyen7128
Жыл бұрын
Cái đó 0.1s call api lần thôi đó bên phía api coin sửa lý
Mong anh rep cmt ạ em muốn theo đuổi software engineer thì định hướng học những gì và những điều gì cần thiết ạ
sao demo = node js express mà vô trong khóa học lại không có vậy a :v
anh ơi em làm thế nào bấm lệnh cd chat-app nó không lên, anh giúp em với.
Có cách nào để code ra chương trình hay ứng dụng phân tích video để lấy các dòng chữ trong video không. Video-->image-->text ...😅😅😅
Viết code trở thành công việc làm thêm ngoài công việc chính thường ngày được k bạn?
Bây h em học công nghệ kĩ thuật máy tính có làm web được không anh hoàng
Cấp 3 ko học gì về môn tin học thì học cntt có khó hơn ko a
Giờ mới biết đến bạn. Quá giỏi
mn cho e hỏi dấu suy ra gõ kiểu gì vậy ạ.
A ơi , cho e hỏi học lập trình web nên bắt đầu từ đâu ạ . e không phải dân it cũng chưa học qua nên k biết bắt đầu từ đâu ạ
@nhungthulinhtinh6728
2 жыл бұрын
bắt đầu từ ông muốn học back end hay front end. Là kiểu đồ họa hay xử lý
Anh dùng những extensions gì thế ạ?
Anh ơi, nếu em đầu tư máy cày coin thì còn lời không anh? Budget 100 triệu
A hoàng ơi, a có thể hướng dẫn cách lấy lại nick face bị vi phạm tiêu chuẩn cộng đợt vừa r đồng được không ạ.
làm seri về java spring boot + hibernate được không anh?
A ơi có nhận làm web theo yêu cầu ko a
Hi anh, anh làm clip dạy code golang trong 15-20p đi anh.
em làm được mỗi bên localhost nhưng chạy từ file html thì nó không hoạt động
Tốc độ code của Idol mê lun
Anh ơi em clone lại được rồi nhưng mà làm sao để refresh trang không bị mất đoạn chat trước đó ạ ? Em cảm ơn anh
2 жыл бұрын
Phải lưu vào database rồi load từ database ra em
Anh ơi có cuốn sách nào về lập trình hong
Có cách nào để học chuyên sau lập trình đc không anh? ví dụ như cách tạo ra nodejs hay đại loại thế :))
2 жыл бұрын
mở source code nodejs lên đọc em
Làm sao để áp dụng được terminal với chat gpt anh có thể chỉ e này được chứ
a sài cái extension gì bá đạo thế?
thật sự dễ hiểu, cảm ơn anh đã chia sẻ 🌈🌈
Thư viện support ghê quá cảm ơn anh nhiều video
global như nào thì app tốt anh nhỉ ??
làm 1 app chat như kiểu zalo deploy đi a zai. Có tính năng video call, voice call, chat, gửi file đính kèm, gửi file hình,.. firebase, rancher, aws, kubernetes, docker, mongodb, reactjs, socketio, .... code liên tục 3 4 tiếng cũgn dc :3
2 жыл бұрын
À nếu nhiều bạn quan tâm a sẽ làm nhé
@dangtran9405
2 жыл бұрын
@ ok a.
@dangtran9405
2 жыл бұрын
Like đi mấy con giời :3
@05.tuanatnguyen49
7 ай бұрын
rất là quan tâm
Mong P2 lun a ạ ^^
Xin hỏi ... install yarn rồi... mà ko yarn init được... anh em giúp mình với
@DaveRunner
2 жыл бұрын
không xài dc yarn có thể npm init
Sao anh code js trên html luôn vậy anh. Như v có bảo mật ko ạ
anh ơi sao máy em code python mà em install module rồi mà em import nó báo là không có module với có mấy cái nói báo là module không có attribute có cách nào fix không anh
2 жыл бұрын
Code Python em qua channel Python hỏi nha
- Ad cho mình hỏi: Nếu upload lên domain + server thù socket nó ảnh hưởng bởi băng thông của sever không?
2 жыл бұрын
Có đó bạn, nên thiết kế websocket chỉ gửi những thứ cần thiết, thu gọn payload v…v nha :D
@buicongquynh7611
2 жыл бұрын
@ - Yêu ad.
Làm tiếp luôn anh ơi ❤️❤️❤️
Anh cho em hỏi có cách gì bảo vệ an toàn web tránh bị hack sập hoặc mất ko ạ
2 жыл бұрын
e xem vlog này nhé kzread.info/dash/bejne/oYuHzrOKe72aebw.html
Hay quá làm tiếp đi bạn.
Hello a Tôi đi cà khịa
Mn cho em hỏi học CNTT thì hc trường nào vs học phí 1 năm bao nhiêu tiền ạ
@QuynhNguyen-rf9zs
2 жыл бұрын
.krs
sao em "node index.js" không hiện được như anh ạ :((((
anh ơi nói thế nào để có cái giọng nó nhíu nhíu vào nhau như anh nói vậy? a có thể chia sẻ cho cả nhà bít được hông?
Làm video hướng dẫn tạp app chát giống như zalo đi Anh.
E giỏi quá
dịch này mới ra trường ở nhà code gì a
Anh ơi em có một thắc mắc là đối với long polling hoặc streaming thì làm sao client có thể biết được khi nào server gửi response về ạ? Cá nhân em suy nghĩ là sẽ có một cái thread nào đó LIÊN TỤC listen để kiểm tra xem có response trả về không, như vậy thì sẽ có inteval giữa những lần kiểm tra (giống với interval mỗi lần gửi request ở mô hình polling). Vậy cái việc listen liên tục này khác gì với việc liên tục gửi request ạ? Từ ngữ em có chưa chính xác thì anh góp ý nha, mong anh trả lời!
@_PhanSiHoang
2 жыл бұрын
Ví dụ về chat realtime sử dụng streaming theo tui dc chỉ thì nó hoạt động như này. B1: Ở client A Ông gửi request thêm 1 đoạn chat lên sever. B2: Tại server xử lí request sau đó trả về reponse cho client A. B3: Ở client A sau khi nhận dc reponse, mới dùng socket bắn 1 sự kiện lên sever kèm theo cái data trong réponse, ví dụ: socket.emit(“on-chat”, data). B4: ở server sẽ có 1 socket lắng nghe socket.on(“on-chat”), thg socket này có 2 nhiệm vụ. 1 là lắng nghe sự kiện khi ở client A bắn lên, 2 sau khi lắng nghe thì lại tiếp tục socket.emit(“on-chat-reponse”) bắn sự kiện này về cho tất cả client khác. B5: ở tất cả client sẽ có 1 thg socket lắng nghe sự kiện socket.on(“on-chat-reponse”) từ sever bắn về. Tại đây tất cả client sẽ xử lí update UI
@TriNguyen-fv2uf
2 жыл бұрын
@@_PhanSiHoang như vậy có làm chậm app hơn so với req res thông thường ko, với bắn qua bắn lại vậy mình chưa hiểu khác gì tại req res cũng gửi v được
@_PhanSiHoang
2 жыл бұрын
@@TriNguyen-fv2uf gửi req thông thường thì chỉ có sever update dc data mới thui, mấy client khác đang onl cùng lúc ko update dc trừ khi refresh trình duyệt, như v ko dc realtime. Còn mình test thấy app bth b
@_PhanSiHoang
2 жыл бұрын
@@TriNguyen-fv2uf socket mục đích nó là bắn qua lại để lm realtime á b, còn cái này mình dc chỉ nên hiểu theo cách ng đó là đợi req success thì client ms tiến hành bắn socket. Mình nghĩ còn rất nhiều cách bắn khác nên b có thể thử
@TriNguyen-fv2uf
2 жыл бұрын
@@_PhanSiHoang ok thanks bn nha
Bạn làm nâng cao tí. VD mình có nhiều server cùng chạy app chat thì sao
hay quá anh ơi, anh pro vãi
Ngành em học là Tự Động Hóa, xem Ông Hoàng chỉ để giải trí , mong a ra nhiều clip hay hơn, nếu được thì anh đánh giá xem ngành tự động hóa có nên theo đuổi đến cùng ko ạ, vì em là sinh viên năm nhất còn mơ hồ quá.
@Music4Life2015
2 жыл бұрын
tự động hóa học code C#, C++, python để thay thế winCC thì bá đạo luôn em ơi
Hy vọng e ra video về cấu trúc dữ liệu và giải thuật
2 жыл бұрын
Bạn xem vlog này nhé kzread.info/dash/bejne/f2uNsqqnhtXVedI.html
anh làm thêm vài video như vậy đi, please
anh ơi làm clip học css trong vòng 15p đi a
anh nói cả quá trình về việc mua hosting rồi deploy code lên được không ạ?
2 жыл бұрын
À nếu nhiều bạn quan tâm a sẽ làm nhé
truyền cảm hứng quá anh
hay waaaa a ui
Đỉnh quá idol ơi
anh đẹp trai làm 1 seri dạy làm 1 web app gì lớn lớn bằng nodejs từ đầu đến cuối ... cả phần deploy lên server đi anh. Yêu anh nhiều
2 жыл бұрын
À nếu nhiều bạn quan tâm a sẽ làm nhé
@available6733
2 жыл бұрын
@ Vâng a làm hẳn 1 siêu seri clone bitcoindefi a ạ :)))
@phatnguyenxuan5570
2 жыл бұрын
@ ok hóng
Anh Hoàng làm thêm về Socket IO đi
a làm cái chat app này sớm hơn 1 chút có lẻ e đã k rớt môn, haizz
Anh cho em hỏi em nên đọc những cuốn sách nào về lập trình vậy ạ
2 жыл бұрын
E xem vlog này nhé kzread.info/dash/bejne/oJ6lpbujhJzecrQ.html
@vankhaipham8050
2 жыл бұрын
@ em cảm ơn ạ
cho em xin tên cái tool nhắc lệnh bằng AI (trên github mà anh Hoàng có nhắc đến) đc kh ạ
@chinhnguyen1474
2 жыл бұрын
Tabnine nha bé. Nhưng nó ko free á.
@thaigiahung3926
2 жыл бұрын
@@chinhnguyen1474 ủa a Hoàng dùng copilot github mà. Mình mới cài thử nhưng github cho vào waitlist :((
hoàng làm seri về bot chứng khoán đi pls
anh ơi anh làm một video lộ trình học code cho người học từ đầu đi anh ai đồng ý cho lên top nào
@CodeFresherVN
2 жыл бұрын
Có rồi đây bạn: kzread.info/dash/bejne/nnapzJOzn8zQZrw.html
Anh có thể phát triển app global đc k ạ? Em cảm ơn
2 жыл бұрын
À nếu nhiều bạn quan tâm a sẽ làm nhé
anh Hoàng ơi, anh có sách hay pdf về javascript ko ạ? cho em xin tên được ko ạ?
2 жыл бұрын
E xem bài này nhé toidicodedao.com/2018/03/06/tong-hop-sach-hay-ve-javascript-tu-nhap-mon-den-nang-cao/
@tienang3234
2 жыл бұрын
@ em cảm ơn anh
Cám ơn em
Hướng dẫn làm web auto dịch vụ fb tăng fl đồ đi anh
quá hay a ơi
A giỏi thế sao không làm game blockchain đi ak.
Hay quá anh!
mặn thật sự :))))
con copilot đó anh đợi lâu không. em hơn tháng rồi mà chưa thấy gì
2 жыл бұрын
Ừa hên xui cả tháng em
Xin Hoàng share code với mình được không? Cảm ơn Hoàng nhiều!
Lm serie app chat đi a
làm về cloud aws đi bạn
Anh cho em xin cái tool AI với anh
idol tuyệt vời
Anh Hoàng ơi em muốn học công nghệ thông tin. Anh có thể cho em biết về các nghề bên công nghệ thông tin chuyên ngành nào thì có thể làm việc tại nhà ạ, mong anh trả lời, em cảm ơn anh ạ ❤️
A xem tài liệu hướng dẫn xài socket ở đâu v a cho e xin link đọc vs ạ
@luuduytoan3819
2 жыл бұрын
KZread hoac len thang website cua socket doc DOCs
2 жыл бұрын
e lên xem doc nhé socket.io/
@renlucifer1860
2 жыл бұрын
@ Thx a
anh có thể làm 1 video recommend sách cho người mới học lập trình được ko a ?
2 жыл бұрын
E xem vlog này nhé kzread.info/dash/bejne/oJ6lpbujhJzecrQ.html
@annguyenquy1212
2 жыл бұрын
@ ohh em cảm ơn a nha
a ơi e hỏi e muốn học cntt thì nên học trường nào ah
@quananh7757
2 жыл бұрын
Bách khoa;)
@tr_ungs323
2 жыл бұрын
@@quananh7757 ở hà nội được mỗi bách khoa à a
Quá đỉnh :)
Hay quá anh ơi
Hữu ích quá
Anh ơi bây giờ người ta còn dùng jquery nhiều k anh
2 жыл бұрын
dùng nhiều nhưng job tuyển ko nhiều em :D
Nếu có thể. CODE DẠO có thể share source cho các bạn học cùng làm theo cho tiện
Đoạn gửi giá lên sao không dùng setInterval vậy anh
2 жыл бұрын
Vì a ko thích e :))
@phong5550
2 жыл бұрын
@ à e lại tưởng nó có gì khác thôi ạ 🤣 thanh kiu a đã rep e
Anh thêm CSS chút cho đẹp hơn đi anh😢
Hd crawl dữ liệu web cho ae FE có cái làm ik a
@DaveRunner
2 жыл бұрын
crawl có thể dùng cheerio là đơn giản nhất
Anh xem PI xem có lừa đảo j không ạ