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

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]

Anh ơi cho em xin source code

[@tocchienhuyenthoai102]

có nhận hack FB k bạn ơi

[@congtrongquach1548]

Anh tấn công trang web hiếu PC đi ạ

[@thangbc91]

Thank you ảnh Hoàng

[@VietNguyen-vo7xj]

Tiếp thêm video như này đi anh ơi! Hay quá

[@thehienpham1409]

Hướng dẫn tiếp để biến thành global chat app chứ hong phải local đi anh!

À nếu nhiều bạn quan tâm a sẽ làm nhé

[@available6733]

@ quan tâm

[@hienphan9751]

@ quan tâm làm global chat

[@hvgiang86]

@ quan tâm

[@thuyphungvan3491]

@ quan tam

[@baohieu2558]

Ôi dejavu, em đang ngồi xem giá Bitcoin xong thấy noti video này của a luôn :)))))

[@lolhyu]

anh làm thêm về đưa app lên để người dùng chạy đi anh. Em hóng quá

[@tkctran]

Giờ mới biết đến bạn. Quá giỏi

[@tuyetanh6564]

Anh ơi cho e hỏi mấy cái code gợi ý khi gõ là mình extension gì vậy ạ?

[@sangkieu6064]

Hi anh, anh làm clip dạy code golang trong 15-20p đi anh.

[@K.Huynh.]

thật sự dễ hiểu, cảm ơn anh đã chia sẻ 🌈🌈

[@AnhTranXuanThanh]

Anh ơi mình cài phần mềm nào để code và xem trước đc website như vậy ạ?

[@congsonpham2912]

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 ạ

[@KhangNguyen-ik3yp]

Làm tiếp luôn anh ơi ❤️❤️❤️

[@dungdawn1876]

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é.

[@AnNguyen-tx1hd]

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

[@AlanAlan-bv9yg]

Hay quá làm tiếp đi bạn.

[@phuongpham8028]

Tốc độ code của Idol mê lun

[@trankiet7924]

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

[@mokasakura3409]

Mong P2 lun a ạ ^^

[@hiennham8872]

làm sao để tách riêng code trong client ra 1 file js khác vậy ạ?

[@exploreepictv]

làm seri về java spring boot + hibernate được không anh?

[@tristheflash6928]

sao demo = node js express mà vô trong khóa học lại không có vậy a :v

[@dangtran9405]

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

À nếu nhiều bạn quan tâm a sẽ làm nhé

[@dangtran9405]

@ ok a.

[@dangtran9405]

Like đi mấy con giời :3

[@05.tuanatnguyen49]

rất là quan tâm

[@cauvang8204]

Đỉnh quá idol ơi

[@congbangtruong5346]

Cám ơn em

[@dauduchieu]

Hello a Tôi đi cà khịa

[@longnguyenvuminh820]

hay quá anh ơi, anh pro vãi

[@Ben-gz5ev]

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.

[@gangspy23]

mn cho e hỏi dấu suy ra gõ kiểu gì vậy ạ.

[@vumucinnguyen7872]

E giỏi quá

[@baohoang5421]

Anh dùng những extensions gì thế ạ?

[@nghiabasil]

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 ạ

[@hungpham-zu7kb]

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

[@b19c4t]

hay waaaa a ui

[@hoanginh1692]

Cấp 3 ko học gì về môn tin học thì học cntt có khó hơn ko a

[@anhcodervuitinh3152]

Anh ơi có cuốn sách nào về lập trình hong

[@phustrn1439]

em làm được mỗi bên localhost nhưng chạy từ file html thì nó không hoạt động

[@khanhbuiduy4914]

anh ơi làm clip học css trong vòng 15p đi a

[@tiktokvuinhon2406]

Hay quá anh!

[@ALLMUSIC265x]

A ơi có nhận làm web theo yêu cầu ko a

[@junkimedm7663]

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 ...😅😅😅

[@MinhNguyen-cc7ky]

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?

[@TuanNguyen-bo2yz]

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 ạ.

[@anhdev_99]

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ý

[@huyvunguyen7128]

Thư viện support ghê quá cảm ơn anh nhiều video

[@sichao123]

mặn thật sự :))))

[@MinhTran-np8ry]

anh làm thêm vài video như vậy đi, please

[@devilnight7179]

a sài cái extension gì bá đạo thế?

[@gialuu1027]

Làm video hướng dẫn tạp app chát giống như zalo đi Anh.

[@xuanhuynguyen3203]

truyền cảm hứng quá anh

[@luongphamvan9353]

Hy vọng e ra video về cấu trúc dữ liệu và giải thuật

Bạn xem vlog này nhé kzbin.info/www/bejne/g2i8gXuki9eif9E

[@Hi_Enlightenment_AnimalFight]

Làm sao để áp dụng được terminal với chat gpt anh có thể chỉ e này được chứ

[@ongvan2392]

Anh Hoàng làm thêm về Socket IO đi

[@hoannguyen1934]

Lm serie app chat đi a

[@vaninhtran327]

global như nào thì app tốt anh nhỉ ??

[@Bune268]

sao em "node index.js" không hiện được như anh ạ :((((

[@tainguyenviet6884]

quá hay a ơi

[@zenos5923]

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]

Có rồi đây bạn: kzbin.info/www/bejne/onPYm2SwpM6dbLs

[@available6733]

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

À nếu nhiều bạn quan tâm a sẽ làm nhé

[@available6733]

@ Vâng a làm hẳn 1 siêu seri clone bitcoindefi a ạ :)))

[@phatnguyenxuan5570]

@ ok hóng

[@bryannguyen8907]

Anh ơi, nếu em đầu tư máy cày coin thì còn lời không anh? Budget 100 triệu

[@phannhathoangk15hcm37]

Hay quá anh ơi

[@sonhoangngoc7809]

idol tuyệt vời

[@hieutran-dk1hi]

làm về cloud aws đi bạn

[@kazukofrias2685]

hoàng làm seri về bot chứng khoán đi pls

[@m2nmedia-advertisingfacebo563]

Hướng dẫn làm web auto dịch vụ fb tăng fl đồ đi anh

[@Nguyenson-vm1oc]

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]

tự động hóa học code C#, C++, python để thay thế winCC thì bá đạo luôn em ơi

[@TPNChannel1805]

Quá đỉnh :)

[@quanphan1869]

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]

bắt đầu từ ông muốn học back end hay front end. Là kiểu đồ họa hay xử lý

[@dinhpham4569]

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

[@sharontran1617]

Hữu ích quá

[@namthanh3372]

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ế :))

mở source code nodejs lên đọc em

[@vietbui29]

Bạn làm nâng cao tí. VD mình có nhiều server cùng chạy app chat thì sao

[@DuyTran-xd4qb]

Sao anh code js trên html luôn vậy anh. Như v có bảo mật ko ạ

[@seegame1573]

dịch này mới ra trường ở nhà code gì a

làm thêm cái gửi ảnh đi anh hoàng wibu

À nếu nhiều bạn quan tâm a sẽ làm nhé

[@ssxixxxsis4907]

@ làm đi anh em đợi video

[@HieuVu-gb9uw]

@ Hóng, ké, quan tâm, theo dõi...

[@sangvu2808]

@ hóng a ra vd

[@anhthe2108]

có gửi ảnh làm quả chat wibu thì bá cháy

[@loidoduy8226]

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?

[@nhancu3964]

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]

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]

​@@_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]

@@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]

@@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]

@@_PhanSiHoang ok thanks bn nha

[@pntmusic8670]

Xin hỏi ... install yarn rồi... mà ko yarn init được... anh em giúp mình với

[@DaveRunner]

không xài dc yarn có thể npm init

[@lebv2070]

anh nói cả quá trình về việc mua hosting rồi deploy code lên được không ạ?

À nếu nhiều bạn quan tâm a sẽ làm nhé

[@ntoan8532]

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

Phải lưu vào database rồi load từ database ra em

[@mr.bamboo3x]

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

[@PT_Review_film]

A giỏi thế sao không làm game blockchain đi ak.

[@oanviet4762]

Anh cho em xin cái tool AI với anh

[@minhthonguyen4229]

Facts: E setup một project của Angluar sương sương 500mb :((

[@truongqv12]

Thiết kế db cho app chat luôn a

[@buicongquynh7611]

- 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?

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]

@ - Yêu ad.

[@vuongvo7396]

"Bot giỏi lắm...cho m 5 điểm" :v

[@tienvule8659]

15 p của a chứ e chắc cả tuần ko ra :))

[@namanh4246]

Tâm hồn waifu nảy nảy làm e mất tập trung quá a ơi 🤦

[@8usclub356]

Anh thêm CSS chút cho đẹp hơn đi anh😢

[@7-datnguyen25]

Áo anh mua ở đầu

[@uclong1176]

Anh làm video hướng dẫn deploy project lên heroku đi ạ

À nếu nhiều bạn quan tâm a sẽ làm nhé

[@uclong1176]

@ cụ thể là project java web application càng tốt anh ạ 😆😆

[@quocbaotran1111]

@ Làm đi anh ơi :v

[@tomyrese]

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

Code Python em qua channel Python hỏi nha

[@marcusofficial177]

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 ạ

e xem vlog này nhé kzbin.info/www/bejne/pYi2nYSHgL9nf7s

[@ThanhNguyen-ct9kp]

Đỉnh vãi

[@vohoangquynhnhu5591]

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]

Tabnine nha bé. Nhưng nó ko free á.

[@thaigiahung3926]

@@chinhnguyen1474 ủa a Hoàng dùng copilot github mà. Mình mới cài thử nhưng github cho vào waitlist :((

[@ucchuannguyen5690]

Anh xem PI xem có lừa đảo j không ạ

[@hoangleminh9379]

Vtuber mới chăng :)))

[@ThuNguyen-wy2es]

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]

.krs

[@nguyennambekhanh]

anh Hoàng để hình anime wibu nhiều quá

[@DuyNguyen-tn3cr]

nghe cuốn quá mà không hiểu gì hết @@